home: add shortcuts

git-svn-id: svn+ssh://atelier.inf.usi.ch/home/bevilj/group-1@108 a672b425-5310-4d7a-af5c-997e18724b81
This commit is contained in:
bevilj 2018-11-11 20:46:16 +00:00
parent 35b46593a8
commit d53b5cd5da
4 changed files with 85 additions and 13 deletions

View File

@ -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;
}
}

43
site/_sass/_home.scss Normal file
View File

@ -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;
}
}

View File

@ -4,17 +4,46 @@ category: nosearch
author: A bunch of people
title: Home page
---
<a href="/pages/cmd/basic/ls">Example LS command</a><br>
<a href="/pages/cmd/basic/cd">Example CD comment</a><br>
<video autoplay muted loop id="videoHome">
<source src="assets/style/prew.mp4" type="video/mp4">
</video>
<div class="cont3step">
<span>
</span>
<span>
</span>
<span>
</span>
<div class="home-tiles">
<article class="home-tile">
<a class="home-tile-title" href="{{ site.baseurl }}/pages/topic/cmd/basic.html">
<h2>Basic</h2>
</a>
</article>
<article class="home-tile">
<a class="home-tile-title" href="{{ site.baseurl }}/pages/topic/cmd/basic.html">
<h2>Intermediate</h2>
</a>
</article>
<article class="home-tile">
<a class="home-tile-title" href="{{ site.baseurl }}/pages/topic/cmd/basic.html">
<h2>Advanced</h2>
</a>
</article>
<article class="home-tile">
<a class="home-tile-title" href="{{ site.baseurl }}/pages/topic/cmd/basic.html">
<h2>FileSystem</h2>
</a>
</article>
<article class="home-tile">
<a class="home-tile-title" href="{{ site.baseurl }}/pages/topic/cmd/basic.html">
<h2>Scripting</h2>
</a>
</article>
<article class="home-tile">
<a class="home-tile-title" href="{{ site.baseurl }}/pages/topic/cmd/about.html">
<h2>About</h2>
</a>
</article>
</div>

View File

@ -3,6 +3,7 @@ category: nosearch
---
@import "global";
@import "header";
@import "home";
@import "footer";
@import "topics";
@import "syntax-highlighting";