Organize the assets and add favicons / logos

Martzcode · Martzcode · commit fc787a322ec8 · 2026-03-07T18:58:52.000+03:00
diff --git a/assets/icons/favicon.svg b/assets/icons/favicon.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#2563eb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="2" y="3" width="20" height="18" rx="2.5" />
+  <line x1="2" y1="8" x2="22" y2="8" />
+  <circle cx="5.5" cy="5.5" r="0.8" fill="#2563eb" stroke="none" />
+  <circle cx="8" cy="5.5" r="0.8" fill="#2563eb" stroke="none" />
+  <circle cx="10.5" cy="5.5" r="0.8" fill="#2563eb" stroke="none" />
+  <path d="M7 11.5l3 3-3 3" />
+  <line x1="12" y1="17.5" x2="16" y2="17.5" />
+</svg>
diff --git a/assets/icons/terminal-icon.svg b/assets/icons/terminal-icon.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
+  <!-- Outer Frame -->
+  <rect x="2" y="3" width="20" height="18" rx="2.5" />
+  <!-- Top Bar -->
+  <line x1="2" y1="8" x2="22" y2="8" />
+  <!-- Window Buttons -->
+  <circle cx="5.5" cy="5.5" r="0.6" fill="currentColor" stroke="none" />
+  <circle cx="8" cy="5.5" r="0.6" fill="currentColor" stroke="none" />
+  <circle cx="10.5" cy="5.5" r="0.6" fill="currentColor" stroke="none" />
+  <!-- Prompt Chevron -->
+  <path d="M7 11.5l3 3-3 3" />
+  <!-- Underscore Cursor -->
+  <line x1="12" y1="17.5" x2="16" y2="17.5" />
+</svg>
diff --git a/index.html b/index.html
@@ -4,6 +4,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/svg+xml" href="assets/icons/favicon.svg">
+
     <meta name="description"
         content="Portfolio de Marcello Samiandrisoa - Développeur Fullstack spécialisé en Java, NodeJS, React et Angular.">
     <title>Marcello Samiandrisoa | Développeur Fullstack</title>
@@ -109,9 +111,11 @@
     <nav
         class="fixed top-0 w-full py-6 z-[1000] bg-bg-main/85 backdrop-blur-md border-b border-border-color transition-all duration-300">
         <div class="container mx-auto px-8 flex justify-between items-center max-w-[1100px]">
-            <div
-                class="logo font-extrabold text-[1.2rem] bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">
-                MS.
+            <div class="logo font-extrabold text-[1.3rem] flex items-center gap-2">
+                <span class="w-6 h-6 bg-primary inline-block"
+                    style="mask: url('assets/icons/terminal-icon.svg') no-repeat center / contain; -webkit-mask: url('assets/icons/terminal-icon.svg') no-repeat center / contain;"
+                    aria-hidden="true"></span>
+                <span class="bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent">Martzcode</span>
             </div>
 
             <ul class="nav-menu hidden md:flex gap-10 list-none transition-all duration-300" id="nav-menu">
@@ -122,7 +126,8 @@
                 <li><a href="#education"
                         class="font-medium text-[0.95rem] hover:text-primary transition-colors">Formation</a></li>
                 <li><a href="#contact"
-                        class="font-medium text-[0.95rem] hover:text-primary transition-colors">Contact</a></li>
+                        class="font-medium text-[0.95rem] hover:text-primary transition-colors">Contact</a>
+                </li>
             </ul>
 
             <div class="flex items-center gap-4">
