From c06e0d25471d26f4dff4c83e9e35d990c6e58b15 Mon Sep 17 00:00:00 2001
From: Firq <firelp42@gmail.com>
Date: Tue, 14 Mar 2023 18:55:58 +0100
Subject: [PATCH] New technologies, sticky navbar, more streamlined design

---
 src/components/contactCard.astro      |   1 -
 src/components/navbar.astro           |   3 +++
 src/components/servantCard.astro      |   1 +
 src/components/taCard.astro           |   7 ++++++-
 src/components/technologyCard.astro   |   4 +++-
 src/pages/about.astro                 |   5 +++++
 static/technologies/alpine-linux.webp | Bin 0 -> 2734 bytes
 7 files changed, 18 insertions(+), 3 deletions(-)
 create mode 100644 static/technologies/alpine-linux.webp

diff --git a/src/components/contactCard.astro b/src/components/contactCard.astro
index 407c7d8..190990d 100644
--- a/src/components/contactCard.astro
+++ b/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%;
   }
 
diff --git a/src/components/navbar.astro b/src/components/navbar.astro
index 9e0790e..060830c 100644
--- a/src/components/navbar.astro
+++ b/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;
diff --git a/src/components/servantCard.astro b/src/components/servantCard.astro
index 5256343..9a50c12 100644
--- a/src/components/servantCard.astro
+++ b/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;
diff --git a/src/components/taCard.astro b/src/components/taCard.astro
index 0f5b0c8..73be367 100644
--- a/src/components/taCard.astro
+++ b/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;
diff --git a/src/components/technologyCard.astro b/src/components/technologyCard.astro
index 8fdc290..ecf35a3 100644
--- a/src/components/technologyCard.astro
+++ b/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%;
   }
 
diff --git a/src/pages/about.astro b/src/pages/about.astro
index 2730f09..42c8e89 100644
--- a/src/pages/about.astro
+++ b/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 =
diff --git a/static/technologies/alpine-linux.webp b/static/technologies/alpine-linux.webp
new file mode 100644
index 0000000000000000000000000000000000000000..61a52ccb489100e3e303cade4495966ee9b479db
GIT binary patch
literal 2734
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

literal 0
HcmV?d00001