add github + LinkedIn to footer

src/app/app.css

@@ -111,6 +111,34 @@
   margin: 0;
 }
 
+.site-footer a {
+  color: #58a6ff;
+  text-decoration: none;
+}
+
+.footer-socials {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.45rem;
+}
+
+.footer-icon-link {
+  display: inline-flex;
+  vertical-align: text-bottom;
+}
+
+.footer-icon-link svg {
+  width: 1.1rem;
+  height: 1.1rem;
+  fill: currentColor;
+}
+
+.site-footer a:hover,
+.site-footer a:focus-visible {
+  color: #79c0ff;
+  text-decoration: underline;
+}
+
 @media (max-width: 1320px) {
   .content {
     max-width: 1040px;

src/app/app.html

@@ -30,7 +30,37 @@
   <main class="content">
     <router-outlet></router-outlet>
     <footer class="site-footer">
-      <p>(c) {{ currentYear }} Tim Kainz | +43 677 62678219</p>
+      <p>
+        (c) {{ currentYear }} Tim Kainz | +43 677 62678219 |
+        <span class="footer-socials">
+          <a
+            class="footer-icon-link"
+            href="https://github.com/KainTim"
+            target="_blank"
+            rel="noopener noreferrer"
+            aria-label="GitHub profile"
+          >
+            <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+              <path
+                d="M12 0.297a12 12 0 0 0-3.793 23.389c0.6 0.111 0.82-0.261 0.82-0.579 0-0.286-0.01-1.043-0.016-2.047-3.338 0.725-4.042-1.61-4.042-1.61-0.546-1.388-1.333-1.757-1.333-1.757-1.09-0.745 0.082-0.729 0.082-0.729 1.206 0.085 1.841 1.238 1.841 1.238 1.072 1.836 2.813 1.305 3.498 0.998 0.108-0.776 0.42-1.305 0.763-1.605-2.665-0.304-5.467-1.333-5.467-5.931 0-1.31 0.468-2.381 1.235-3.221-0.124-0.303-0.535-1.524 0.117-3.176 0 0 1.008-0.322 3.3 1.23a11.52 11.52 0 0 1 6.006 0c2.291-1.552 3.297-1.23 3.297-1.23 0.653 1.653 0.242 2.874 0.118 3.176 0.769 0.84 1.233 1.911 1.233 3.221 0 4.609-2.807 5.624-5.48 5.921 0.431 0.371 0.815 1.103 0.815 2.222 0 1.604-0.015 2.896-0.015 3.289 0 0.321 0.216 0.694 0.825 0.576A12 12 0 0 0 12 0.297"
+              ></path>
+            </svg>
+          </a>
+          <a
+            class="footer-icon-link"
+            href="https://www.linkedin.com/in/tim-kainz-360772280"
+            target="_blank"
+            rel="noopener noreferrer"
+            aria-label="LinkedIn profile"
+          >
+            <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+              <path
+                d="M20.447 20.452h-3.554v-5.569c0-1.328-0.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667h-3.554v-11.453h3.412v1.561h0.049c0.476-0.9 1.637-1.85 3.37-1.85 3.604 0 4.27 2.372 4.27 5.456v6.286zM5.337 7.433a2.063 2.063 0 1 1 0-4.126 2.063 2.063 0 0 1 0 4.126zM7.114 20.452h-3.554v-11.453h3.554v11.453zM22.225 0h-20.451c-0.979 0-1.774 0.774-1.774 1.729v20.542c0 0.955 0.795 1.729 1.774 1.729h20.451c0.979 0 1.775-0.774 1.775-1.729v-20.542c0-0.955-0.796-1.729-1.775-1.729z"
+              ></path>
+            </svg>
+          </a>
+        </span>
+      </p>
     </footer>
   </main>
 </div>