diff --git a/index.html b/index.html index 0a3469147a0ceaa11dac3745fc98055531e51bdf..bb2598ac68bb261245f4d5c7e4fb209111ef1f3d 100644 --- a/index.html +++ b/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); }, diff --git a/styles.css b/styles.css index 166e0f2cf06ec71d714b6ed9bb50030c909042b0..c58aff1795c51b3b384dcc7d2e1ffa3c3778c60b 100644 --- a/styles.css +++ b/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; }