feat: resume

static/about.html

@@ -9,6 +9,7 @@
     <div id="header">
       <a id="headerLink" href="/">Ange DUHAYON</a>
       <span id="headerSubtitle">DevOps</span>
+      <span class="right" style="font-size: .4em;">Website heavily inspired from <a href="https://suckless.org">suckless.org</a></span>
     </div>
     <div id="menu">
       <a href="/"><b>contact</b></a>
@@ -18,16 +19,16 @@
         <a href="//git.gmoker.com/yw5n/">source</a>
       </span>
     </div>
-    <hr class="hidden"/>
     <div id="content">
+      <!--
       <div id="nav">
         <ul>
         </ul>
       </div>
+      -->
       <div id="main">
         TODO
       </div>
     </div>
-    <footer>Website heavily inspired by suckless.org</footer>
   </body>
 </html>

static/index.html

@@ -9,6 +9,7 @@
     <div id="header">
       <a id="headerLink" href="/">Ange DUHAYON</a>
       <span id="headerSubtitle">DevOps</span>
+      <span class="right" style="font-size: .4em;">Website heavily inspired from <a href="https://suckless.org">suckless.org</a></span>
     </div>
     <div id="menu">
       <a href="/"><b>contact</b></a>
@@ -18,8 +19,8 @@
         <a href="//git.gmoker.com/yw5n/">source</a>
       </span>
     </div>
-    <hr class="hidden"/>
     <div id="content">
+      <!--
       <div id="nav">
         <ul>
           <li><a href="#matrix">Matrix</a></li>
@@ -29,7 +30,9 @@
           <li><a href="#wa">WhatsApp</a></li>
         </ul>
       </div>
+      -->
       <div id="main">
+
         <table>
           <tr id="matrix"><td>Matrix (Element)</td><td><a href="https://app.element.io/#/user/@ange:gmoker.com">@ange:gmoker.com</a></td></tr>
           <tr id="discord"><td>Discord</td><td>@elrilio</td></tr>
@@ -38,7 +41,7 @@
           <tr id="wa"><td>WhatsApp</td><td><a href="https://wa.me/6285333559453">+62 853-3355-9453</a></td></tr>
         </table>
       </div>
+
     </div>
-    <footer>Website heavily inspired by suckless.org</footer>
   </body>
 </html>

static/resume.html

@@ -9,6 +9,7 @@
     <div id="header">
       <a id="headerLink" href="/">Ange DUHAYON</a>
       <span id="headerSubtitle">DevOps</span>
+      <span class="right" style="font-size: .4em;">Website heavily inspired from <a href="https://suckless.org">suckless.org</a></span>
     </div>
     <div id="menu">
       <a href="/"><b>contact</b></a>
@@ -20,14 +21,58 @@
     </div>
     <hr class="hidden"/>
     <div id="content">
+      <!--
       <div id="nav">
         <ul>
+          <li><a href="#formation">Formation</a></li>
+          <li><a href="#experience">Experience</a></li>
+          <li><a href="#competences">Competences</a></li>
         </ul>
       </div>
+      -->
       <div id="main">
-        TODO
+
+        <h1>4th year EPITECH student</h1>
+        <img src="2404.webp" alt="Ange DUHAYON" width="128">
+        <h2 id="formation">FORMATION</h2>
+        <h3><b>EPITECH Toulouse</b> - Promo 2026</h3>
+        <ul>
+          <li>C/C++ projects (system programming, AI, cipher, games...)</li>
+          <li>Free language projects (maths, functional programming...)</li>
+        </ul>
+
+        <h2 id="experience">EXPERIENCE</h2>
+        <h3><b>Freelance</b> - DevOps</h3>
+        SEPTEMBER 2023 - Today
+        <ul>
+          <li>Server setup (Debian, Docker/K8s, web server, customer application</li>
+          <li>CI/CD, real-time monitoring</li>
+        </ul>
+        <h3><b>EPITECH CodingClub association, Toulouse</b> - Cobra</h3>
+        January 2021 - Today
+        <ul>
+          <li>Coding workshops for high school students</li>
+        </ul>
+        <h3><b>Predicloud, Toulouse</b> - DevOps / Site Reliability Manager</h3>
+        JUNE 2022 - JULY 2023
+        <ul>
+          <li>CI/CD, K8S monitoring</li>
+          <li>Authentication solution (LDAP, SSO, Webhook) + mail server</li>
+          <li>Python backend</li>
+          <li>Customer communication and troubleshooting</li>
+        </ul>
+
+        <h2 id="competences">COMPETENCES</h2>
+        <table>
+          <tr><th>LANGUAGES</th> <th>SOFTWARE</th></tr>
+          <tr><td>C/C++</td>     <td>*nix</td></tr>
+          <tr><td>Python</td>    <td>Git</td></tr>
+          <tr><td>Bash</td>      <td>Vim</td></tr>
+          <tr><td>Solidity</td>  <td>Docker</td></tr>
+          <tr><td>JavaScript</td><td>Kubernetes</td></tr>
+        </table>
+
       </div>
     </div>
-    <footer>Website heavily inspired by suckless.org</footer>
   </body>
 </html>

static/style.css

@@ -170,7 +170,6 @@ h4 {
 }
 
 footer {
-    position: absolute;
-    text-align: right;
+    position: fixed;
     bottom: 0;
 }