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:
parent
35b46593a8
commit
d53b5cd5da
|
@ -53,7 +53,7 @@ main {
|
||||||
td pre {
|
td pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre, code {
|
pre, code {
|
||||||
font-family: "Source Code Pro", monospace;
|
font-family: "Source Code Pro", monospace;
|
||||||
}
|
}
|
||||||
|
@ -89,7 +89,7 @@ video{
|
||||||
}
|
}
|
||||||
|
|
||||||
.cont3step{
|
.cont3step{
|
||||||
width: calc(70% + 50px);
|
width: calc(90% + 50px);
|
||||||
margin: 50px auto;
|
margin: 50px auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -130,4 +130,3 @@ video{
|
||||||
color:#6a6;
|
color:#6a6;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
43
site/_sass/_home.scss
Normal file
43
site/_sass/_home.scss
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
|
@ -4,17 +4,46 @@ category: nosearch
|
||||||
author: A bunch of people
|
author: A bunch of people
|
||||||
title: Home page
|
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">
|
<video autoplay muted loop id="videoHome">
|
||||||
<source src="assets/style/prew.mp4" type="video/mp4">
|
<source src="assets/style/prew.mp4" type="video/mp4">
|
||||||
</video>
|
</video>
|
||||||
<div class="cont3step">
|
|
||||||
<span>
|
<div class="home-tiles">
|
||||||
</span>
|
|
||||||
<span>
|
<article class="home-tile">
|
||||||
</span>
|
<a class="home-tile-title" href="{{ site.baseurl }}/pages/topic/cmd/basic.html">
|
||||||
<span>
|
<h2>Basic</h2>
|
||||||
</span>
|
</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>
|
</div>
|
||||||
|
|
|
@ -3,6 +3,7 @@ category: nosearch
|
||||||
---
|
---
|
||||||
@import "global";
|
@import "global";
|
||||||
@import "header";
|
@import "header";
|
||||||
|
@import "home";
|
||||||
@import "footer";
|
@import "footer";
|
||||||
@import "topics";
|
@import "topics";
|
||||||
@import "syntax-highlighting";
|
@import "syntax-highlighting";
|
||||||
|
|
Loading…
Reference in New Issue
Block a user