home: wip paragraph, need to remove classNames from old website

static/style.css

@@ -350,6 +350,32 @@ home-content {
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
+
+  welcome {
+    margin-bottom: 3rem;
+    text-align: center;
+  }
+
+  boxes {
+    display: flex;
+    width: 30%;
+    gap: 1rem;
+
+    box {
+      border-radius: 0.25rem;
+      box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+      background-color: white;
+      padding: 4rem;
+
+      &#bigbox {
+        flex: 1;
+      }
+
+      &#smallbox {
+        flex: 0.3;
+      }
+    }
+  }
 }
 
 /* 404 */

templates/partials/home.html

@@ -1,6 +1,37 @@
 <home-content>
   <welcome>
     <img src="/static/assets/images/welcome.webp" width="400px" alt="A welcome text in pink" />
-    <p>test</p>
+    <p>Welcome to my little corner of the Web!</p>
   </welcome>
+  <boxes>
+    <box id="bigbox">
+      Thank you for visiting my website !
+      For now it's still a <darkerer-pink>work in progress</darkerer-pink> but I'm sure you will see
+      changes if you come back from time to time :)
+      <br /><br />
+      My name is <darkerer-pink>Agahnim</darkerer-pink>
+      <pronouns className="ml-1 px-2 py-[1px] text-xs rounded-full bg-blue-ouga text-white font-semibold">she/her
+      </pronouns>,
+      I'm a <darkerer-pink className="text-darkerer-pink-ouga">developer</darkerer-pink> and <darkerer-pink
+        className="text-darkerer-pink-ouga">music producer</darkerer-pink> from <darkerer-pink
+        className="text-darkerer-pink-ouga">France</darkerer-pink> !
+      <br /><br />
+      I created this website not just to <darkerer-pink className="text-darkerer-pink-ouga">improve</darkerer-pink> my
+      web development
+      skills, but also because it's <boing className="inline-block text-darkerer-pink-ouga animate-bounce">fun</boing>
+      to
+      build a project like this. It's a small, personal space on the internet, away from the social climate, which is
+      getting <shitty className="text-red-700">worse and worse</shitty>
+      <br /><br />
+      This website is inspired by the <darkerer-pink className="text-darkerer-pink-ouga">vaporwave
+        aesthetic</darkerer-pink> and
+      the old
+      PCs I used to tinker with when I was a kid.
+      I always liked this type of aesthetic and the mix of melancholy of comfort it brings me.
+      It feels good to bring that vibe into one of my projects.
+    </box>
+    <box id="smallbox">
+      <p>Salut</p>
+    </box>
+  </boxes>
 </home-content>