home.html: Aggiunte sezioni

views/home.html

@@ -4,9 +4,9 @@
 
 {{define "body"}}
 
-<div class="float-header">
+<section>
     <header>
-        <img class="logo" src="https://img.icons8.com/ios-filled/100/000000/electronics.png"/>
+        <img class="logo" src="https://img.icons8.com/ios-filled/100/000000/electronics.png" />
         <div class="title">
             <h1 class="huge">
                 PHC
@@ -14,32 +14,33 @@
             <h2>Poisson</h2>
         </div>
     </header>
-</div>
 
-<p>
-    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Asperiores quas nostrum suscipit nulla. Reiciendis quos et
+    <p>
+        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Asperiores quas nostrum suscipit nulla. Reiciendis
+        quos et
         vel animi amet facere dignissimos, nemo, repudiandae suscipit esse quod obcaecati iure soluta cumque?
-</p>
-
-<hr>
+    </p>
+</section>
 
-<h2>
-    <img class="icons8" src="https://img.icons8.com/ios-filled/50/000000/service.png"/>
+<section>
+    <h2>
+        <img class="icons8" src="https://img.icons8.com/ios-filled/50/000000/service.png" />
         Servizi
-</h2>
+    </h2>
 
-<p>
+    <p>
         Questi sono tutte le risorse e i servizi offerti dal PHC.
-</p>
+    </p>
 
-<div class="service-list">
+    <div class="service-list">
         <div class="service">
             <h3>
                 <img class="icons8" src="https://img.icons8.com/ios-filled/50/000000/news.png" />
                 <a href="/blog">Blog & Notizie</a>
             </h3>
             <p>
-            Blog del PHC, qui sono racconte le ultime notizie sui nostri progetti recenti, informazioni su eventuali guasti e giorni di manuntenzione.
+                Blog del PHC, qui sono racconte le ultime notizie sui nostri progetti recenti, informazioni su eventuali
+                guasti e giorni di manuntenzione.
             </p>
         </div>
         <div class="service">
@@ -87,20 +88,20 @@
                 Forum per parlare di Matematica in \(\LaTeX\), Informatica e argomenti accademici in generale.
             </p>
         </div>
-</div>
-
-<hr>
+    </div>
+</section>
 
-<h2>
-    <img class="icons8" src="https://img.icons8.com/ios-filled/50/000000/work.png"/>
+<section>
+    <h2>
+        <img class="icons8" src="https://img.icons8.com/ios-filled/50/000000/work.png" />
         Macchinisti
-</h2>
+    </h2>
 
-<p>
+    <p>
         Al momento i macchinisti sono:
-</p>
+    </p>
 
-<ul>
+    <ul>
         <li><a href="https://poisson.phc.dm.unipi.it/~persona">Persona 1</a> dal 2018</li>
         <li><a href="https://poisson.phc.dm.unipi.it/~persona">Persona 5</a> dal 2017</li>
         <li><a href="https://poisson.phc.dm.unipi.it/~persona">Persona 3</a> dal 2016</li>
@@ -108,14 +109,14 @@
         <li><a href="https://poisson.phc.dm.unipi.it/~persona">Persona 6</a> dal 2014</li>
         <li><a href="https://poisson.phc.dm.unipi.it/~persona">Persona 2</a> dal 2013</li>
         <li><a href="https://poisson.phc.dm.unipi.it/~persona">Persona 7</a> dal 2012</li>
-</ul>
+    </ul>
 
-<h3>Vuoi diventare un macchinista?</h3>
+    <h3>Vuoi diventare un macchinista?</h3>
 
-<p>
-    Ti interessa (o interesserebbe) smanettare al PC, montare e smontare i cose? Stai spesso in dipartimento? Allora puoi venire a parlare con noi per diventare un apprendista macchinista per poi entrare nel PHC.
-</p>
-
-&nbsp;
+    <p>
+        Ti interessa (o interesserebbe) smanettare al PC, montare e smontare i cose? Stai spesso in dipartimento? Allora
+        puoi venire a parlare con noi per diventare un apprendista macchinista per poi entrare nel PHC.
+    </p>
+</section>
 
 {{end}}