From 469a6d32922f7da407d039d5e3d68c0766833fa6 Mon Sep 17 00:00:00 2001
From: bevilj <bevilj@usi.ch>
Date: Tue, 20 Nov 2018 13:54:12 +0000
Subject: [PATCH] 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 |  8 +++++++-
 site/_sass/_home.scss   | 14 ++++++++------
 site/index.html         | 12 ++++++------
 3 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/site/_sass/_header.scss b/site/_sass/_header.scss
index deecb4c..68da61b 100644
--- a/site/_sass/_header.scss
+++ b/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; }
 }
-
diff --git a/site/_sass/_home.scss b/site/_sass/_home.scss
index 82e15b3..127de8d 100644
--- a/site/_sass/_home.scss
+++ b/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 {
diff --git a/site/index.html b/site/index.html
index 1587374..69a6833 100644
--- a/site/index.html
+++ b/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>