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

css-team:add intro commands

Browse Source 
git-svn-id: svn+ssh://atelier.inf.usi.ch/home/bevilj/group-1@104 a672b425-5310-4d7a-af5c-997e18724b81
This commit is contained in:
britea 2018-11-11 16:26:01 +00:00
parent a064baa723
commit 4bd44ca8e0
4 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
site/_layouts/topic.html
View File

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

12
site/_sass/_topics.scss
View File

@ -1,9 +1,9 @@
ul {
.list-commands {
list-style: none;
width: 50%;
}
.list-commands {
.list-commands li {
border-radius: 50px;
margin-bottom: 5px;
transition:500ms;
@ -18,7 +18,7 @@ ul {
}
}
#before-command {
.before-command {
background: #6a6;
border-radius: 100%;
padding: 4px 12px;
@ -26,17 +26,17 @@ ul {
transition:500ms;
}
.list-commands:hover{
.list-commands li:hover{
background-color: #646464;
#before-command{
.before-command{
border-radius:10px;
color:#000;
}
.blink:after{
content:"_";
animation: blink 500ms linear infinite;
animation: blink 800ms linear infinite;
}
@keyframes blink{

2
site/pages/topic/cmd/advanced.html
View File

@ -4,4 +4,4 @@ category-page: advanced
title: Advanced Commands
---
<p>Here we will learn some advanced commands...</p>
<p class="description-section">In advanced topics we will see the commands for the text manipulation and in the end weare going to explain the main text editor of Unix.The text manipulation is very important if you decide to use your computer through the shell,inthis way you can take the notes or modify and examine text file quickly.We’re going to see each command separately in order to obtain a clear explanation withdifferent examples.</p>

2
site/pages/topic/cmd/interm.html
View File

@ -4,4 +4,4 @@ category-page: intermediate
title: Intermediate Commands
---
<p>Here we will learn some intermediate commands...</p>
<p class="description-section">This section attempts to be your guide through a wide range of effective and slightly convoluted shell commands, once you get comfortable with working on the terminal and its basics, you will be able to understand further the importance and usefulness of acquiring a solid knowledge of Shell.Most commands in this section are appropriate to your daily tasks as a computer scientist, you can also learn how to script these tasks and automate them. Commands vary from compressing a file and changing group permissions to installing new widgets and commands available on diverse online sources.A lot of examples are available for each individual command and their most relevant flags, so that you can learn in an interactive and visual way.</p>