add home button

Author: johmara

angular.json

@@ -69,5 +69,8 @@
         }
       }
     }
+  },
+  "cli": {
+    "analytics": false
   }
 }

package-lock.json

@@ -52,6 +52,46 @@
   transition: all 0.2s ease;
 }
 
+.home-button {
+  position: fixed;
+  top: 1.5rem;
+  left: 1.5rem;
+  background-color: transparent;
+  border: none;
+  border-radius: 50%;
+  width: 2.5rem;
+  height: 2.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  padding: 0;
+  opacity: 0.5;
+  z-index: 1000;
+  text-decoration: none;
+}
+
+.home-button:hover {
+  opacity: 1;
+  transform: scale(1.05);
+}
+
+.home-button:hover .icon {
+  color: var(--accent-color-2);
+}
+
+.home-button:active {
+  transform: scale(0.95);
+}
+
+.home-button .icon {
+  width: 1.25rem;
+  height: 1.25rem;
+  color: var(--main-color);
+  transition: all 0.2s ease;
+}
+
 header {
   text-align: center;
   color: var(--main-color);

src/app/app.component.css

@@ -1,4 +1,23 @@
 <div class="container">
+  <a 
+    class="home-button" 
+    href="https://johmara.github.io"
+    title="Home"
+    aria-label="Home"
+  >
+    <svg 
+      class="icon home-icon" 
+      xmlns="http://www.w3.org/2000/svg" 
+      viewBox="0 0 24 24" 
+      fill="none" 
+      stroke="currentColor" 
+      stroke-width="2" 
+      stroke-linecap="round" 
+      stroke-linejoin="round">
+      <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
+      <polyline points="9,22 9,12 15,12 15,22"></polyline>
+    </svg>
+  </a>
   <button 
     class="theme-toggle" 
     (click)="toggleTheme()"