css-team: review 3 pages

git-svn-id: svn+ssh://atelier.inf.usi.ch/home/bevilj/group-1@192 a672b425-5310-4d7a-af5c-997e18724b81

site/_layouts/home.html

@@ -84,15 +84,14 @@
 		}
 
 
-        var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
-        if (!isChrome) {
-            document.getElementById('foolChrome').remove();
+    var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
+    if (!isChrome) {
+        document.getElementById('foolChrome').remove();
 
-            // Mute and play
-            var homeVideo = document.getElementById('videoHome');
-            homeVideo.muted = true;
-            homeVideo.play();
-        }
+        // Mute and play
+        var homeVideo = document.getElementById('videoHome');
+        homeVideo.play();
+    }
 
 		</script>
   </body>

site/_layouts/page.html

@@ -4,14 +4,7 @@ layout: main
 <article class="post">
 
   <header class="post-header">
-    <h2 class="post-title NotoSansBold" style="font-size: 4vh;
-    width: fit-content;
-    padding: 0 10px;
-    border: 2px solid #bdbdbd;
-    border-radius: 5px;
-    background-color: #000;
-    color: #00cc00;
-    letter-spacing: 2px;">>{{ page.title }}_</h2>
+    <h2 class="post-title NotoSansBold">>{{ page.title }}_</h2>
   </header>
 
   <div class="post-content">

site/_sass/_global.scss

@@ -144,3 +144,13 @@ video{
 #time-line{
   float:left;
 }
+
+.post-title{
+    font-size: 4vh;
+    padding: 0 10px;
+    border: 2px solid #bdbdbd;
+    border-radius: 5px;
+    background-color: #000;
+    color: #00cc00;
+    letter-spacing: 2px;
+  }

site/_sass/_topics.scss

@@ -5,7 +5,6 @@
 
 .list-commands li {
    border-radius: 50px;
-   margin-bottom: 5px;
    transition:500ms;
 
    a{
@@ -28,6 +27,7 @@
 
 .list-commands li:hover{
  	background-color: #646464;
+  border-radius:10px;
 
   .before-command{
     border-radius:10px;
@@ -66,3 +66,4 @@
     animation: blink 800ms linear infinite;
   }
 
+

site/index.html

@@ -8,7 +8,7 @@ title: Home page
 
 <iframe id="foolChrome" src="{{ site.baseurl }}/assets/style/silence.mp3" allow="autoplay" style="display:none"></iframe>
 
-<video autoplay preload="auto" id="videoHome">
+<video autoplay id="videoHome">
 	<source src="assets/front/hero_video.mp4" type="video/mp4">
 </video>
 

site/pages/cmd/interm/7z.html

@@ -8,4 +8,58 @@ title: 7z
 ---
 
 <p>
+	A .7z. file is an archive format that stands for 7-zip. By default, Mac OS X does not know how to handle these files, but that is not a big deal because you can download for free in App Store. The program supports 7z, ZIP, CAB, ARJ, BZIP2, TAR, CPIO, RPM and DEB.<br>
+
+	So, first of all, you need to download Unarchiver in order to use this command.<br>
+
+	The basic syntax is:
+
+	<pre> 
+		7z [adeltux] [-] [SWITCH] <code>&lt;ARCHIVE_NAME&gt; &lt;ARGUMENTS&gt;</code>
+	</pre>
+
+	Here some useful options that we will use to explain some examples:
+
+	<ul>
+		<li><code>a</code> Add</li>
+		<li><code>d</code> Delete</li>
+		<li><code>e</code> Extract</li>
+		<li><code>l</code> List</li>
+		<li><code>t</code> Test</li>
+		<li><code>u</code> Update</li>
+		<li><code>x</code> Extract with full paths</li>
+	</ul>
+
+	The simplest way to use <code>7z</code> if we want to extracts all files from archive archive.zip to the current directory.
+
+	<pre> 
+		7z e archive.zip
+	</pre>
+
+	Well, now we talk about the switches.
+	There are many type of switches, we will see the most common ones.<br>
+
+	-m (Set compression Method)
+
+	<pre> 
+		-m&lt;method_parameters&gt;
+	</pre>
+
+	The format for this switch depends on the archive type which are:
+	<ul>
+		<li>Zip</li>
+		<li>GZip</li>
+		<li>BZip2</li>
+		<li>7z</li>
+		<li>XZ</li>
+		<li>WIM</li>
+	</ul>
+
+
+
+
+
+
+
+
 </p>

site/pages/cmd/interm/ps.html

@@ -12,7 +12,7 @@ The <code>ps</code> command stands for "process status" and it is used to provid
 various information about the currently running processes.<br>
 
 Every process is an executing instance of a program which is assigned a unique PID
-(process identification numbers) by the system.<br>
+(process identification numbers) by the system.</p>
 
 The basic syntax of <code>ps</code> is:
 
@@ -20,6 +20,7 @@ The basic syntax of <code>ps</code> is:
 ps [options]
 </pre>
 
+<p>
 This command can be used without any option and by doing this you will get the standard output,
 which is the display monitor by default with four items of information for at least two
 processes currently on the system: the shell and ps.<br>
@@ -31,6 +32,7 @@ TIME is very simple: is the amount of CPU time in minutes and seconds that the p
 has been running. CMD is simply the name of the command that launched the process.<br>
 
 Here you will find some common option combinations
+</p>
 
 <pre>
 ps -aux | less
@@ -44,10 +46,12 @@ ps -aux | less
     </li>
 </ul>
 
+<p>
 This can be piped to the less command ( see out section pipe), which let us to
 view all processes in one screenfull at a time.<br>
 
 Another way to view all processes running on the system is:
+</p>
 
 <pre>
 ps -ef | less
@@ -59,16 +63,16 @@ Where:
     <li>The -e option is used to generate a list of information about every process
         (currently running).
      </li>
-    <li>The -f option providesa list that contains some information for each process.</li>
+    <li>The -f option provides a list that contains some information for each process.</li>
 </ul>
 
+<p>
 This is very useful, it can be used for example to control UID information (username of
 the account that owns the process) and STIME to know when the process started, or
 the starting date.<br>
 
 
-In the end the <code>ps</code> is very powerful if we knoe how to use it.
+In the end the <code>ps</code> is very powerful if we know how to use it.
 If you need to kill a process you can list all process in various ways
 and search for the process you need to kill by reading its PID or by UID for example.
-\
 </p>