New technologies, sticky navbar, more streamlined design

src/components/contactCard.astro

@@ -26,7 +26,6 @@ const icon: string = `background-image: url('/social/${image}.webp')`
     vertical-align: center;
     line-height: 150%;
     width: 95%;
-    border-radius: 5px;
     opacity: 90%;
   }
 

src/components/navbar.astro

@@ -19,6 +19,9 @@
 
 <style>
   header {
+    z-index: 1000;
+    position: sticky;
+    top: 0px;
     background-color: var(--c-darkgray);
     display: flex;
     height: auto;

src/components/servantCard.astro

@@ -103,6 +103,7 @@ if (bond10 === 'false') {
   }
 
   .expand-on-hover {
+    background-color: var(--c-duskgray);
     z-index: 99;
     transform: scaleY(0);
     transform-origin: top;

src/components/taCard.astro

@@ -76,7 +76,6 @@ if (user !== undefined) {
     vertical-align: bottom;
     line-height: normal;
     width: 90%;
-    border-radius: 5px;
     opacity: 90%;
   }
 
@@ -84,6 +83,12 @@ if (user !== undefined) {
     display: none;
   }
 
+  div {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
   p {
     display: flex;
     text-align: center;

src/components/technologyCard.astro

@@ -33,6 +33,9 @@ const icon: string = `background-image: url('/technologies/${image}.webp')`
     transform: scale(var(--hover-scale));
   }
   article > div {
+    display: flex;
+    justify-content: center;
+    align-items: center;
     background-size: contain;
     width: 100px;
     height: 100px;
@@ -46,7 +49,6 @@ const icon: string = `background-image: url('/technologies/${image}.webp')`
     vertical-align: center;
     line-height: 150%;
     width: 95%;
-    border-radius: 5px;
     opacity: 90%;
   }
 

src/pages/about.astro

@@ -25,6 +25,11 @@ const techologydata = [
     link: 'https://www.typescriptlang.org/',
     image: 'typescript',
   },
+  {
+    title: 'Alpine Linux',
+    link: 'https://alpinelinux.org/',
+    image: 'alpine-linux',
+  },
 ]
 
 const description =