Initial portfolio site: Astro + Tailwind MVP

Outcome-led hero, about, grouped skills, experience summary, featured
projects + /projects index, static contact, SEO/OG, dark/light theme.
Dockerfile + nginx config + build script for homelab deploy.
This commit is contained in:
2026-06-17 16:22:53 +10:00
commit 2d4b6ea097
38 changed files with 8232 additions and 0 deletions
+45
View File
@@ -0,0 +1,45 @@
---
import type { SkillGroup } from "../data/skills";
interface Props {
group: SkillGroup;
}
const { group } = Astro.props;
---
<article class="skill card" data-reveal>
<h3 class="skill__title">{group.title}</h3>
<p class="skill__blurb">{group.blurb}</p>
<ul class="skill__items">
{group.items.map((item) => <li class="tag">{item}</li>)}
</ul>
</article>
<style>
.skill {
padding: var(--space-5);
display: flex;
flex-direction: column;
gap: var(--space-3);
}
.skill__title {
font-size: var(--step-1);
}
.skill__title::before {
content: "# ";
color: var(--accent);
font-family: var(--font-mono);
}
.skill__blurb {
color: var(--text-dim);
font-size: var(--step--1);
line-height: 1.5;
}
.skill__items {
list-style: none;
padding: 0;
margin: var(--space-2) 0 0;
display: flex;
flex-wrap: wrap;
gap: 0.45rem;
}
</style>