Update index.html

update few things, espcially to have a code updated to 5.2.0.3 HTML

docs/about.html

@@ -25,7 +25,7 @@
             <a href="index.html">Homepage</a>
           </li>
           <li>
-            <a href="" class="active">About</a>
+            <a href="about.html" class="active">About</a>
           </li>
           <li>
             <a href="story.html">Story</a>
@@ -34,10 +34,13 @@
             <a href="license.html">License</a>
           </li>
           <li>
-              <a href="https://www.junkjumper-projects.com/_Project/slegpi/">Demo</a>
+            <a href="https://www.junkjumper-projects.com/_Project/slegpi/">Demo</a>
+          </li>
+          <li>
+            <a href="https://github.com/JunkJumper/SLEGPI">Download on Github</a>
           </li>
           <li class="last">
-            <a href="https://github.com/JunkJumper/SLEGPI">Download on Github</a>
+            <a href="https://www.junkjumper-projects.com/#projects">Back to Projects List</a>
           </li>
         </ul>
       </nav>
@@ -53,47 +56,60 @@
         <section>
           <article>
             <h1>About the project</h1>
-            <p>Welcome on the About page of the project. SLEGPI is my project for my exams of june 2018. I have work on it from
-              October 2017 to May 2018. The goal of SLEGPI was to make me discover numeric and electronic aspect by considering
+            <p>Welcome on the About page of the project. SLEGPI is my project for my exams of june 2018. I have work on
+              it from
+              October 2017 to May 2018. The goal of SLEGPI was to make me discover numeric and electronic aspect by
+              considering
               a lot the substainable developpement.
               <br />
-              <br /> When I start the project, I receive from my professor a contract notice with all the instruction that I must
+              <br /> When I start the project, I receive from my professor a contract notice with all the instruction
+              that I must
               to respect.
               <br />
-              <br /> On the contract, was written that i must use a Raspebrry Pi 3, an Arduino Card, and try to respect the substainable
+              <br /> On the contract, was written that i must use a Raspebrry Pi 3, an Arduino Card, and try to respect
+              the substainable
               developpement.
               <br />
               <br />
             </p>
 
             <h2 id="How">How the project works ?</h2>
-            <p>The project works by setting up a connection between a server hosted on a Raspebrry Pi 3 and the Arduino Card.
+            <p>The project works by setting up a connection between a server hosted on a Raspebrry Pi 3 and the Arduino
+              Card.
               To do that, the Arduino card and the Raspebrry Pi 3 need to b connected to the same network.
               <br />
               <br /> Firstly, the
-              <a href="https://en.wikipedia.org/wiki/LAMP_(software_bundle)" target="_blank">LAMP server</a> need to be configured with the
-              <a href="http://php.net/manual/en/book.pdo.php" target="_blank">PDO</a> function. Without it, all the connection between the databse and the website is deleted. When we use
-              the website to send an action to do to our Arduino card, we are in server mode. So we are asking to the Arduino
+              <a href="https://en.wikipedia.org/wiki/LAMP_(software_bundle)" target="_blank">LAMP server</a> need to be
+              configured with the
+              <a href="http://php.net/manual/en/book.pdo.php" target="_blank">PDO</a> function. Without it, all the
+              connection between the databse and the website is deleted. When we use
+              the website to send an action to do to our Arduino card, we are in server mode. So we are asking to the
+              Arduino
               Card to "display" a page with an URL like :
               <xmp>ip-adress/action=what_we_want</xmp>
               And our Arduino Card understand what to do.
               <br />
-              <br /> When the Arduino Card is receiving data from our anemometer or from the luxmeter, it sending informations
-              to the website in client mode. And the website is understanding what Arduino send by using a file called "get_sql.php".
-              <br
-              />
+              <br /> When the Arduino Card is receiving data from our anemometer or from the luxmeter, it sending
+              informations
+              to the website in client mode. And the website is understanding what Arduino send by using a file called
+              "get_sql.php".
+              <br />
               <br />
             </p>
 
             <h2 id="Exam">How was the exam with this project ?</h2>
-            <p>The Exam is separated in two parts. One is a continuous assessment and the grade is given by the professor who
-              follow the project from the begining to the end. And the second one is given by a jury of two professors who
+            <p>The Exam is separated in two parts. One is a continuous assessment and the grade is given by the
+              professor who
+              follow the project from the begining to the end. And the second one is given by a jury of two professors
+              who
               don't know anything about us or about our project (exept maybe the name of our project).
               <br />
-              <br /> Personally, I get 20/20 for the continuous assessment and 18/20 from the jury. So I get 19/20 for the project
+              <br /> Personally, I get 20/20 for the continuous assessment and 18/20 from the jury. So I get 19/20 for
+              the project
               (coefficient 12).
               <br />
-              <br /> For the continuous assessment, we just have to seriously work. For the jury part, we have to do a slide show
+              <br /> For the continuous assessment, we just have to seriously work. For the jury part, we have to do a
+              slide show
               to project on a screen. We must do a general and personal recap into a .docx file.
             </p>
 
@@ -129,13 +145,15 @@
     <footer id="footer" class="clear">
       <p class="fl_left">
         <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">
-          <img alt="Licence Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" />
+          <img alt="Licence Creative Commons" style="border-width:0"
+            src="https://i.creativecommons.org/l/by/4.0/88x31.png" />
         </a>
         <img src="img/footer.png" />This page is available under the terms of the
-        <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"> Creative Commons Attribution 4.0 International License</a>.</p>
+        <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"> Creative Commons Attribution 4.0
+          International License</a>.</p>
       <br />
       <p class="fl_right">Website made by
-        <a target="_blank" href="https://junkjumper.github.io/" title="Free Website Templates">JunkJumper</a>
+        <a target="_blank" href="https://junkjumper.github.io/">JunkJumper</a>
       </p>
     </footer>
   </div>

docs/index.html

@@ -14,13 +14,13 @@
     <header id="header" class="clear">
       <div id="hgroup">
         <a href="">
-          <img src="img/logo_slegpi.png" width="20%" />
+          <img src="img/logo_slegpi.png" width="20%" alt="logo" />
         </a>
       </div>
 <nav>
         <ul>
           <li>
-            <a href="" class="active">Homepage</a>
+            <a href="index.html" class="active">Homepage</a>
           </li>
           <li>
             <a href="about.html">About</a>
@@ -34,9 +34,12 @@
           <li>
             <a href="https://www.junkjumper-projects.com/_Project/slegpi/">Demo</a>
           </li>
-          <li class="last">
+          <li>
             <a href="https://github.com/JunkJumper/SLEGPI">Download on Github</a>
           </li>
+          <li class="last">
+            <a href="https://www.junkjumper-projects.com/#projects">Back to Projects List</a>
+          </li>
         </ul>
       </nav>
     </header>
@@ -91,11 +94,10 @@
         <section class="fl_left1">
           <article class="clear">
             <figure>
-              <img src="img/profilepicture.jpg" />
+              <img src="https://www.junkjumper-projects.com/PPs/top-R_revertCADRE1.jpg" />
               <figcaption>
                 <br /><h2>Project of JunkJumper</h2>
-                <p>I'm a 18 years old student in informatic developpement. I like to tap anything on my keyboard to create something
-                  new ! 👍</p>
+                <p>Hello ! I am JunkJumper, a 18 years old IT student and a brony. Bronies are supposed to overreact to anything, so i can success to everything to work. I have created this website to organise my github projects and showcase them.</p>
               </figcaption>
             </figure>
           </article>
@@ -110,12 +112,12 @@
         <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">
           <img alt="Licence Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" />
         </a>
-        <img src="img/footer.png" />This page is available under the terms of the
+        <img src="img/footer.png" alt="footer"/>This page is available under the terms of the
         <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">
         Creative Commons Attribution 4.0 International License</a>.</p>
       <br />
       <p class="fl_right">Website made by
-        <a target="_blank" href="https://junkjumper.github.io/" title="Free Website Templates">JunkJumper</a>
+        <a target="_blank" href="https://junkjumper.github.io/">JunkJumper</a>
       </p>
     </footer>
   </div>

docs/license.html

@@ -21,7 +21,7 @@
       </div>
       <nav>
         <ul>
-          <li class="active">
+          <li>
             <a href="index.html">Homepage</a>
           </li>
           <li>
@@ -31,14 +31,17 @@
             <a href="story.html">Story</a>
           </li>
           <li>
-            <a href="" class="active">License</a>
+            <a href="license.html" class="active">License</a>
           </li>
           <li>
             <a href="https://www.junkjumper-projects.com/_Project/slegpi/">Demo</a>
           </li>
-          <li class="last">
+          <li>
             <a href="https://github.com/JunkJumper/SLEGPI">Download on Github</a>
           </li>
+          <li class="last">
+            <a href="https://www.junkjumper-projects.com/#projects">Back to Projects List</a>
+          </li>
         </ul>
       </nav>
     </header>
@@ -54,31 +57,31 @@
           <article>
             <h1>License</h1>
             <p>The project was created using some softwares, here is the dedicated page to mention them.</p><br /><br />
-              <center>
-                <a href="https://en.wikipedia.org/wiki/HTML" target="_blank"><img src="img/icons/html5-plain.png" alt="Html 5" width="200px"></a>
-                <a href="https://en.wikipedia.org/wiki/Cascading_Style_Sheets" target="_blank"><img src="img/icons/css3-plain.png" alt="Css 3" width="200px"></a>
-                <a href="https://en.wikipedia.org/wiki/JavaScript" target="_blank"><img src="img/icons/javascript-original.png" alt="JavaScript" width="200px"></a><br /><br />
-                <a href="https://www.arduino.cc/" target="_blank"><img src="img/icons/Arduino_Logo.png" alt="Arduino" width="200px"></a>
-              </center>
+            <center>
+              <a href="https://en.wikipedia.org/wiki/HTML" target="_blank"><img src="img/icons/html5-plain.png" alt="Html 5" width="200px"></a>
+              <a href="https://en.wikipedia.org/wiki/Cascading_Style_Sheets" target="_blank"><img src="img/icons/css3-plain.png" alt="Css 3" width="200px"></a>
+              <a href="https://en.wikipedia.org/wiki/JavaScript" target="_blank"><img src="img/icons/javascript-original.png" alt="JavaScript" width="200px"></a><br /><br />
+              <a href="https://www.arduino.cc/" target="_blank"><img src="img/icons/Arduino_Logo.png" alt="Arduino" width="200px"></a>
+            </center>
           </article>
         </section>
       </div>
     </div>
   </div>
-  </div>
-  </div>
   <!-- Copyright -->
   <div class="wrapper row4">
     <footer id="footer" class="clear">
       <p class="fl_left">
         <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">
-          <img alt="Licence Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" />
+          <img alt="Licence Creative Commons" style="border-width:0"
+            src="https://i.creativecommons.org/l/by/4.0/88x31.png" />
         </a>
-        <img src="img/footer.png" />This page is available under the terms of the
-        <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"> Creative Commons Attribution 4.0 International License</a>.</p>
+        <img src="img/footer.png" alt="footer" />This page is available under the terms of the
+        <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"> Creative Commons Attribution 4.0
+          International License</a>.</p>
       <br />
       <p class="fl_right">Website made by
-        <a target="_blank" href="https://junkjumper.github.io/" title="Free Website Templates">JunkJumper</a>
+        <a target="_blank" href="https://junkjumper.github.io/">JunkJumper</a>
       </p>
     </footer>
   </div>

docs/story.html

@@ -28,16 +28,19 @@
             <a href="about.html">About</a>
           </li>
           <li>
-            <a href="" class="active">Story</a>
+            <a href="story.html" class="active">Story</a>
           </li>
           <li>
             <a href="license.html">License</a>
           </li>
           <li>
-              <a href="https://www.junkjumper-projects.com/_Project/slegpi/">Demo</a>
+            <a href="https://www.junkjumper-projects.com/_Project/slegpi/">Demo</a>
+          </li>
+          <li>
+            <a href="https://github.com/JunkJumper/SLEGPI">Download on Github</a>
           </li>
           <li class="last">
-            <a href="https://github.com/JunkJumper/SLEGPI">Download on Github</a>
+            <a href="https://www.junkjumper-projects.com/#projects">Back to Projects List</a>
           </li>
         </ul>
       </nav>
@@ -74,7 +77,7 @@
         <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"> Creative Commons Attribution 4.0 International License</a>.</p>
       <br />
       <p class="fl_right">Website made by
-        <a target="_blank" href="https://junkjumper.github.io/" title="Free Website Templates">JunkJumper</a>
+        <a target="_blank" href="https://junkjumper.github.io/">JunkJumper</a>
       </p>
     </footer>
   </div>