diff --git a/site/_sass/_global.scss b/site/_sass/_global.scss index c92e25d..892e296 100644 --- a/site/_sass/_global.scss +++ b/site/_sass/_global.scss @@ -53,7 +53,7 @@ main { td pre { padding: 0; } - + pre, code { font-family: "Source Code Pro", monospace; } @@ -89,7 +89,7 @@ video{ } .cont3step{ - width: calc(70% + 50px); + width: calc(90% + 50px); margin: 50px auto; } @@ -130,4 +130,3 @@ video{ color:#6a6; } } - diff --git a/site/_sass/_home.scss b/site/_sass/_home.scss new file mode 100644 index 0000000..8f2b9aa --- /dev/null +++ b/site/_sass/_home.scss @@ -0,0 +1,43 @@ +.home-tiles { + display: grid; + grid-template-columns: auto auto auto; + grid-gap: 20px; + padding-top: 40px; +} + +.home-tile { + text-align: center; + font-size: 1rem; + margin: .5em; + padding: 2rem; + background-color: #68BB6A; + transition: all .2s ease-in-out; +} + +.home-tile:hover { + text-align: center; + margin: .5em; + background-color: #388E3C; + transform: scale(1.1); +} + +.home-tile-title { + color: white; + text-decoration: none; +} + +.home-tile-title:hover { + color: white; + text-decoration: none; +} + +#videoHome { + width: 100%; +} + +@media screen and (max-width: 500px) { + + .home-tiles { + grid-template-columns: auto; + } +} diff --git a/site/index.html b/site/index.html index 9e0b30d..bed4e9b 100644 --- a/site/index.html +++ b/site/index.html @@ -4,17 +4,46 @@ category: nosearch author: A bunch of people title: Home page --- -Example LS command
-Example CD comment
- -
- - - - - - + +
+ + + + + + + + + + + + +
diff --git a/site/main.scss b/site/main.scss index 86f7fa3..f1bdd73 100644 --- a/site/main.scss +++ b/site/main.scss @@ -3,6 +3,7 @@ category: nosearch --- @import "global"; @import "header"; +@import "home"; @import "footer"; @import "topics"; @import "syntax-highlighting";