Styling and text improvements.

README.md

@@ -14,4 +14,17 @@ Well, it was actually a lot more trouble than that on NixOs. The problem here is
 export SASS_PATH=/home/onyr/.local/share/gem/ruby/3.1.0/gems/minima-2.5.1/_sass
 ```
 
+### Working on the website.
+
+This website is built using [Jekyll](https://jekyllrb.com/).
+
+All content on the website is written in Markdown or HTML, with a preference for Markdown which is simple. Note that if you need punctually some HTML inside your Markdown file, you can use it directly inside.
+
+For emojis, please use [NerdFont Icons](https://www.nerdfonts.com/cheat-sheet), like in the example below:
+
+```html
+I really <i class="nf nf-fa-heart"></i> <i class="nf nf-custom-vim"></i>
+```
+
+
 

_includes/navigation.html

@@ -1,4 +1,4 @@
-<nav class="mono navbar">
+<nav class="mono navbar other-bg-color">
   <div class="nav-container">
     <div class="nav-element">
       <a href="{{ site.baseurl }}/">
@@ -8,7 +8,15 @@
 
     {% for item in site.data.navigation %}
       <div class="nav-element">
-        <a href="{{ item.link }}" {% if page.url == item.link %}class="current"{% endif %}>{{ item.name }}{{ item.page.title }}</a>
+        <a 
+          href="{{ item.link }}" 
+          {% if page.url == item.link %}
+            class="nav-element-bordered current"
+          {% else %}
+            class="nav-element-bordered" 
+          {% endif %}>
+          {{ item.name }}{{ item.page.title }}
+        </a>
       </div>
     {% endfor %}
 

_layouts/default.html

@@ -26,7 +26,7 @@
       {{ content }}
     </main>
 
-    <footer id="general_footer">
+    <footer id="general_footer" class="other-bg-color">
       <p>© {{ site.time | date: "%Y" }} - INSAlgo</p>
       <p>Fait avec <span id="heart"><i class="nf nf-fa-heart"></i></span> à Lyon.</p>
     </footer>

_members/0nyr.md

@@ -7,12 +7,12 @@ year: 2024
 display_page: "true"
 ---
 
-Je suis doctorant en informatique en co-encadrement à [IMT Atlantique (Lab-STICC)](https://labsticc.fr/fr) & [INSA Lyon (Citi)](https://www.citi-lab.fr/).
+Je suis **doctorant en informatique** en co-encadrement à [IMT Atlantique (Lab-STICC)](https://labsticc.fr/fr) & [INSA Lyon (Citi)](https://www.citi-lab.fr/).
 
-J'ai l'immense plaisir d'être encadré par une équipe d'encadrants de choc, à savoir :
-+ [Romain Billot](https://www.imt-atlantique.fr/fr/personne/romain-billot), sage et dévoué directeur de thèse option galette saucisse et beurre salé.
-+ [Christine Solnon](http://perso.citi.insa-lyon.fr/csolnon/), enseigne l'une des meilleures matière de IF et co-directrice de thèse.
-+ [Lina Fahed](https://www.imt-atlantique.fr/en/person/lina-fahed), encadrante experte en Pattern Mining, mais aussi en bon plans
+J'ai l'immense plaisir d'être encadré par une **équipe d'encadrants de choc**, à savoir :
++ **[Romain Billot](https://www.imt-atlantique.fr/fr/personne/romain-billot)**, sage et dévoué directeur de thèse option galette saucisse et beurre salé.
++ **[Christine Solnon](http://perso.citi.insa-lyon.fr/csolnon/)**, enseigne l'une des meilleures matière de IF et co-directrice de thèse.
++ **[Lina Fahed](https://www.imt-atlantique.fr/en/person/lina-fahed)**, encadrante experte en Pattern Mining, mais aussi en bon plans
 
 En dehors de tout ça, j'aime bien voyager, randonner, peindre, écrire, explorer... 
 

about.md

@@ -4,18 +4,18 @@ title: À propos
 permalink: /about/
 ---
 
-Bienvenue sur le site officiel et le blog d'INSAlgo, l'association étudiante de l'[INSA Lyon](https://www.insa-lyon.fr/en/insa-lyon) dédiée aux sciences informatiques et aux concours de programmation. INSAlgo rassemble des passionnées et passionnés d'algorithmes, de théorie des graphes, de structures de données, de complexité, d'optimisation, et bien plus encore.
+Bienvenue sur le site officiel et le blog d'**INSAlgo**, l'association étudiante de l'[INSA Lyon](https://www.insa-lyon.fr/en/insa-lyon) dédiée aux sciences informatiques et aux concours de programmation. INSAlgo rassemble des passionnées d'informatique au sens large et est l'endroit parfait pour découvrir et renconter d'autres personnes de ce domaine.
 
 ### INSAlgo++
 
-Initialement centrée sur la programmation compétitive, INSAlgo se consacre à la formation et à l'entraînement pour les concours de programmation et d'informatique. Notre mission principale est l'organisation de cours accessibles à toutes et tous. Nous proposons aussi des soirées pizza, participons à l'organisation de la *Coding Battle*, organisons des *Install Parties* et bien d'autres activités à découvrir.
+Initialement centrée sur la **programmation compétitive**, INSAlgo se consacre à la **formation** et à l'entraînement pour les concours de programmation et d'informatique. Notre mission principale est l'**organisation de cours** accessibles à toutes et tous. Nous proposons aussi des soirées pizza, participons à l'organisation de la *Coding Battle*, organisons des *Install Parties* et bien d'autres activités à découvrir.
 
-Chez INSAlgo, nous considérons que la programmation et l'informatique sont des compétences essentielles au XXIe siècle. Notre mission est de fournir à chaque individu les outils et la communauté nécessaires pour explorer ces domaines passionnants, développer de nouvelles compétences et avancer dans leur parcours professionnel et personnel. Que vous soyez débutante ou débutant, ou une programmeuse ou un programmeur avancé, vous trouverez une place parmi nous pour apprendre, grandir et partager.
+Chez INSAlgo, nous considérons que la programmation et l'informatique sont des **compétences essentielles au XXIe siècle**. Notre mission est de fournir à chaque individu les outils et la communauté nécessaires pour explorer ces domaines passionnants, développer de nouvelles compétences et avancer dans leur parcours professionnel et personnel. Que vous soyez débutante ou débutant, ou une programmeuse ou un programmeur avancé, **vous trouverez une place parmi nous** pour apprendre, grandir et partager.
 
 ### Nous rejoindre
 
-Plongez dans le monde de l'informatique avec nous ! Vous pouvez nous rejoindre quel que soit votre parcours, car l'association est ouverte à tous, même si vous n'êtes pas étudiant·e à l'INSA.
+Plongez dans le monde de l'informatique avec nous ! Vous pouvez nous rejoindre quel que soit votre parcours, car l'**association est ouverte à toutes et tous**, même si vous n'êtes pas étudiant·e à l'INSA.
 
 L'inscription est gratuite !
 
-Les séances se déroulant en présentiel sur le campus de l'INSA, il est cependant préférable d'être à Lyon pour profiter pleinement de l'association.
+Les séances se déroulant en présentiel sur le campus de l'INSA, il est cependant **préférable d'être à Lyon** pour profiter pleinement de l'association.

assets/css/styles.css

@@ -114,12 +114,14 @@
 /* Theming */
 :root {
     --background-color: #fff;
+    --other-background-color: #e8e8e8;
     --text-color: #000;
     --link-color: #007bff;
 }
 
 [data-theme="dark"] {
     --background-color: #0d1117;
+    --other-background-color: #4d4d4d;
     --text-color: #c9d1d9;
     --link-color: #58a6ff;
 }
@@ -134,6 +136,10 @@
     fill: var(--text-color);
 }
 
+.other-bg-color {
+    background: var(--other-background-color);
+}
+
 /* General */
 body {
     background-color: var(--background-color);
@@ -153,25 +159,24 @@ a {
 }
 
 a.current {
-    border-bottom: 2px solid var(--link-color);
+    border: 2px solid var(--link-color);
 }
 
 .mono {
     font-family: 'JetBrains Mono', monospace;
 }
 
-.current {
-    color: green;
-}
-
 /* SVG logo */
 .logo-nav {
     width: 100px;
 }
+
+#logo-frontpage-container {
+    border-radius: 2em;
+}
 .logo-frontpage {
     /* align center */
     margin: 0 auto;
-    width: 60%;
 }
 
 /* Grid page layout */
@@ -213,12 +218,27 @@ footer {
     left: 0;
     width: 100%;
     padding: 0;
-    background: var(--background);
 }
 
 .nav-element {
-    width: 100px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.nav-element-bordered {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 120px;
+    height: 35px;
     margin: 0 10px;
+    border-radius: 2em;
+    border: 2px solid var(--text-color);
+    color: var(--text-color);
+    text-decoration: none;
+}
+.nav-element-bordered:hover {
+    background-color: var(--background-color);
 }
 
 /* Spacers */
@@ -236,6 +256,7 @@ footer {
     justify-content: center;
     align-items: center;
     margin: 1em auto;
+    width: 100%;
 }
 .content-container {
     display: flex;
@@ -256,7 +277,8 @@ p {
 /* ########## Footer ########## */
 footer {
     display: flex;
-    flex-direction: column;
+    flex-direction: row;
+    justify-content: space-evenly;
     background: var(--background);
     border-radius: 2em;
     width: 100%;

index.md

@@ -6,10 +6,8 @@ layout: home
 title: INSAlgo
 ---
 
-<div class="nav-container">
+<div id="logo-frontpage-container" class="nav-container other-bg-color">
   <img class="logo-frontpage" src="{{ site.baseurl }}/assets/images/logos/logo.svg" alt="INSAlgo">
 </div>
 
-Bienvenue sur le site officiel et le blog d'INSAlgo, l'association étudiante de l'[INSA Lyon](https://www.insa-lyon.fr/en/insa-lyon) dédiée aux sciences informatiques et aux concours de programmation. INSAlgo rassemble des passionnés d'algorithmes, de théorie des graphes, de structures de données, de complexité, d'optimisation, et bien plus encore.
-
-Plongez dans le monde de l'informatique avec nous ! Rejoignez INSAlgo !
+Bienvenue sur le site officiel et le blog d'**INSAlgo**, l'association étudiante de l'[INSA Lyon](https://www.insa-lyon.fr/en/insa-lyon) dédiée aux sciences informatiques et aux concours de programmation. Plongez dans le monde de l'informatique avec nous ! **Rejoignez INSAlgo** !