home: hide nav menu on mobile devices

git-svn-id: svn+ssh://atelier.inf.usi.ch/home/bevilj/group-1@287 a672b425-5310-4d7a-af5c-997e18724b81

site/_sass/_header.scss

@@ -127,9 +127,15 @@ header{
   }
 }
 
+@media screen and (max-width: 600px) {
+
+    .nav-menu {
+        display: none;
+    }
+}
+
 
 @keyframes cursor {
   from, to { border-color: transparent }
   20% { border-color: orange; }
 }
-

site/_sass/_home.scss

@@ -6,8 +6,9 @@
 
 .home-tile {
     text-align: center;
-    font-size: 1.5rem;
-    margin: .5em;
+    font-size: 3rem;
+    font-weight: bolder;
+    margin: .25em;
     transition: all .2s ease-in-out;
     padding: 2rem 0;
 }
@@ -51,6 +52,7 @@
     text-decoration: none;
     flex: 0 0 calc(33.33%);
     box-sizing: border-box;
+    font-family: 'Helvetica', 'Arial', sans-serif;
 }
 
 .home-tile-title-2 {
@@ -69,10 +71,10 @@
     opacity:0;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1024px) {
 
     .home-tile {
-        font-size: 1.25rem;
+        font-size: 2.5rem;
     }
 
     .home-tile-title {
@@ -88,10 +90,10 @@
     }
 }
 
-@media screen and (max-width: 500px) {
+@media screen and (max-width: 600px) {
 
     .home-tile {
-        font-size: 1rem;
+        font-size: 2rem;
     }
 
     .home-tile-title {

site/index.html

@@ -13,37 +13,37 @@ title: Home page
 
   <a class="home-tile-title" href="{{ site.baseurl }}/pages/topic/cmd/basic.html">
     <article class="home-tile home-tile-white">
-      <h2>Basic</h2>
+      Basic
     </article>
   </a>
 
   <a class="home-tile-title" href="{{ site.baseurl }}/pages/topic/cmd/intermediate.html">
     <article class="home-tile home-tile-green">
-      <h2>Intermediate</h2>
+      Intermediate
     </article>
   </a>
 
   <a class="home-tile-title" href="{{ site.baseurl }}/pages/topic/cmd/advanced.html">
     <article class="home-tile home-tile-grey">
-      <h2>Advanced</h2>
+      Advanced
     </article>
   </a>
 
   <a class="home-tile-title" href="{{ site.baseurl }}/pages/topic/fs.html">
     <article class="home-tile home-tile-grey">
-      <h2>FileSystem</h2>
+      FileSystem
     </article>
   </a>
 
   <a class="home-tile-title home-tile-title-2" href="{{ site.baseurl }}/pages/topic/scripts.html">
     <article class="home-tile home-tile-white">
-      <h2>Scripting</h2>
+      Scripting
     </article>
   </a>
 
   <a class="home-tile-title home-tile-title-3" href="{{ site.baseurl }}/pages/topic/about.html">
     <article class="home-tile home-tile-green">
-      <h2>About</h2>
+      About
     </article>
   </a>