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

css-team: completing topics.scss

Browse source 
git-svn-id: svn+ssh://atelier.inf.usi.ch/home/bevilj/group-1@90 a672b425-5310-4d7a-af5c-997e18724b81
This commit is contained in:
britea 2018-11-11 10:20:22 +00:00
parent 9f2f92ca2d
commit d31d755369
3 changed files with 46 additions and 23 deletions
site
_layouts
topic.html
_sass
_topics.scss
pages/topic/cmd
basic.html

2
site/_layouts/topic.html
View file

@ -12,7 +12,7 @@ layout: main
<ul>
{% for item in site.pages %}
{% if item.category-page == page.category-page and item.layout == "page" %}
<li class="list-commands"><a href="{{ item.url }}">{{ item.title }}</a></li>
<li class="list-commands"><span id="before-command"><</span><a href="{{ item.url }}">{{ item.title }}<span class="blink"></span></a></li>
{% endif %}
{% endfor %}
</ul>

65
site/_sass/_topics.scss
View file

@ -3,36 +3,59 @@ ul {
width: 50%;
}
.list-commands {
.list-commands {
border-radius: 50px;
margin-bottom: 5px;
transition:500ms;
a{
height:29px;
width:calc(100% - 2em - 20px);
text-decoration: none;
font-size: 2.5vh;
width: calc(100% - 2em - 20px);
text-decoration: none;
font-size: 2.8vh;
font-weight: bold;
display: inline-block;
margin-left:20px;
padding: 4px 0 4px 20px;
}
}
}
.list-commands:before {
content: '>';
background: #6a6;
border-radius: 100%;
padding: 4px 11px;
font-size: 2.8vh;
text-align: center;
display: inline-block;
}
#before-command {
background: #6a6;
border-radius: 100%;
padding: 4px 12px;
font-size: 2.8vh;
transition:500ms;
}
.list-commands:hover{
.list-commands:hover{
background-color: #646464;
}
.list-commands-container {
padding-top: 0.5rem;
}
#before-command{
border-radius:10px;
color:#000;
}
.blink:after{
content:"_";
animation: blink 500ms linear infinite;
}
@keyframes blink{
0% { opacity:1; }
50% { opacity:1; }
50.01% { opacity:0; }
100% { opacity:0; }
}
}
.list-commands-container {
padding-top: 0.5rem;
}
.description-section{
width: 65%;
margin: auto;
line-height: 30px;
border-left: 5px solid #000;
padding: 20px;
margin: 50px 0;
}

2
site/pages/topic/cmd/basic.html
View file

@ -4,4 +4,4 @@ category-page: basic
title: Basic Commands
---
<p>Here we will learn some basic commands...</p>
<p class="description-section">If you are new to Shell or a Beginner who just want to refresh his knowledge this is the section for you. Move your first steps in this interface by learning and trying this selection of Basic Commands which allow you to do routine operations in a different way.</p>