Added name swap

static/main/js/text_swap.js

@@ -0,0 +1,10 @@
+const DISPLAY_NAME = document.getElementById("swap-text")
+
+DISPLAY_NAME.addEventListener("click", () => {
+    const NAMES = ["Kristofers Solo", "Kristiāns Francis Cagulis"]
+    if (DISPLAY_NAME.innerHTML == NAMES[0]) {
+        DISPLAY_NAME.innerHTML = NAMES[1]
+    } else {
+        DISPLAY_NAME.innerHTML = NAMES[0]
+    }
+})

static/projects/css/projects.css

@@ -81,39 +81,21 @@
     z-index: 2;
 }
 
-/* -- ↓ ↓ ↓ extra card content styles ↓ ↓ ↓ -- */
-
-h1,
-h2,
-h3,
-h4,
-span {
+.card-content > * {
     color: var(--color-fg-default);
-    font-weight: 400;
-    margin: 0px;
+    margin: 1rem;
 }
 
-.card-info-wrapper {
-    align-items: center;
-    display: flex;
-    flex-grow: 1;
-    justify-content: flex-start;
-    padding: 0px 20px;
+.card-info-title > h2 {
+    font-weight: 700;
+    font-size: 1.5rem;
+    line-height: 2rem;
 }
 
-.card-info {
-    align-items: flex-start;
-    display: flex;
-    gap: 10px;
+.card-info-text {
+    margin-top: 1rem;
 }
 
-.card-info-title > h3 {
-    font-size: 1.1em;
-    line-height: 20px;
-}
-
-/* -- ↓ ↓ ↓ some responsiveness ↓ ↓ ↓ -- */
-
 @media (max-width: 1000px) {
     body {
         align-items: flex-start;