redesign the site as a technical minimalist TUI
Replace the glassy hero treatment with a terminal and TUI vocabulary while keeping the layout minimal: - Switch the type stack to JetBrains Mono and flatten every surface: hairline borders, square corners, no blur or glow, and a faint graph-paper grid in place of the radial gradients. - Rebuild the home hero as a terminal window whose output is typed in on load; the old mouse-parallax glow script becomes that typing sequence, and it no-ops under prefers-reduced-motion. - Give the projects, about, and entry panels title bars, and render cards with a metadata strip, status dot, ISO date, and prompt-style links. - Hide the inline nav behind the hamburger on narrow screens; the old rule was outranked by the #menu id selector and never applied. - Add an SVG favicon, which also clears the only 404 on the site. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
SowinskiBraedenandClaude Opus 5 committed
1 parent
2e67914fd6
commit
8595290318
10 files changed
+1270
-1167
No files matched your search
+68
-59
@@ -9,7 +9,7 @@
|
||||
<meta name='keywords' content="Braeden Sowinski, sowinski.dev, about, software engineer, backend systems, BCIT" />
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
|
||||
<meta name='robots' content='index, follow'>
|
||||
<meta name='theme-color' content='#1d1e20'>
|
||||
<meta name='theme-color' content='#0c0d10'>
|
||||
<link rel='canonical' href='https://sowinski.dev/about.html'>
|
||||
<meta property='og:type' content='profile'>
|
||||
<meta property='og:title' content='About Braeden Sowinski | Software Engineer'>
|
||||
@@ -67,11 +67,12 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<link rel="icon" type="image/svg+xml" href="./public/images/favicon.svg">
|
||||
<link rel="stylesheet" href="./public/css/style.css">
|
||||
<link rel="stylesheet" href="./public/css/about.css">
|
||||
</head>
|
||||
|
||||
<body class="js-stop-transition">
|
||||
<body class="js-stop-transition" data-page="about">
|
||||
<header class="header">
|
||||
<nav class="nav">
|
||||
<div class="logo">
|
||||
@@ -133,20 +134,24 @@
|
||||
<main class="container page-shell">
|
||||
<div class="left-content">
|
||||
<section id="profile">
|
||||
<img src="https://avatars.githubusercontent.com/u/48144618" class="profile" alt="Braeden Sowinski profile photo">
|
||||
<div class="profile-sub">
|
||||
<h1 class="profile-name">Braeden Sowinski</h1>
|
||||
<p class="des profile-role">
|
||||
Software Engineer & Systems Admin | CST Student @ BCIT | C4A President
|
||||
</p>
|
||||
<p class="des profile-focus">
|
||||
Backend systems, APIs, data-driven software, and low-level problem solving
|
||||
</p>
|
||||
<h2 class="panel__bar">profile</h2>
|
||||
<div class="panel__body">
|
||||
<img src="https://avatars.githubusercontent.com/u/48144618" class="profile" alt="Braeden Sowinski profile photo">
|
||||
<div class="profile-sub">
|
||||
<h1 class="profile-name">Braeden Sowinski</h1>
|
||||
<p class="des profile-role">
|
||||
Software Engineer & Systems Admin | CST Student @ BCIT | C4A President
|
||||
</p>
|
||||
<p class="des profile-focus">
|
||||
Backend systems, APIs, data-driven software, and low-level problem solving
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="skills">
|
||||
<h3>Skills</h3>
|
||||
<ul class="text skills-list">
|
||||
<h2 class="panel__bar">skills</h2>
|
||||
<div class="panel__body">
|
||||
<ul class="text skills-list">
|
||||
<li>Java, C, Go, OCaml</li>
|
||||
<li>JavaScript and Node.js</li>
|
||||
<li>Python3+</li>
|
||||
@@ -160,64 +165,68 @@
|
||||
<li>Oral & Written Communication</li>
|
||||
<li>Team Collaboration & Adaptability</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<section class="about" id="about">
|
||||
<h2 class="title">About Me</h2>
|
||||
<p class="text">
|
||||
I'm Braeden Sowinski, a Computer Systems Technology student at
|
||||
<abbr title="British Columbia Institute of Technology">BCIT</abbr> focused on backend development,
|
||||
systems administration, and building practical software that solves real problems.
|
||||
</p>
|
||||
<h2 class="panel__bar title">about_me</h2>
|
||||
<div class="panel__body">
|
||||
<p class="text">
|
||||
I'm Braeden Sowinski, a Computer Systems Technology student at
|
||||
<abbr title="British Columbia Institute of Technology">BCIT</abbr> focused on backend development,
|
||||
systems administration, and building practical software that solves real problems.
|
||||
</p>
|
||||
|
||||
<p class="text">
|
||||
My work spans APIs, full-stack applications, data-driven tools, server infrastructure,
|
||||
and software built around real users and workflows. Through personal projects, freelance work,
|
||||
collaborative BCIT projects, and open-source development, I’ve built experience with C, Go, Java,
|
||||
JavaScript, TypeScript, Python, Docker, MongoDB, PostgreSQL, and Debian-based systems.
|
||||
</p>
|
||||
<p class="text">
|
||||
My work spans APIs, full-stack applications, data-driven tools, server infrastructure,
|
||||
and software built around real users and workflows. Through personal projects, freelance work,
|
||||
collaborative BCIT projects, and open-source development, I’ve built experience with C, Go, Java,
|
||||
JavaScript, TypeScript, Python, Docker, MongoDB, PostgreSQL, and Debian-based systems.
|
||||
</p>
|
||||
|
||||
<p class="text">
|
||||
Outside of my own projects and coursework, I’m involved in BCIT’s student tech community as
|
||||
President of Coding 4 All (C4A) Club. In this role, I help organize events, workshops, and student-focused
|
||||
opportunities alongside the BCIT Computing Club, with the goal of helping more students learn,
|
||||
build, and connect.
|
||||
</p>
|
||||
<p class="text">
|
||||
Outside of my own projects and coursework, I’m involved in BCIT’s student tech community as
|
||||
President of Coding 4 All (C4A) Club. In this role, I help organize events, workshops, and student-focused
|
||||
opportunities alongside the BCIT Computing Club, with the goal of helping more students learn,
|
||||
build, and connect.
|
||||
</p>
|
||||
|
||||
<p class="text" style="margin-bottom: 0;">
|
||||
I’m especially interested in backend systems, infrastructure, analytics, and practical tools
|
||||
that turn messy real-world problems into clean, usable software.
|
||||
</p>
|
||||
<p class="text" style="margin-bottom: 0;">
|
||||
I’m especially interested in backend systems, infrastructure, analytics, and practical tools
|
||||
that turn messy real-world problems into clean, usable software.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="honors" id="honors">
|
||||
<h2 class="title">Highlights</h2>
|
||||
<h2 class="panel__bar title">highlights</h2>
|
||||
<div class="panel__body">
|
||||
<dl>
|
||||
<dt class="text"><b>Red Team Hackathon - 3rd Place</b></dt>
|
||||
<dd class="text">
|
||||
Team Cerberus Gate earned a third-place finish at the inaugural Red Team Hackathon for building a working
|
||||
prototype around signal classification and emitter tracking.
|
||||
<a class="honor-inline-link" href="/entry.html?type=updates&slug=red-team-hackathon-2026">Read the full write-up</a>
|
||||
<div class="honor-subitem">
|
||||
<span class="honor-subitem__label">Additional recognition</span>
|
||||
<p class="honor-subitem__text">Best Dressed Award at the inaugural Red Team Hackathon.</p>
|
||||
</div>
|
||||
</dd>
|
||||
|
||||
<dl>
|
||||
<dt class="text"><b>Red Team Hackathon - 3rd Place</b></dt>
|
||||
<dd class="text">
|
||||
Team Cerberus Gate earned a third-place finish at the inaugural Red Team Hackathon for building a working
|
||||
prototype around signal classification and emitter tracking.
|
||||
<a class="honor-inline-link" href="/entry.html?type=updates&slug=red-team-hackathon-2026">Read the full write-up</a>
|
||||
<div class="honor-subitem">
|
||||
<span class="honor-subitem__label">Additional recognition</span>
|
||||
<p class="honor-subitem__text">Best Dressed Award at the inaugural Red Team Hackathon.</p>
|
||||
</div>
|
||||
</dd>
|
||||
<dt class="text"><b>Capstone Project Recognition</b></dt>
|
||||
<dd class="text">
|
||||
Issued by <abbr title="Sullivan Heights Secondary School">SHSS</abbr> for work on schedule-generating
|
||||
software used to produce student schedules and master timetables.
|
||||
</dd>
|
||||
|
||||
<dt class="text"><b>Capstone Project Recognition</b></dt>
|
||||
<dd class="text">
|
||||
Issued by <abbr title="Sullivan Heights Secondary School">SHSS</abbr> for work on schedule-generating
|
||||
software used to produce student schedules and master timetables.
|
||||
</dd>
|
||||
|
||||
<dt class="text"><b>Master Digital Crafter</b></dt>
|
||||
<dd class="text">
|
||||
Issued by <abbr title="Sullivan Heights Secondary School">SHSS</abbr> for excellence in Web Development 10
|
||||
and Software Engineering 11/12.
|
||||
</dd>
|
||||
</dl>
|
||||
<dt class="text"><b>Master Digital Crafter</b></dt>
|
||||
<dd class="text">
|
||||
Issued by <abbr title="Sullivan Heights Secondary School">SHSS</abbr> for excellence in Web Development 10
|
||||
and Software Engineering 11/12.
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer flex-container">
|
||||
|
||||
Reference in new issue
Block a user