Update index.html

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

Arduino Code/Anemometer done.ino

@@ -1,13 +1,12 @@
 #include <math.h>
-
-#define WindSensorPin (2) // The pin location of the anemometer sensor
+#define WindSensorPin (2)
 
 volatile unsigned long Rotations; // cup rotation counter used in interrupt routine
 volatile unsigned long ContactBounceTime; // Timer to avoid contact bounce in interrupt routine
-
 float WindSpeed; // speed miles per hour
 
-void setup() {
+void setup()
+{
     Serial.begin(9600);
 
     pinMode(WindSensorPin, INPUT);
@@ -16,8 +15,8 @@ attachInterrupt(digitalPinToInterrupt(WindSensorPin), isr_rotation, FALLING);
     Serial.println("Rotations\tKm/h");
 }
 
-void loop() {
-
+void loop()
+{
     Rotations = 0; // Set Rotations count to 0 ready for calculations
 
     sei(); // Enables interrupts
@@ -31,15 +30,14 @@ WindSpeed = (Rotations * 0.75) * 1.609344;
 
     Serial.print(Rotations); Serial.print("\t\t");
     Serial.println(WindSpeed);
-
 }
 
 // This is the function that the interrupt calls to increment the rotation count
-void isr_rotation () {
-
-if ((millis() - ContactBounceTime) > 15 ) { // debounce the switch contact.
+void isr_rotation()
+{
+    if ((millis() - ContactBounceTime) > 15 ) // debounce the switch contact.
+    {
         Rotations++;
         ContactBounceTime = millis();
     }
-
 } 

Arduino Code/FULL_PROGRAMM.ino

@@ -3,17 +3,25 @@
 #include <math.h>
 #include <Servo.h>
 #define WindSensorPin (2)
+
+
 volatile unsigned long Rotations;
 volatile unsigned long ContactBounceTime;
+
+unsigned long duration;
+
 float WindSpeed;
-byte mac[] = { 0x90, 0xA2, 0xDA, 0x0E, 0xD4, 0x22 };// @dresse MAC de votre Arduino Ethernet
+float T = 0;
+
+byte mac[] = {0x90, 0xA2, 0xDA, 0x0E, 0xD4, 0x22}; // @Arduino Ethernet
 byte ip[] = {10, 66, 240, 59};
-//char server[] = "spe.sin.apo.free.fr";    // nom du site
-char server[] = "10.66.240.81";    // @PC en local quand on utilise WAMPSERVEUR
+
+char server[] = "10.66.240.81"; // @PC
 
 String readString;
-Servo monServomoteur;
 boolean drapeau = false;
+
+
 int D;
 int LE;
 int LI;
@@ -21,9 +29,8 @@ int S;
 int AM;
 char c;
 int pin = 9;
-unsigned long duration;
 int position = 0;
-float T = 0;
+
 int F = 1 / T;
 int Led = 7;
 int bLed = 3;
@@ -33,8 +40,8 @@ int ST;
 
 EthernetClient client;
 
-
-void setup() {
+void setup()
+{
   pinMode(pin, INPUT);
   pinMode(bLed, OUTPUT);
   pinMode(gLed, OUTPUT);
@@ -43,15 +50,19 @@ void setup() {
   monServomoteur.attach(8);
   Serial.begin(9600); // mise en marche liaison série
   //Ethernet.begin(mac, ip);
-  if (Ethernet.begin(mac) == 0) {
+  if (Ethernet.begin(mac) == 0)
+  {
     Serial.println("Failed to configure Ethernet using DHCP");
     // no point in carrying on, so do nothing forevermore:
-    for(;;);}
+    for (;;)
+      ;
+  }
   delay(2000);
   Serial.println("connecting...");
 }
 
-void loop(){
+void loop()
+{
   //Luxmetre
   delay(500);
   duration = pulseIn(pin, HIGH);
@@ -65,23 +76,29 @@ sei();
   delay(3000);
   cli();
   WindSpeed = (Rotations * 0.75) * 1.609344;
-Serial.print(Rotations); Serial.print("\t\t");
+  Serial.print(Rotations);
+  Serial.print("\t\t");
   Serial.println(WindSpeed);
 
   envoieBDD();
   LectureBDD();
   Traitement();
 }
-void isr_rotation () {
 
-if ((millis() - ContactBounceTime) > 15 ) { // debounce the switch contact.
+void isr_rotation()
+{
+
+  if ((millis() - ContactBounceTime) > 15)
+  { // debounce the switch contact.
     Rotations++;
     ContactBounceTime = millis();
   }
 }
+
 void envoieBDD()
 {
-  if (client.connect(server, 80)) {
+  if (client.connect(server, 80))
+  {
     Serial.println("connected");
     client.print("GET /SLEGPI/ecriture.php?lux=");
     client.print(F);
@@ -93,11 +110,13 @@ void envoieBDD()
     client.stop();
     client.println();
   }
-  else {
+  else
+  {
     Serial.println("connection failed");
   }
 
-   if (client.connect(server, 80)) {
+  if (client.connect(server, 80))
+  {
     Serial.println("connected");
     client.print("GET /SLEGPI/ecriture.php?vent=");
     client.print(WindSpeed);
@@ -109,10 +128,10 @@ void envoieBDD()
     client.stop();
     client.println();
   }
-   else {
+  else
+  {
     Serial.println("connection failed");
   }
-  
 }
 
 void LectureBDD()
@@ -130,7 +149,8 @@ EthernetClient client = server.available();
       {
         char c = client.read(); //lecture caractère par caractère
         //on concatène les caractères et on ne sélectionne qu'un string total de longueur < 40
-       if (readString.length()<40 ) readString.concat(c);
+        if (readString.length() < 40)
+          readString.concat(c);
         // détection de fin de ligne
         if (c == '\n')
         {
@@ -144,8 +164,6 @@ EthernetClient client = server.available();
           readString = ""; //initialisation de la variable chaîne readString
           client.stop();   //deconnection de l'arduino
           Serial.println();
-                                             
-          
         }
       }
     }
@@ -154,10 +172,12 @@ EthernetClient client = server.available();
 
 void Traitement()
 {
-           if(AM >0){
+  if (AM > 0)
+  {
     Serial.println("Mode automatique");
 
-           if(F <1000){
+    if (F < 1000)
+    {
       digitalWrite(bLed, HIGH);
       digitalWrite(gLed, HIGH);
       digitalWrite(rLed, HIGH);
@@ -173,7 +193,8 @@ void Traitement()
       ST = 0;
       //allumer
 
-if (client.connect(server, 80)) {
+      if (client.connect(server, 80))
+      {
         Serial.println("connected");
         Serial.println("toto");
         client.print("GET /SLEGPI/ecriture.php?eInt=");
@@ -187,10 +208,12 @@ if (client.connect(server, 80)) {
         client.stop();
         client.println();
       }
-  else {
+      else
+      {
         Serial.println("connection failed");
       }
-      if (client.connect(server, 80)) {
+      if (client.connect(server, 80))
+      {
         Serial.println("connected");
         client.print("GET /SLEGPI/ecriture.php?eExt=");
         client.print(D);
@@ -202,7 +225,8 @@ if (client.connect(server, 80)) {
         client.stop();
         client.println();
       }
-           if (client.connect(server, 80)) {
+      if (client.connect(server, 80))
+      {
         Serial.println("connected");
         client.print("GET /SLEGPI/ecriture.php?Store=");
         client.print(ST);
@@ -216,9 +240,8 @@ if (client.connect(server, 80)) {
       }
     }
 
-  
-           
-           if(F >1000){
+    if (F > 1000)
+    {
       digitalWrite(bLed, LOW);
       digitalWrite(gLed, LOW);
       digitalWrite(rLed, LOW);
@@ -235,7 +258,8 @@ if (client.connect(server, 80)) {
       D = 0;
       ST = 1;
       //et
-             if (client.connect(server, 80)) {
+      if (client.connect(server, 80))
+      {
         Serial.println("connected");
         Serial.println("toto");
         client.print("GET /SLEGPI/ecriture.php?eInt=");
@@ -249,10 +273,12 @@ if (client.connect(server, 80)) {
         client.stop();
         client.println();
       }
-  else {
+      else
+      {
         Serial.println("connection failed");
       }
-      if (client.connect(server, 80)) {
+      if (client.connect(server, 80))
+      {
         Serial.println("connected");
         client.print("GET /SLEGPI/ecriture.php?eExt=");
         client.print(D);
@@ -264,7 +290,8 @@ if (client.connect(server, 80)) {
         client.stop();
         client.println();
       }
-      if (client.connect(server, 80)) {
+      if (client.connect(server, 80))
+      {
         Serial.println("connected");
         Serial.println("toto");
         client.print("GET /SLEGPI/ecriture.php?Store=");
@@ -280,35 +307,35 @@ if (client.connect(server, 80)) {
       }
     }
   } //Allumer les lumieres exterieurs
-          else{
+  else
+  {
     Serial.println("Mode manuel");
     //Eteindre les lumieres exterieurs
 
-
-           
-           if(LI >0){
+    if (LI > 0)
+    {
       digitalWrite(Led, LOW);
     } //Allumer les lumieres exterieurs
-            else{
+    else
+    {
       digitalWrite(Led, HIGH);
     } //Eteindre les lumieres exterieurs
 
-
-           
-           if(LE >0){
+    if (LE > 0)
+    {
       digitalWrite(bLed, HIGH);
       digitalWrite(gLed, HIGH);
       digitalWrite(rLed, HIGH);
     } //Allumer les lumieres exterieurs
-            else{
+    else
+    {
       digitalWrite(bLed, LOW);
       digitalWrite(gLed, LOW);
       digitalWrite(rLed, LOW);
     } //Eteindre les lumieres exterieurs
 
-
-           
-          if(S >0){
+    if (S > 0)
+    {
       if (drapeau == false)
       {
         drapeau = true;
@@ -318,10 +345,10 @@ if (client.connect(server, 80)) {
           delay(15);
         }
       }
-            
     }
     //Monter le Store
-            else{
+    else
+    {
 
       if (drapeau == true)
       {
@@ -332,32 +359,4 @@ if (client.connect(server, 80)) {
       }
     }
   } //Baisser le Store
-
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 
-
-

Arduino Code/Luxmeter.ino

@@ -1,17 +1,14 @@
-int pin = 10;
 unsigned long duration;
 float T = 0;
+
+int pin = 10;
 int F = 1/T;
 int led = 9;
 int BLUE = 6;                   
 int GREEN = 3; 
 int RED = 5; 
-int brightness1 = 200;
-int brightness2 = 255;
-int brightness3 = 255;
-int brightness4 = 0;
-int brightness5 = 0;
-int brightness6 = 0;
+int lum1 = 255;
+int lum0 = 0;
 
 void setup()
 {
@@ -33,16 +30,15 @@ Serial.println(F, DEC);
   if (F >= 500)
   {
     digitalWrite(led, HIGH);
-  analogWrite(RED, brightness4);
-  analogWrite(GREEN, brightness5);
-  analogWrite(BLUE, brightness6);
+    analogWrite(RED, lum0);
+    analogWrite(GREEN, lum0);
+    analogWrite(BLUE, lum0);
   }
   else
   {
     digitalWrite(led, LOW);
-  analogWrite(RED, brightness1);
-  analogWrite(GREEN, brightness2);
-  analogWrite(BLUE, brightness3);
+    analogWrite(RED, lum1);
+    analogWrite(GREEN, lum1);
+    analogWrite(BLUE, lum1);
   }
 }
-

Arduino Code/Motor.ino

@@ -2,12 +2,16 @@
 #include <Ethernet.h>
 #include <math.h>
 #define WindSensorPin (2)
+
+
 volatile unsigned long Rotations;
 volatile unsigned long ContactBounceTime; 
 float WindSpeed; 
-int pin = 9;
+
 unsigned long duration;
 float T = 0;
+
+int pin = 9;
 int F = 1/T;
 int led = 8;
 int BLUE = 6;                   
@@ -19,12 +23,15 @@ int brightness3 = 255;
 int brightness4 = 0;
 int brightness5 = 0;
 int brightness6 = 0;
+
 EthernetClient client;
 byte mac[] = { 0x90, 0xA2, 0xDA, 0x0E, 0xD4, 0x22 }; 
 byte ip[] = { 192, 168, 1, 102 }; //ip arduino
+
 char server[] = "192.168.1.101"; //ip raspberry
 
-void setup() { 
+void setup()
+{
 
   pinMode(WindSensorPin, INPUT);
   attachInterrupt(digitalPinToInterrupt(WindSensorPin), isr_rotation, FALLING);
@@ -36,7 +43,8 @@ Serial.println("Rotations\tKm/h");
   Serial.begin(9600);
   digitalWrite(led, LOW);
 
-  if (Ethernet.begin(mac) == 0) {
+  if (Ethernet.begin(mac) == 0)
+  {
     Serial.println("Failed to configure Ethernet using DHCP");
     for (;;)
       ;
@@ -45,7 +53,8 @@ Serial.println("Rotations\tKm/h");
   Serial.println("connecting...");
 }
 
-void loop() {
+void loop()
+{
 
   //luxmetre
   delay(500);
@@ -69,7 +78,8 @@ else
     analogWrite(BLUE, brightness3);
   }
 
-  if (client.connect(server, 80)) {
+  if (client.connect(server, 80))
+  {
     Serial.println("connected");
     client.print("GET /SLEGPI/ecriture.php?lux=");
     client.print(F);
@@ -81,7 +91,8 @@ else
     client.stop();
     client.println();
   }
-  else {
+  else
+  {
     Serial.println("connection failed");
   }
   delay(500);
@@ -92,10 +103,12 @@ sei();
   delay(3000);
   cli();
   WindSpeed = (Rotations * 0.75) * 1.609344;
-Serial.print(Rotations); Serial.print("\t\t");
+  Serial.print(Rotations);
+  Serial.print("\t\t");
   Serial.println(WindSpeed);
 
-  if (client.connect(server, 80)) {
+  if (client.connect(server, 80))
+  {
     Serial.println("connected");
     client.print("GET /SLEGPI/ecriture.php?vent=");
     client.print(WindSpeed);
@@ -107,13 +120,15 @@ Serial.println(WindSpeed);
     client.stop();
     client.println();
   }
-   else {
+  else
+  {
     Serial.println("connection failed");
   }
 }
-void isr_rotation () {
-
-if ((millis() - ContactBounceTime) > 15 ) { // debounce the switch contact.
+void isr_rotation ()
+{
+  if ((millis() - ContactBounceTime) > 15)
+  { // debounce the switch contact.
     Rotations++;
     ContactBounceTime = millis();
   }

Arduino Code/Outdoor_Lights.ino

@@ -1,12 +1,14 @@
+unsigned long duration;
+float T = 0;
+
 int bLed = 3;
 int gLed = 4;
 int rLed = 6;
 int pin = 9;
-unsigned long duration;
-float T = 0;
 int F = 1/T;
 
-void setup() {
+void setup()
+{
   // put your setup code here, to run once:
   pinMode(pin, INPUT);
   Serial.begin(9600);
@@ -15,7 +17,8 @@ void setup() {
   pinMode(rLed, OUTPUT);
 }
 
-void loop() {
+void loop()
+{
   // put your main code here, to run repeatedly:
   delay(1000);
   duration = pulseIn(pin, HIGH);

Arduino Code/_config.yml

@@ -1 +0,0 @@
-theme: jekyll-theme-cayman

Website Source Code/_config.yml

@@ -1 +0,0 @@
-theme: jekyll-theme-cayman

docs/README.md

@@ -1,2 +1,2 @@
 # SLEGPI
-This is a repositories to get a short url like : https://junkjumper.github.io/slegpi
+This is a repositories to get a short url like : https://junkjumper.github.io/SLEGPI

docs/about.html

@@ -21,23 +21,26 @@
       </div>
       <nav>
         <ul>
-          <li class="active">
+          <li>
             <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>
           </li>
+          <li>
+            <a href="license.html">License</a>
+          </li>
           <li>
             <a href="https://www.junkjumper-projects.com/_Project/slegpi/">Demo</a>
           </li>
           <li>
-            <a href="#">License</a>
+            <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>
 
@@ -115,7 +131,7 @@
               <a href="#Exam">How was the exam with this project ?</a>
             </li>
             <li class="last">
-              <a href="#">Download the latest release !</a>
+              <a href="https://github.com/JunkJumper/SLEGPI/releases" target="_blank">Download the latest release !</a>
             </li>
           </ul>
         </nav>
@@ -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 class="active">
-            <a href="" class="active">Homepage</a>
+          <li>
+            <a href="index.html" class="active">Homepage</a>
           </li>
           <li>
             <a href="about.html">About</a>
@@ -28,14 +28,17 @@
           <li>
             <a href="story.html">Story</a>
           </li>
+          <li>
+            <a href="license.html">License</a>
+          </li>
           <li>
             <a href="https://www.junkjumper-projects.com/_Project/slegpi/">Demo</a>
           </li>
           <li>
-            <a href="#">License</a>
+            <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>
@@ -71,7 +74,7 @@
               <br />
               <br />You don't want to miss them, alright ? ;)</p>
             <footer class="more">
-              <a href="#">Read More &raquo;</a>
+              <a href="story.html">Read More &raquo;</a>
             </footer>
           </article>
           <!-- Download the source code -->
@@ -82,7 +85,7 @@
               check them on the appropriate page.</p>
             <br />
             <footer class="more">
-              <a href="#">Read More &raquo;</a>
+              <a href="https://github.com/JunkJumper/SLEGPI">Read More &raquo;</a>
             </footer>
           </article>
         </section>
@@ -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

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+
+<head>
+  <title>SLEGPI</title>
+  <meta charset="UTF-8">
+  <link rel="stylesheet" href="styles/layout.css" type="text/css">
+  <link rel="stylesheet" href="styles/style.css" type="text/css">
+  <link rel="shortcut icon" href="/favicons/slegpi.ico" type="image/x-icon">
+  <link rel="icon" href="/favicons/slegpi.ico" type="image/x-icon">
+</head>
+
+<body>
+
+  <div class="wrapper row1">
+    <header id="header" class="clear">
+      <div id="hgroup">
+        <a href="index.html">
+          <img src="img/logo_slegpi.png" width="20%" />
+        </a>
+      </div>
+      <nav>
+        <ul>
+          <li>
+            <a href="index.html">Homepage</a>
+          </li>
+          <li>
+            <a href="about.html">About</a>
+          </li>
+          <li>
+            <a href="story.html">Story</a>
+          </li>
+          <li>
+            <a href="license.html" class="active">License</a>
+          </li>
+          <li>
+            <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://www.junkjumper-projects.com/#projects">Back to Projects List</a>
+          </li>
+        </ul>
+      </nav>
+    </header>
+  </div>
+
+  <div class="wrapper row2">
+    <div id="container" class="clear">
+      <section id="slider">
+        <img src="img/website-resized.png" alt="wbesite" width="960px" height="360px" id="About">
+      </section>
+      <div id="content">
+        <section>
+          <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>
+          </article>
+        </section>
+      </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" />
+        </a>
+        <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/">JunkJumper</a>
+      </p>
+    </footer>
+  </div>
+</body>
+
+</html>

docs/story.html

@@ -21,23 +21,26 @@
       </div>
       <nav>
         <ul>
-          <li class="active">
+          <li>
             <a href="index.html">Homepage</a>
           </li>
           <li>
             <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>
           </li>
           <li>
-            <a href="#">License</a>
+            <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>