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

home: add testimonials

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

17
site/_sass/_home.scss
View File

@ -1,3 +1,8 @@
.home-quote {
font-weight: bold;
font-size: 2em;
}
.home-tiles { .home-tiles {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -73,7 +78,12 @@
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
.home-tile { .home-quote {
font-weight: bold;
font-size: 1.5em;
}
.home-tile {
font-size: 2.5rem; font-size: 2.5rem;
} }
@ -92,6 +102,11 @@
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.home-quote {
font-weight: bold;
font-size: 1em;
}
.home-tile { .home-tile {
font-size: 2rem; font-size: 2rem;
} }

4
site/_sass/_topics.scss
View File

@ -11,7 +11,7 @@
a{ a{
width: calc(100% - 2em - 25px); width: calc(100% - 2em - 25px);
text-decoration: none; text-decoration: none;
font-size: 2.8vh; font-size: 1.7em;
font-weight: bold; font-weight: bold;
display: inline-block; display: inline-block;
padding: 4px 0 4px 20px; padding: 4px 0 4px 20px;
@ -23,7 +23,7 @@
background: #6a6; background: #6a6;
border-radius: 100%; border-radius: 100%;
padding: 4px 12px; padding: 4px 12px;
font-size: 2.8vh; font-size: 1.7em;
transition:500ms; transition:500ms;
} }

19
site/index.html
View File

@ -48,3 +48,22 @@ title: Home page
</a> </a>
</div> </div>
<div style="text-align:left;margin: 50px 0;font-size:2em;">
<span style="padding: 10px 50px 10px 0;border-bottom: 2px solid #bdbdbd;"><i class="fas fa-graduation-cap"></i> Learn</span>
<p>
<i class="home-quote">"I have learned a lot about the shell."</i> <div>- Nicola Brunner</div>
</p>
</div>
<div style="text-align:right;margin: 50px 0;font-size:2em;">
<span style="padding: 10px 0 10px 50px;border-bottom: 2px solid #bdbdbd;"><i class="far fa-smile-wink"></i> Enjoy</span>
<p>
<i class="home-quote">"The best shell experience you can have."</i> <div>- Joao Tomazoni</div>
</p>
</div>
<div style="text-align:left;margin: 50px 0;font-size:2em;">
<span style="padding: 10px 50px 10px 0;border-bottom: 2px solid #bdbdbd;"><i class="fas fa-cogs"></i> Run</span>
<p>
<i class="home-quote">"My scripts work."</i> <div>- Joey Bevilacqua</div>
</p>
</div>