Merge branch 'dev' into skill-issue

package-lock.json

@@ -1688,9 +1688,9 @@
       ]
     },
     "node_modules/@shikijs/core": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-1.6.1.tgz",
-      "integrity": "sha512-CqYyepN4SnBopaoXYwng4NO8riB5ask/LTCkhOFq+GNGtr2X+aKeD767eYdqYukeixEUvv4bXdyTYVaogj7KBw==",
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-1.6.2.tgz",
+      "integrity": "sha512-guW5JeDzZ7uwOjTfCOFZ2VtVXk5tmkMzBYbKGfXsmAH1qYOej49L5jQDcGmwd6/OgvpmWhzO2GNJkQIFnbwLPQ==",
       "license": "MIT"
     },
     "node_modules/@types/babel__core": {
@@ -2273,9 +2273,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001624",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001624.tgz",
-      "integrity": "sha512-0dWnQG87UevOCPYaOR49CBcLBwoZLpws+k6W37nLjWUhumP1Isusj0p2u+3KhjNloRWK9OKMgjBBzPujQHw4nA==",
+      "version": "1.0.30001627",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001627.tgz",
+      "integrity": "sha512-4zgNiB8nTyV/tHhwZrFs88ryjls/lHiqFhrxCW4qSTeuRByBVnPYpDInchOIySWknznucaf31Z4KYqjfbrecVw==",
       "funding": [
         {
           "type": "opencollective",
@@ -2656,9 +2656,9 @@
       }
     },
     "node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.5.tgz",
+      "integrity": "sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==",
       "license": "MIT",
       "dependencies": {
         "ms": "2.1.2"
@@ -2766,9 +2766,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.783",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.783.tgz",
-      "integrity": "sha512-bT0jEz/Xz1fahQpbZ1D7LgmPYZ3iHVY39NcWWro1+hA2IvjiPeaXtfSqrQ+nXjApMvQRE2ASt1itSLRrebHMRQ==",
+      "version": "1.4.789",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.789.tgz",
+      "integrity": "sha512-0VbyiaXoT++Fi2vHGo2ThOeS6X3vgRCWrjPeO2FeIAWL6ItiSJ9BqlH8LfCXe3X1IdcG+S0iLoNaxQWhfZoGzQ==",
       "license": "ISC"
     },
     "node_modules/emmet": {
@@ -5895,12 +5895,12 @@
       }
     },
     "node_modules/shiki": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/shiki/-/shiki-1.6.1.tgz",
-      "integrity": "sha512-1Pu/A1rtsG6HZvQm4W0NExQ45e02og+rPog7PDaFDiMumZgOYnZIu4JtGQeAIfMwdbKSjJQoCUr79vDLKUUxWA==",
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/shiki/-/shiki-1.6.2.tgz",
+      "integrity": "sha512-X3hSm5GzzBd/BmPmGfkueOUADLyBoZo1ojYQXhd+NU2VJn458yt4duaS0rVzC+WtqftSV7mTVvDw+OB9AHi3Eg==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/core": "1.6.1"
+        "@shikijs/core": "1.6.2"
       }
     },
     "node_modules/signal-exit": {
@@ -6110,9 +6110,9 @@
       }
     },
     "node_modules/tsconfck": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/tsconfck/-/tsconfck-3.0.3.tgz",
-      "integrity": "sha512-4t0noZX9t6GcPTfBAbIbbIU4pfpCwh0ueq3S4O/5qXI1VwK1outmxhe9dOiEWqMz3MW2LKgDTpqWV+37IWuVbA==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/tsconfck/-/tsconfck-3.1.0.tgz",
+      "integrity": "sha512-CMjc5zMnyAjcS9sPLytrbFmj89st2g+JYtY/c02ug4Q+CZaAtCgbyviI0n1YvjZE/pzoc6FbNsINS13DOL1B9w==",
       "license": "MIT",
       "bin": {
         "tsconfck": "bin/tsconfck.js"

src/layouts/Page.astro

@@ -21,7 +21,7 @@ const { title } = Astro.props;
 <style>
 @font-face {
 	font-family: 'Cantarell';
-	src: url('/fonts/cantarell.otf') format('otf');
+	src: url('/fonts/cantarell.otf') format('opentype');
 	font-weight: normal;
 	font-style: normal;
 	font-display: swap;
@@ -42,6 +42,7 @@ body {
 	align-items: center;
 	margin: 0;
 	flex-direction: column;
+	font-size: 110%;
 }
 
 main {

src/pages/portfolio.astro

@@ -16,6 +16,10 @@ My name is <b>Hippolyte Chauvin</b> and I'm born in <b>2004</b>. I study the <b>
 I was introduced to the world of computers in my young age, when I could spend hours on the family's computer messing around with the operating system and trying to explore every feature it had built in. This experience slowly led me to want to learn how to seriously use a computer, and later to study the field of cybersecurity.
 </p>
 
+<p>
+I am also fascinated by music: I play drums, I DJ, and I produce electronic music under the name <b>Ahurac</b>.
+</p>
+
 <h1>My skills</h1>
 
 <p>
@@ -70,11 +74,23 @@ Since 2023, I host free software based services on the web thanks to my personna
 <code>qemush</code> is written in a very portable way (in POSIX shell). It works with a system of launchers : a laucher is an user-written subscript called by the main program, that invokes a QEMU process in the end.
 </p>
 
-<p>You can find <code>qemush</code>'s source code in <a href="https://git.ahur.ac/ahurac/qemush">its repo</a> on my self-hosted instance of the source code forge <b>Forgejo</b>.</p>
+<p>
+You can find <code>qemush</code>'s source code in <a href="https://git.ahur.ac/ahurac/qemush">its repo</a> on my self-hosted instance of the source code forge <b>Forgejo</b>.
+</p>
+
+<h2>Music career</h2>
+
+<p>
+I have released a bunch of electronic music songs since 2019. Despite being a proprietary platform, you can find my work on <b><a href="https://youtube.com/c/Ahurac">YouTube</a></b>. I create everything on my personnal computer, using as much as free software as I can.
+</p>
+
+<p>Here is my latest song to this date:</p>
+
+<p><iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/B3LzQjL3UQQ?si=VS2v08yuCNN4VezK" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
 </Page>
 
 <style>
-img {
+img, iframe {
   display: block;
   margin-left: auto;
   margin-right: auto;
@@ -88,7 +104,7 @@ figcaption {
 }
 
 p {
-  line-height: 1.5;
+  line-height: 1.8;
 }
 
 a {