maggicl/theshell.ch
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

home: hide nav menu on mobile devices

Browse Source 
git-svn-id: svn+ssh://atelier.inf.usi.ch/home/bevilj/group-1@287 a672b425-5310-4d7a-af5c-997e18724b81
This commit is contained in:
bevilj 2018-11-20 13:54:12 +00:00
parent a9b2f16b8b
commit 469a6d3292
3 changed files with 21 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
site/_sass/_header.scss
View File

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

14
site/_sass/_home.scss
View File

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

12
site/index.html
View File

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