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
-
-