Ajout de nouvelles sections + lien vers nemophila.me

index.html

@@ -45,11 +45,24 @@
         <a href="https://gitlab.com/salixor" target="_blank">GitLab</a>
         <a href="./hardware.txt" target="_blank">Hardware</a>
         <a href="./RIB.txt" target="_blank">RIB</a>
-        <a href="cours-ensiie.html">TDs/TPs</a>
     </section>
 
-    <section>
-        C'est vide pour l'instant. Peut-être que je mettrai quelque chose ici prochainement !
+    <section class="content">
+        <p>Bienvenue sur mon site perso, qui a assez peu bougé au fil des années.</p>
+        <p>Il me sert un peu d'annuaire, et de mini archive par rapport à l'école (vous pouvez retrouver les TPs et TDs que j'avais conservés en <a href="cours-ensiie.html">cliquant ici</a>).</p>
+        <p>Pour l'instant, il n'y a pas grand chose, et je pense que ça bougera très peu à l'avenir.</p>
+    </section>
+
+    <section class="content">
+        <p>Pour ceux qui ne me connaitraient pas, je suis un ancien de la promo 2019 (ça remonte !).</p>
+        <p>Je suis un membre encore assez présent du Bakaclub, et j'essaie de participer à quelques activités IRL de temps en temps.</p>
+        <p>Sans surprise, je suis donc assez passionné par les animes, la musique japonaise, et j'apprends petit à petit la langue.</p>
+    </section>
+
+    <section class="content">
+        <p>Je me suis récemment lancé dans la photographie, et j'ai ouvert un site dédié : <a href="https://nemophila.me">nemophila.me</a></p>
+        <p>Il m'arrive aussi de parler sur Twitter : <a href="">Twitter</a></p>
+        <p>Et sinon, l'ensemble des liens ci-dessus est une bonne référence.</p>
     </section>
 </div>
 
@@ -66,6 +79,8 @@ $(document).ready(function() {
     // Changement aléatoire de la couleur
     $("header").css("background-color", col_rd);
     $("section.cours a").css("background-color", col_rd);
+    $("section.content").css("border-color", col_rd);
+    $("section.content a").css("color", col_rd);
 
     $("section.header_links a").hover(
         function() { $(this).css("background-color", col_rd); },

styles.css

@@ -158,6 +158,20 @@ section.header_links a {
 section.header_links a:hover { background: rgba(0,0,0,0.5); }
 section.cours { padding: 15px; overflow: hidden; }
 
+section.content {
+    margin: 20px;
+    padding: 15px 20px;
+    line-height: 25px;
+    border-radius: 15px;
+    border: 2px dashed #222;
+    color: #222;
+    background-color: #eee;
+}
+
+section.content a:hover {
+    opacity: 0.5;
+}
+
 section.cours a {
     background-color: #222;
     border-radius: 3px;
@@ -303,3 +317,4 @@ html.dark ul.files-list li.color5::after { background: #3f7bf4; }
 html.dark ul.files-list li.color6::after { background: #e2e587; }
 
 html.dark section.header_links a { color: #FFFFFF !important; }
+html.dark section.content { background: #444444; color: #FFFFFF !important; }