Finn profile card

bootcamps/software-development-tfs/2026-01/2026-01-tfs.json

@@ -19,6 +19,25 @@
                 "Python",
                 "PostgreSQL"
             ]
+        },
+        {
+            "name": "Finn",
+            "role": "Web Developer",
+            "github": "https://github.com/0cr0wbar0",
+            "linkedin": "https://www.linkedin.com/in/finnian-holland/",
+            "photo": "/assets/2026-01-tfs/profile_photos/finn.png",
+            "description": "Full-stack web developer (TypeScript, JavaScript and PHP) with additional software dev experience in Python, Rust and Java. My final year project at uni was an interactive web app, written in PHP and JavaScript, that uses Docker to teach the syntactical basics of Rust (which you can try out at https://fyp.cr0wbar.dev). In light of the enjoyment I took from working on this project, I am looking for a junior position in frontend, backend or full-stack web development, where I may hone my skills and flex my web design muscles further.",
+            "portfolio_link": "https://cr0wbar.dev",
+            "technologies": [
+                "PHP",
+                "TypeScript",
+                "JavaScript",
+                "MySQL",
+                "SQLite",
+                "Rust",
+                "Java",
+                "Python"
+            ]
         }
     ]
 }

css/alumni/2026-01-tfs.css

@@ -19,3 +19,42 @@
 .tech--alex {
     background-color: #fbc516;
 }
+
+.card--finn {
+    background: linear-gradient(340deg, #2a7b9b 0%, #00ad48 100%);
+
+    .card__link-icon,
+    .card__icon {
+        fill: var(--color-white);
+    }
+
+    .card__name,
+    .card__role,
+    .card__link,
+    .card__description {
+        text-shadow: 2px 2px 2px #00463f;
+        color: var(--color-white);
+    }
+}
+
+.tech--finn {
+    color: #ffffff;
+    border-style: solid;
+    border-color: #26df86 #005c30 #005c30 #26df86;
+    background-color: #00a364;
+}
+
+.tech--finn:hover {
+    border-color: #005c30 #26df86 #26df86 #005c30;
+    background-color: #00623d;
+}
+
+.card--finn svg {
+    filter: drop-shadow(2px 2px 2px #005c30);
+    transition: 0.2s ease-in-out;
+}
+
+.card--finn svg:hover {
+    filter: drop-shadow(5px 5px 5px #005c30);
+    transform: scale(1.5);
+}