Small corrections

en/includes/style.css

@@ -2,8 +2,6 @@
 Généralités
  */
 :root {
-    --serif-font:Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
-    --mono-font:ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
     --sans-font:Avenir, 'Avenir Next LT Pro', Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
     --text-font: system-ui, sans-serif;
     --bg:#2e3440;
@@ -11,9 +9,6 @@ Généralités
     --text:#eceff4;
     --text-light:#d8dee9;
     --accent:#88c0d0;
-    --code:#d8dee9;
-    --preformatted:#d8dee9;
-    --marked:#8fbcbb;
     --disabled:#4c566a
 }
 @media (prefers-color-scheme:light) {
@@ -23,8 +18,6 @@ Généralités
         --accent-bg:#e5e9f0;
         --text:#2e3440;
         --text-light:#4c566a;
-        --code:#4c566a;
-        --preformatted:#4c566a;
         --disabled:#d8dee9
     }
 }
@@ -225,11 +218,11 @@ section#intro {
 .projet .project-header {
     position: relative;
     margin: 1em .5em;
-    background-color: rgba(0,0,0, .7);
+    background-color: rgba(0,0,0, .6);
+    color: #f0f0f0;
     border-radius: 8px;
     overflow: hidden;
-    transition: background-color .2s,
+    transition: background-color .2s, border-radius .2s;
-        border-radius .2s;
 }
 
 .projet .project-header .accordion-title::before {
@@ -268,11 +261,12 @@ section#intro {
 
 .projet input.toggle-accordion-content:checked ~ .project-header {
     background-color: var(--accent-bg);
+    color: var(--text);
     margin: 0 .5em;
     border: 3px solid var(--disabled);
     border-bottom: none;
     border-radius: 8px 8px 0 0;
-;    padding: .2em 1em;
+;   padding: .2em 1em;
 }
 
 .projet input.toggle-accordion-content:checked ~ .project-header .accordion-title {

en/index.html

@@ -189,6 +189,7 @@
                     </div>
 
                     <div class="accordion-content">
+                        <h4>The project</h4>
                         <p>Website displaying all the 149 laws proposals from the French Citizen Convention for Climate and their political consideration through time.</p>
                         <p>Based on a WordPress to have a user-friendly UI allowing some members of the Convention to add content by themselves. This project is a volunteer work that I fully developed alone, from the original idea of another Convention citizen. As I am always up for a challenge, I decided to build the pie chart without Javascript. This was fun.</p>
                         <p>Some other things I enjoyed coding:</p>
@@ -230,6 +231,7 @@
                     </div>
 
                     <div class="accordion-content">
+                        <h4>The project</h4>
                         <p>This project was about adding a global e-commerce feature to an existing WordPress website, while conserving the current content, architecture and design. It was a success and the website evolved then on another CMS more e-commerce focused.</p>
                         <p>I worked as a project manager and developer, mostly on:</p>
                         <ul>
@@ -272,6 +274,7 @@
                     </div>
 
                     <div class="accordion-content">
+                        <h4>The project</h4>
                         <p>Showcase website for a Naturopath and Dietician from Lyon. Use of WordPress for the user-friendly UI. </p>
                         <p>I worked alone, with only a few requirements from the client. I was then involved on:</p>
                         <ul>
@@ -312,6 +315,7 @@
                     </div>
 
                     <div class="accordion-content">
+                        <h4>The project</h4>
                         <p>Website allowing the registration to an annual international event and back-office tools to manage registrants and events. Also have an informational section about the organization and the next and pasts events.</p>
                         <p>I worked on this project as a technical project manager and as a developer, from 2019 to 2022. The platform is based on WordPress CMS with custom plugins for the events and registrants managements, bound to specific plugins for the registrations payments. I designed and developed the custom plugins from scratch, using a homemade MVC pattern. Year after year, I implemented and improved a lot of features:</p>
                         <ul>