diff --git a/assets/2026-01-tfs/profile_photos/finn.png b/assets/2026-01-tfs/profile_photos/finn.png new file mode 100644 index 0000000..adf7b69 Binary files /dev/null and b/assets/2026-01-tfs/profile_photos/finn.png differ diff --git a/bootcamps/software-development-tfs/2026-01/2026-01-tfs.json b/bootcamps/software-development-tfs/2026-01/2026-01-tfs.json index 80cf389..6181331 100644 --- a/bootcamps/software-development-tfs/2026-01/2026-01-tfs.json +++ b/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" + ] } ] } diff --git a/css/alumni/2026-01-tfs.css b/css/alumni/2026-01-tfs.css index 1ad9890..86c2db0 100644 --- a/css/alumni/2026-01-tfs.css +++ b/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); +}