Compare commits
16 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 97f23f7a02 | |||
| 4cd7b3d88a | |||
| dabcc68b21 | |||
| 451c5f6f43 | |||
| 2952c957ca | |||
| ec7ae1c70f | |||
| 0cd516a424 | |||
| 07327b906f | |||
| c877c61e3e | |||
| 8132c202ba | |||
| d9dd4f432e | |||
| 239d3dec0e | |||
| bfa8cfd357 | |||
| a10418ab93 | |||
| b4b293bdb4 | |||
| 18c556bd54 |
@@ -4,8 +4,9 @@
|
||||
{
|
||||
"name": "site",
|
||||
"runtimeExecutable": "pnpm",
|
||||
"runtimeArgs": ["-C", "site", "dev", "--host", "--port", "4321"],
|
||||
"port": 4321
|
||||
"runtimeArgs": ["-C", "site", "dev", "--host"],
|
||||
"port": 4321,
|
||||
"autoPort": true
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@@ -2,6 +2,7 @@
|
||||
* text=auto eol=lf
|
||||
|
||||
# Binary assets — never touch.
|
||||
*.docx binary
|
||||
*.png binary
|
||||
*.jpg binary
|
||||
*.jpeg binary
|
||||
|
||||
@@ -30,7 +30,8 @@ jobs:
|
||||
- uses: pnpm/action-setup@v4
|
||||
with: { version: 9 }
|
||||
- uses: actions/setup-node@v4
|
||||
with: { node-version: 22, cache: pnpm }
|
||||
with:
|
||||
{ node-version: 22, cache: pnpm, cache-dependency-path: '**/pnpm-lock.yaml' }
|
||||
- run: pnpm -C site install --frozen-lockfile
|
||||
- run: pnpm -C tests install --frozen-lockfile
|
||||
- run: pnpm -C tests exec playwright install --with-deps chromium
|
||||
@@ -43,7 +44,7 @@ jobs:
|
||||
- uses: pnpm/action-setup@v4
|
||||
with: { version: 9 }
|
||||
- uses: actions/setup-node@v4
|
||||
with: { node-version: 22, cache: pnpm }
|
||||
with: { node-version: 22, cache: pnpm, cache-dependency-path: site/pnpm-lock.yaml }
|
||||
- run: pnpm -C site install --frozen-lockfile
|
||||
- run: pnpm -C site build
|
||||
- run: pnpm dlx @lhci/cli@0.14.x autorun --config=site/lighthouserc.json
|
||||
|
||||
@@ -26,6 +26,8 @@ relay/appsettings.*.local.json
|
||||
Thumbs.db
|
||||
.vscode/
|
||||
.idea/
|
||||
.claude/settings.local.json
|
||||
.design-sync/
|
||||
|
||||
# Mission prompt scratch files (kept locally, not part of the product)
|
||||
step1.txt
|
||||
|
||||
@@ -59,19 +59,28 @@
|
||||
6. **Theme-init is an external script** (`/theme-init.js`) so the CSP can use `script-src
|
||||
'self'` with no inline hash.
|
||||
|
||||
## Pre-launch checklist (carried from Phase 1/2 — owner action)
|
||||
## Deployed — live
|
||||
|
||||
- [ ] **Replace the `/Linkedin` redirect target** in `site/nginx.conf` with the real LinkedIn
|
||||
profile URL before cutover (currently a placeholder slug).
|
||||
- [ ] Screenshot capture pass on **seeded demo data** for JobTrack + InboxIntel; drop real
|
||||
captures into the `placeholder:` media refs (`src/data/projects/*`).
|
||||
- [ ] Drop the real **outdoor headshot** into the portrait ref (replaces `placeholder:portrait`).
|
||||
- [ ] **ATS-safe CV rework** (EN/NO) — replace the PDFs at `site/public/cv/` (same URLs).
|
||||
- [ ] **Native-Norwegian review** of all NO content (launch gate).
|
||||
- [ ] **Legacy WordPress URL inventory** → confirm the 301/410 map in `nginx.conf`.
|
||||
- [ ] Configure CI secrets (`REGISTRY_USER`, `REGISTRY_TOKEN`) + the relay `.env` on the server.
|
||||
- **Live on the `mediaserver` host at `http://<host>:1337`.** Stack: `deploy-site-1`
|
||||
(nginx static, publishes 1337) + `deploy-relay-1` (contact relay, internal). Verified: all
|
||||
routes + `/no/`, case studies, CV PDFs, images, `/Linkedin` 301, `/api/contact` proxy.
|
||||
- **Auto-deploy:** a 1-minute cron on the host (`deploy/autodeploy.sh`) pulls `main` and
|
||||
`docker compose up -d --build` on change. Sole deploy path — the Gitea Actions `deploy.yml`
|
||||
job was removed (its runner's job containers have no Docker socket, and mounting one in would
|
||||
give any CI job root-equivalent host access).
|
||||
- Repo cloned at `/home/pi/resumesite` (remote carries the deploy token — rotate/scrub if desired).
|
||||
|
||||
## Open questions / blocked-on-user
|
||||
## Owner action remaining
|
||||
|
||||
- Are the JobTrack / InboxIntel repos public? If so, add `repo` links in `src/data/projects/*`
|
||||
(currently omitted to avoid dead links).
|
||||
- [ ] **Point Cloudflare / your TLS proxy at host:1337** to serve it on `cesnimda.co.uk`
|
||||
(retire the WordPress apex router as part of the cutover).
|
||||
- [ ] **Relay SMTP** — add creds to `/home/pi/resumesite/deploy/.env` (`SMTP_HOST/USER/PASSWORD`)
|
||||
so the contact form sends; until then it degrades to the visible e-mail (POST returns 502).
|
||||
- [ ] **Native-Norwegian review** of all NO content, incl. the NO CV.
|
||||
- [ ] **InboxIntel screenshots** — mockups are in; swap for live captures if/when available.
|
||||
- [ ] **Legacy WordPress URL inventory** → confirm the 410 map in `nginx.conf`.
|
||||
|
||||
## Resolved
|
||||
|
||||
- JobTrack / InboxIntel repos are **private** → repo links intentionally omitted; case studies
|
||||
describe the architecture without linking code.
|
||||
|
||||
@@ -15,4 +15,5 @@ RELAY_WINDOW_SECONDS=600
|
||||
PUBLIC_SITE_URL=https://cesnimda.co.uk
|
||||
|
||||
# --- Infra ---
|
||||
PROXY_NETWORK=web # name of the existing external reverse-proxy docker network
|
||||
SITE_PORT=1337 # host port the public-facing site is published on
|
||||
# (put Cloudflare / your TLS proxy in front of it)
|
||||
|
||||
@@ -0,0 +1,15 @@
|
||||
#!/bin/sh
|
||||
# Poll-based auto-deploy: pull main and rebuild the stack when it changes.
|
||||
# ponytail: 1-minute cron poll, not a webhook — swap for the Gitea runner
|
||||
# (.gitea/workflows/deploy.yml) once the runner's job image has the Docker CLI + socket.
|
||||
set -e
|
||||
REPO=$(CDPATH= cd -- "$(dirname -- "$0")/.." && pwd) # repo root, wherever this lives
|
||||
exec 9>/tmp/resumesite-deploy.lock
|
||||
flock -n 9 || exit 0 # a build is already running
|
||||
cd "$REPO"
|
||||
git fetch -q origin main
|
||||
[ "$(git rev-parse HEAD)" = "$(git rev-parse origin/main)" ] && exit 0
|
||||
git reset -q --hard origin/main
|
||||
ENVFILE=""
|
||||
[ -f deploy/.env ] && ENVFILE="--env-file deploy/.env"
|
||||
docker compose $ENVFILE -f deploy/docker-compose.yml up -d --build --remove-orphans
|
||||
@@ -1,6 +1,6 @@
|
||||
# Production stack (DOCKER_SPEC §2). Publishes no host ports — the existing host
|
||||
# reverse proxy routes cesnimda.co.uk -> site:8080 and /api/contact -> relay:8081
|
||||
# over the shared external proxy network.
|
||||
# Production stack. The public-facing site is published on host port 1337 (put your
|
||||
# TLS terminator / Cloudflare in front of it). nginx inside the site container proxies
|
||||
# /api/contact to the relay over the internal network, so only one port is exposed.
|
||||
|
||||
services:
|
||||
site:
|
||||
@@ -14,6 +14,10 @@ services:
|
||||
- /tmp
|
||||
- /var/cache/nginx
|
||||
- /var/run
|
||||
ports:
|
||||
- '${SITE_PORT:-1337}:1337'
|
||||
depends_on:
|
||||
- relay
|
||||
networks: [web]
|
||||
logging:
|
||||
driver: json-file
|
||||
@@ -27,12 +31,12 @@ services:
|
||||
restart: unless-stopped
|
||||
read_only: true
|
||||
environment:
|
||||
- Smtp__Host=${SMTP_HOST}
|
||||
- Smtp__Host=${SMTP_HOST:-}
|
||||
- Smtp__Port=${SMTP_PORT:-587}
|
||||
- Smtp__User=${SMTP_USER}
|
||||
- Smtp__Password=${SMTP_PASSWORD}
|
||||
- Smtp__User=${SMTP_USER:-}
|
||||
- Smtp__Password=${SMTP_PASSWORD:-}
|
||||
- Relay__FromAddress=${RELAY_FROM:-}
|
||||
- Relay__ToAddress=${RELAY_TO}
|
||||
- Relay__ToAddress=${RELAY_TO:-connor.babbington@cesnimda.co.uk}
|
||||
- Relay__AllowedOrigin=${RELAY_ALLOWED_ORIGIN:-https://cesnimda.co.uk}
|
||||
- Relay__RateLimitPerWindow=${RELAY_RATE_LIMIT:-5}
|
||||
- Relay__WindowSeconds=${RELAY_WINDOW_SECONDS:-600}
|
||||
@@ -43,5 +47,4 @@ services:
|
||||
|
||||
networks:
|
||||
web:
|
||||
external: true
|
||||
name: ${PROXY_NETWORK:-web}
|
||||
driver: bridge
|
||||
|
||||
@@ -0,0 +1,277 @@
|
||||
# Master Career Profile — Connor Babbington
|
||||
|
||||
**Single source of truth** for generating CVs, cover letters, LinkedIn content, bios and
|
||||
other career materials. Everything here is factual and verified against the CV, the
|
||||
portfolio site content, the project repositories, and a live inspection of the
|
||||
infrastructure (July 2026). When generating any artifact, pull from this document and
|
||||
follow the **Voice & usage guide** at the end.
|
||||
|
||||
Related sources: [`design/02-ux/CANONICAL_CONTENT.md`](design/02-ux/CANONICAL_CONTENT.md)
|
||||
(original CV facts) · site content in `site/src/data/` · CV generator in `tools/cv/`.
|
||||
|
||||
---
|
||||
|
||||
## 1. Identity & contact
|
||||
|
||||
| Field | Value |
|
||||
|---|---|
|
||||
| Name | Connor Babbington |
|
||||
| Title (self-label) | **Systems Developer** (NO: *Systemutvikler*) |
|
||||
| Location | Tønsberg, Norway |
|
||||
| Work eligibility | Valid Norwegian residence permit |
|
||||
| E-mail | connor.babbington@cesnimda.co.uk |
|
||||
| Phone | +47 41 33 44 70 |
|
||||
| Website | https://cesnimda.co.uk |
|
||||
| LinkedIn | https://www.linkedin.com/in/connor-babbington |
|
||||
| Git (self-hosted) | https://git.cesnimda.uk/cesnimda |
|
||||
| Languages | English (native) · Norwegian (B1, actively developing) |
|
||||
| Availability | Open to remote, hybrid or on-site developer roles |
|
||||
|
||||
## 2. Positioning
|
||||
|
||||
**Core positioning:** a systems developer with **eight years' experience** building and
|
||||
maintaining production software for UK local government, now building and self-hosting
|
||||
full-stack products in Norway. Backend-leaning full-stack, with genuine DevOps and
|
||||
operations depth.
|
||||
|
||||
- **Never** self-label "senior" or "mid-level". Lead with "eight years' experience" and
|
||||
let the evidence (production systems, security decisions, operations) carry seniority.
|
||||
- Emphasis differs by audience: for Norwegian public/SME employers, foreground the
|
||||
**public-sector systems background** and **operations/security**; for product companies,
|
||||
foreground **full-stack delivery** and the **case studies**.
|
||||
|
||||
**Headline options (LinkedIn / CV subtitle):**
|
||||
- `Systems Developer · .NET, full-stack & infrastructure · Tønsberg, Norway`
|
||||
- `Systems Developer — 8 years building & running production software`
|
||||
- `Backend-leaning full-stack developer (.NET, React, Docker) · self-hosting enthusiast`
|
||||
- NO: `Systemutvikler · .NET, fullstack og infrastruktur · Tønsberg`
|
||||
|
||||
## 3. Professional summary (three lengths)
|
||||
|
||||
**One line:**
|
||||
> Systems developer with eight years' experience building, shipping and running
|
||||
> production software.
|
||||
|
||||
**Short (2–3 sentences):**
|
||||
> Systems developer with eight years' experience delivering internal software for UK local
|
||||
> government. Backend-leaning full-stack across C#, .NET, Python, JavaScript/TypeScript and
|
||||
> SQL, with hands-on DevOps in Docker, Linux and CI/CD. Now building and self-hosting
|
||||
> full-stack products in Norway.
|
||||
|
||||
**Paragraph:**
|
||||
> Systems developer with eight years' experience building and maintaining production
|
||||
> software for UK local government. A backend-leaning full-stack developer across C#, .NET,
|
||||
> Python, JavaScript/TypeScript and SQL, with hands-on DevOps in Docker, Linux, CI/CD, Azure
|
||||
> DevOps and GitHub. I turn stakeholder requirements into reliable, well-tested systems and
|
||||
> support them in production — and I care about the parts users never see: tests,
|
||||
> deployments and keeping things running. Alongside professional work I design, build and
|
||||
> self-host my own products and a ~30-service home infrastructure lab, which keeps my skills
|
||||
> current and hands-on. Based in Tønsberg with a valid residence permit; native English
|
||||
> speaker with Norwegian at B1 and actively developing.
|
||||
|
||||
**Norwegian (paragraph):**
|
||||
> Systemutvikler med åtte års erfaring med å bygge og vedlikeholde produksjonssystemer i
|
||||
> britisk offentlig sektor. Fullstack-utvikler med tyngde på backend i C#, .NET, Python,
|
||||
> JavaScript/TypeScript og SQL, med praktisk DevOps i Docker, Linux, CI/CD, Azure DevOps og
|
||||
> GitHub. Jeg omsetter behov fra brukere og interessenter til pålitelige, godt testede
|
||||
> systemer og drifter dem i produksjon. Ved siden av jobb bygger og drifter jeg egne
|
||||
> produkter og en hjemmelab med rundt tretti tjenester. Bosatt i Tønsberg med gyldig
|
||||
> oppholdstillatelse; engelsk morsmål, norsk på B1-nivå og i aktiv utvikling.
|
||||
|
||||
## 4. Skills taxonomy
|
||||
|
||||
Grouped for CV/LinkedIn. Every item is defensible in an interview — don't pad.
|
||||
|
||||
**Languages:** C#, Python, JavaScript, TypeScript, SQL, Ruby (Ruby on Rails, from the
|
||||
council role). *(HTML/CSS assumed.)*
|
||||
|
||||
**Frameworks & platforms:** .NET / ASP.NET Core, React, FastAPI, Ruby on Rails, Astro,
|
||||
Entity Framework Core, Node.js.
|
||||
|
||||
**Data:** SQL databases, PostgreSQL, SQLite, MariaDB, Redis, EF Core.
|
||||
|
||||
**DevOps & infrastructure:** Docker & Docker Compose, Linux (Ubuntu), CI/CD, Azure DevOps,
|
||||
GitHub, Gitea + Actions runners, Traefik, nginx, reverse proxies, Cloudflare, self-hosting,
|
||||
container orchestration.
|
||||
|
||||
**Security & identity:** OAuth2 integrations, encrypted secrets at rest (Data Protection
|
||||
API), Authentik (SSO / forward-auth), CrowdSec (intrusion prevention), Pi-hole (DNS),
|
||||
security hardening, preview-then-confirm destructive operations.
|
||||
|
||||
**AI / integrations:** local LLMs via Ollama, AI-assisted summarisation, Gmail API (OAuth2).
|
||||
|
||||
**Architecture & practices:** Clean Architecture, full-stack design, REST APIs, background
|
||||
workers, testing (unit + integration), production support & troubleshooting, stakeholder
|
||||
communication, cross-functional collaboration, WCAG accessibility, SEO.
|
||||
|
||||
**Tools:** Git, Portainer, Serilog, Polly, QuestPDF, Chart.js, Playwright, Vitest.
|
||||
|
||||
## 5. Experience
|
||||
|
||||
### System Developer — Warwickshire County Council, UK · 2015–2023
|
||||
*(First two years completed as an apprenticeship; progressed to full developer.)*
|
||||
- Worked on the **county-wide highways and streetlight fault-reporting system** used across
|
||||
Warwickshire.
|
||||
- Designed, built and maintained **full-stack applications** in C#, Python, Ruby on Rails,
|
||||
SQL and JavaScript across several projects.
|
||||
- Delivered reliable, well-tested software; resolved stability and performance issues on
|
||||
live systems.
|
||||
- Owned **deployments and production troubleshooting**; strengthened permissions and
|
||||
reliability.
|
||||
- Produced clean, maintainable, documented code; **guided colleagues** on best practices for
|
||||
code and process.
|
||||
- Context for framing: UK **local government / public sector** — maps directly to Norwegian
|
||||
*kommune/fylkeskommune* systems work.
|
||||
|
||||
### Independent Development & Norwegian Study — Tønsberg, Norway · 2023–Present
|
||||
- Building and self-hosting full-stack products (JobTrack, InboxIntel) and operating a
|
||||
~30-service home infrastructure lab.
|
||||
- Developing Norwegian language skills (norskkurs) toward professional fluency.
|
||||
|
||||
### Earlier roles (part-time, alongside the above; customer-facing)
|
||||
- Sales Representative — Royal Vapes, UK · 2017–2021
|
||||
- Bartender — The Hodcarrier, UK · 2016–2018
|
||||
- Receptionist — Nuffield Health, UK · 2014–2015
|
||||
|
||||
*Framing:* held alongside the council role; evidence of communication skills and work ethic.
|
||||
De-emphasise on technical CVs; a single line usually suffices.
|
||||
|
||||
## 6. Projects (portfolio)
|
||||
|
||||
### JobTrack — full-stack job-application tracker · *Active*
|
||||
- **What:** a workspace for the whole job-application journey — pipeline, correspondence,
|
||||
attachments, AI summaries, reminders and analytics.
|
||||
- **Stack:** React + TypeScript SPA · ASP.NET Core (.NET 9) API · SQLite (EF Core) · FastAPI +
|
||||
Ollama local AI service · Docker Compose · installable PWA with a mobile share-target.
|
||||
- **Key decisions:** local AI (Ollama) over a cloud API for privacy and zero per-call cost;
|
||||
**no offline PWA cache by design** (frequent deploys → stale builds are worse than offline
|
||||
gaps); SQLite over Postgres for a single-user app.
|
||||
- **Security/production:** optional Google sign-in (ID tokens), per-owner record scoping,
|
||||
validated file uploads with ownership checks, advisory-only AI, scheduled JSON/CSV exports.
|
||||
- **Talking points:** product thinking end-to-end; a deliberate anti-feature with reasoning;
|
||||
integration depth (Gmail OAuth2).
|
||||
|
||||
### InboxIntel — Gmail analytics & safe bulk cleanup · *In development*
|
||||
- **What:** Gmail analytics, cleanup and unsubscribe management with a draggable dashboard.
|
||||
- **Stack:** .NET 8 · Clean Architecture (Domain → Application → Infrastructure → Api) ·
|
||||
PostgreSQL (EF Core + Npgsql) · React 18 + Vite + Chart.js · hosted background sync worker ·
|
||||
Serilog · FluentValidation · Polly · Gmail API.
|
||||
- **Key decisions:** four-project Clean Architecture with an enforced dependency rule;
|
||||
**OAuth refresh tokens encrypted at rest** (ASP.NET Data Protection API / AES, never
|
||||
logged); **every destructive action is preview-then-confirm**; advisory-only AI.
|
||||
- **Security/production:** Gmail read/modify scopes only (no send); Polly retry/backoff;
|
||||
unit tests (query parser, unsubscribe extraction) + integration tests asserting authz.
|
||||
- **Talking points:** architecture discipline; safe-by-design destructive operations.
|
||||
|
||||
### Self-hosted infrastructure lab · *Active*
|
||||
- **What:** an Ubuntu 24.04 server running **~30 Docker services** behind a single reverse
|
||||
proxy — the deploy target for the portfolio site itself.
|
||||
- **Platform:** **Traefik** (TLS, HTTP/3, Cloudflare-fronted, separate internal/external
|
||||
entrypoints) · **Authentik** SSO as forward-auth in front of internal tools · **CrowdSec**
|
||||
intrusion prevention · **Pi-hole** DNS filtering.
|
||||
- **CI/CD & data:** self-hosted **Gitea + Actions runner** (git.cesnimda.uk) building and
|
||||
deploying this site; PostgreSQL, MariaDB, Redis; Portainer + Dozzle for management/logs.
|
||||
- **Security posture:** Docker socket exposed only via a hardened socket-proxy; each app on
|
||||
its own isolated Docker network.
|
||||
- **Also runs:** application containers (JobTrack) and a media stack (Jellyfin + *arr).
|
||||
- **Talking points:** real operations and security experience, not just deployment; network
|
||||
segmentation; SSO/IPS/DNS in a home setting; runs its own CI/CD.
|
||||
|
||||
### The portfolio site itself (cesnimda.co.uk)
|
||||
- Astro 5 static, bilingual (EN/NO), Tailwind 4 over design tokens, CSS-first motion, a
|
||||
slug-map i18n contract, a small .NET 9 contact relay, WCAG AA accessibility, Lighthouse
|
||||
budgets, and full CI — self-hosted in Docker behind Traefik. A work sample in its own right.
|
||||
|
||||
## 7. Education
|
||||
|
||||
- **Extended Diploma — NVQ Level 3 in ICT**, Warwickshire College, UK · 2012–2015.
|
||||
Professional education in IT: programming, systems administration and IT support.
|
||||
|
||||
## 8. Achievement / evidence library (bullet bank)
|
||||
|
||||
Reusable, outcome-oriented bullets for CVs and cover letters:
|
||||
- Delivered and maintained internal software used across a UK county council for eight years.
|
||||
- Contributed to a **county-wide highways/streetlight fault-reporting system**.
|
||||
- Replaced spreadsheet-heavy and manual workflows with reliable internal systems.
|
||||
- Built full-stack applications in five languages (C#, Python, Ruby on Rails, SQL, JS),
|
||||
adapting across frameworks as projects changed.
|
||||
- Owned deployments and production troubleshooting on live systems.
|
||||
- Designed and shipped two full-stack products end-to-end (product, backend, frontend, ops,
|
||||
security).
|
||||
- Made and documented real engineering trade-offs (local vs cloud AI; deliberate anti-feature;
|
||||
Clean Architecture; encrypted secrets at rest).
|
||||
- Operate a ~30-service self-hosted infrastructure with SSO, intrusion prevention and CI/CD.
|
||||
- Built an accessible (WCAG AA), performant, bilingual site with automated testing and CI.
|
||||
|
||||
## 9. Working style & soft skills
|
||||
|
||||
Problem solving · troubleshooting · system improvement · stakeholder communication ·
|
||||
production support · cross-functional collaboration · mentoring/guiding colleagues ·
|
||||
comfortable with both structured and open-ended tasks · effective independently and in a
|
||||
team · takes initiative · dependable and detail-oriented.
|
||||
|
||||
## 10. Interests
|
||||
|
||||
PC and board games (strategic thinking, problem solving), cooking, and continually learning
|
||||
new skills. Keep to one line on formal documents.
|
||||
|
||||
## 11. Ready-made assets
|
||||
|
||||
**Elevator pitch (spoken, ~20s):**
|
||||
> I'm a systems developer with eight years building and running production software for UK
|
||||
> local government — backend-leaning full-stack in .NET, plus real DevOps. I moved to Norway
|
||||
> and I've been shipping my own full-stack products and running a fairly serious home
|
||||
> infrastructure lab. I'm looking for a developer role where I can build things and help keep
|
||||
> them running.
|
||||
|
||||
**LinkedIn headline:**
|
||||
> Systems Developer · .NET, full-stack & infrastructure · 8 years · Tønsberg, Norway
|
||||
|
||||
**LinkedIn "About":**
|
||||
> Systems developer with eight years' experience building and maintaining production software
|
||||
> for UK local government. Backend-leaning full-stack across C#, .NET, Python, JavaScript/
|
||||
> TypeScript and SQL, with hands-on DevOps in Docker, Linux and CI/CD. I like turning real
|
||||
> requirements into reliable, well-tested systems — and I care about the parts users never
|
||||
> see: tests, deployments and keeping things running.
|
||||
>
|
||||
> Outside work I design, build and self-host my own products (a full-stack job-application
|
||||
> tracker and a Gmail analytics tool) and run a ~30-service home infrastructure lab with
|
||||
> Traefik, single sign-on, intrusion prevention and self-hosted CI/CD. Based in Tønsberg with
|
||||
> a valid residence permit; native English, Norwegian at B1 and improving. Open to remote,
|
||||
> hybrid or on-site developer roles.
|
||||
|
||||
**Short bio (third person, ~40 words):**
|
||||
> Connor Babbington is a systems developer with eight years' experience building production
|
||||
> software for UK local government. Backend-leaning full-stack in .NET with real DevOps
|
||||
> depth, he now builds and self-hosts his own products from Tønsberg, Norway.
|
||||
|
||||
**Cover-letter opener (template):**
|
||||
> I'm a systems developer with eight years' experience delivering and running production
|
||||
> software, and I'm writing about the [ROLE] position at [COMPANY]. [ONE SENTENCE connecting a
|
||||
> specific project/skill to their need.] I turn requirements into reliable, well-tested
|
||||
> systems and I'm comfortable owning them in production.
|
||||
|
||||
## 12. Voice & usage guide
|
||||
|
||||
**Tone:** plain-spoken, evidence-led, understated. Calibrated for the Norwegian market —
|
||||
avoid grandiosity (no "rockstar/ninja/guru", no "senior" unless a specific role warrants it).
|
||||
Let concrete facts carry weight.
|
||||
|
||||
**When generating an artifact:**
|
||||
- **CV:** use §3 short summary + §4 skills + §5 experience + §6 projects (2 lines each) + §7
|
||||
education. Keep to one page; ATS-safe single column; the generator in `tools/cv/` already
|
||||
encodes this. Positioning = "eight years", never "mid-level".
|
||||
- **Cover letter:** open with §11 template; pick 2–3 bullets from §8 that match the job;
|
||||
close on availability + permit + location fit.
|
||||
- **LinkedIn:** headline + About from §11; Experience from §5; Skills from §4.
|
||||
- **Bio:** pick the length from §11 (or §3).
|
||||
- **Norwegian materials:** use the native NO summary in §3; have a fluent speaker review
|
||||
before sending (the NO here is solid but not yet native-reviewed).
|
||||
|
||||
**Facts to never overstate:** don't claim "senior"; don't invent user numbers (say
|
||||
"county-wide"); InboxIntel is "in development"; project repos are **private** (describe, don't
|
||||
link); Norwegian is **B1**.
|
||||
|
||||
**Maintenance:** update this document when facts change (new role, project, certification,
|
||||
language level), then regenerate downstream materials from it. Keep it the single source of
|
||||
truth — edit here first, propagate outward.
|
||||
@@ -7,7 +7,7 @@ System architecture for the bilingual portfolio. Companion detail specs: ROUTING
|
||||
|
||||
```
|
||||
┌──────────────────────────── Connor's server ───────────────────────────┐
|
||||
Browser ── HTTPS ──► │ nginx (existing reverse proxy, TLS) │
|
||||
Browser ── HTTPS ──► │ Traefik (existing host reverse proxy, TLS; Cloudflare-fronted) │
|
||||
│ ├── cesnimda.co.uk/ → [site] nginx container (static) │
|
||||
│ ├── cesnimda.co.uk/api/contact → [contact-relay] .NET 9 container │
|
||||
│ └── git.cesnimda.uk → Gitea (existing) │
|
||||
|
||||
@@ -33,7 +33,7 @@ push / PR to main
|
||||
|
||||
1. Pre-launch: staging fully verified (both locales, CV downloads, form → real mailbox, redirects incl. `/Linkedin`, 410 map, OG previews via LinkedIn/Slack debuggers, Search Console fetch).
|
||||
2. URL inventory + redirect/410 map finalised (SEO_SPEC §6).
|
||||
3. Cutover = repoint host nginx server-block from WP to the `site` container (single reload; WP left running dark for 2 weeks as instant rollback).
|
||||
3. Cutover = move the `cesnimda.co.uk` Traefik Host router from the WordPress container to the `site` container (a label change + `compose up -d`; WP left running dark for 2 weeks as instant rollback).
|
||||
4. Post-launch checklist: submit sitemaps, watch Search Console coverage + relay logs for form spam patterns, then decommission WP + its PHP/MySQL surface (attack-surface win worth noting on the colophon).
|
||||
|
||||
## 4. Operational guardrails
|
||||
|
||||
@@ -31,7 +31,7 @@ deploy/
|
||||
.env.example # documented variables, no real values
|
||||
```
|
||||
|
||||
- Prod compose joins the server's existing reverse-proxy network; the host nginx (existing, TLS-terminating) routes `cesnimda.co.uk` → `site:8080` and `cesnimda.co.uk/api/contact` → `contact-relay:8081`. The stack publishes **no host ports** itself.
|
||||
- Prod compose joins the server's existing Traefik network (`traefik_proxy`); the host Traefik (existing, TLS-terminating, Cloudflare-fronted) discovers the containers via labels and routes `cesnimda.co.uk` → `site:8080` and `cesnimda.co.uk/api/contact` → `relay:8081` (the relay's `PathPrefix` rule outranks the site's `Host` rule). The stack publishes **no host ports** itself.
|
||||
- `restart: unless-stopped`, log rotation via compose logging options, images referenced by registry tag + digest.
|
||||
- Optional third service slot (`analytics`, self-hosted Umami/Plausible) reserved in the compose file as a commented profile — decision deferred.
|
||||
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
dist/
|
||||
.astro/
|
||||
node_modules/
|
||||
.pnpm-store/
|
||||
pnpm-lock.yaml
|
||||
public/
|
||||
*.pdf
|
||||
|
||||
@@ -14,5 +14,5 @@ RUN pnpm build
|
||||
FROM nginxinc/nginx-unprivileged:1.27-alpine AS final
|
||||
COPY --chown=nginx:nginx nginx.conf /etc/nginx/conf.d/default.conf
|
||||
COPY --from=build --chown=nginx:nginx /app/dist /usr/share/nginx/html
|
||||
EXPOSE 8080
|
||||
EXPOSE 1337
|
||||
# runs as uid 101 (nginx) by default in this image
|
||||
|
||||
@@ -26,6 +26,10 @@ export default defineConfig({
|
||||
compressHTML: true,
|
||||
vite: {
|
||||
plugins: [tailwindcss()],
|
||||
// Never inline JS: the deployed CSP is `script-src 'self'`, which blocks inline
|
||||
// <script> modules. Keep hoisted scripts as external /_astro/*.js so CSP allows them.
|
||||
// (Images etc. fall back to the default inline threshold.)
|
||||
build: { assetsInlineLimit: (file) => (file.endsWith('.js') ? false : undefined) },
|
||||
resolve: {
|
||||
alias: {
|
||||
'@': r('./src'),
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
# trailing slashes, the preserved /Linkedin redirect, and legacy-WP 410s.
|
||||
|
||||
server {
|
||||
listen 8080;
|
||||
listen 1337;
|
||||
server_name _;
|
||||
root /usr/share/nginx/html;
|
||||
index index.html;
|
||||
@@ -27,9 +27,17 @@ server {
|
||||
gzip_proxied any;
|
||||
gzip_types text/plain text/css application/javascript application/json image/svg+xml application/xml application/xml+rss;
|
||||
|
||||
# --- Preserved LinkedIn redirect (printed on the CVs). Replace slug before cutover. ---
|
||||
# --- Preserved LinkedIn redirect (printed on the CVs). ---
|
||||
location = /Linkedin {
|
||||
return 301 https://www.linkedin.com/in/REPLACE-WITH-REAL-SLUG/;
|
||||
return 301 https://www.linkedin.com/in/connor-babbington;
|
||||
}
|
||||
|
||||
# --- Contact relay (same-origin; single public port) ---
|
||||
location = /api/contact {
|
||||
proxy_pass http://relay:8081;
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
proxy_set_header X-Forwarded-Proto $scheme;
|
||||
}
|
||||
|
||||
# --- Legacy WordPress URLs -> 410 Gone (crawler cleanup) ---
|
||||
@@ -59,11 +67,10 @@ server {
|
||||
add_header Cache-Control "public, must-revalidate" always;
|
||||
}
|
||||
|
||||
# --- Canonical trailing slash for extensionless paths (SEO) ---
|
||||
rewrite ^([^.]*[^/])$ $1/ permanent;
|
||||
|
||||
# --- HTML documents: revalidate so deploys are instant (inherits headers above) ---
|
||||
# --- HTML documents: canonical trailing slash + revalidate. Kept inside the
|
||||
# catch-all so exact routes (e.g. /api/contact) are never slash-redirected. ---
|
||||
location / {
|
||||
rewrite ^([^.]*[^/])$ $1/ permanent;
|
||||
try_files $uri $uri/ =404;
|
||||
}
|
||||
|
||||
|
||||
|
After Width: | Height: | Size: 116 KiB |
|
After Width: | Height: | Size: 39 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 31 KiB |
|
After Width: | Height: | Size: 60 KiB |
@@ -58,11 +58,6 @@ const nav: { id: PageId; label: string }[] = [
|
||||
>LinkedIn ↗</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a class="hover:text-ink transition-colors" href={p.links.gitea} rel="me noopener"
|
||||
>git.cesnimda.uk ↗</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a class="hover:text-ink transition-colors" href={pathFor('cv', locale)}
|
||||
>{d.cv.download}</a
|
||||
|
||||
@@ -26,7 +26,7 @@ const isCurrent = (id: PageId) =>
|
||||
|
||||
<header
|
||||
id="site-header"
|
||||
class="bg-surface-0/80 sticky top-0 z-40 border-b border-transparent backdrop-blur-md"
|
||||
class="bg-surface-0/80 sticky top-0.5 z-40 mt-0.5 mb-0.5 border-b border-transparent backdrop-blur-md"
|
||||
>
|
||||
<div
|
||||
class="mx-auto flex h-[--header-h] max-w-[--content-max] items-center justify-between px-5 transition-[height] duration-[--dur-standard] ease-[--ease-out] sm:px-6"
|
||||
|
||||
@@ -95,6 +95,5 @@ const navItems: { id: PageId; label: string }[] = [
|
||||
<div class="text-mono-meta text-ink-muted mt-auto flex flex-col gap-2 pt-8 font-mono">
|
||||
<a href={`mailto:${p.links.email}`}>{p.links.email}</a>
|
||||
<a href={p.links.linkedin} rel="me noopener">LinkedIn ↗</a>
|
||||
<a href={p.links.gitea} rel="me noopener">git.cesnimda.uk ↗</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -34,7 +34,7 @@ const copy = {
|
||||
],
|
||||
[
|
||||
'Self-hosted',
|
||||
'Built and deployed from my own Gitea instance to Docker behind nginx. The contact form is a small stateless .NET service — even that is part of my own stack.',
|
||||
'Built and deployed from my own Gitea instance to Docker behind Traefik. The contact form is a small stateless .NET service — even that is part of my own stack.',
|
||||
],
|
||||
[
|
||||
'No tracking',
|
||||
@@ -59,7 +59,7 @@ const copy = {
|
||||
],
|
||||
[
|
||||
'Egendriftet',
|
||||
'Bygget og rullet ut fra min egen Gitea-instans til Docker bak nginx. Kontaktskjemaet er en liten tilstandsløs .NET-tjeneste — også den er en del av min egen stack.',
|
||||
'Bygget og rullet ut fra min egen Gitea-instans til Docker bak Traefik. Kontaktskjemaet er en liten tilstandsløs .NET-tjeneste — også den er en del av min egen stack.',
|
||||
],
|
||||
[
|
||||
'Ingen sporing',
|
||||
|
||||
@@ -122,13 +122,6 @@ const fieldClass =
|
||||
class="text-body text-ink hover:text-accent">LinkedIn ↗</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href={profile.links.gitea}
|
||||
rel="me noopener"
|
||||
class="text-body text-ink hover:text-accent">git.cesnimda.uk ↗</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href={profile.links.phoneHref} class="text-body text-ink hover:text-accent"
|
||||
>{profile.links.phone}</a
|
||||
|
||||
@@ -30,9 +30,9 @@ const currentLabel = locale === 'en' ? d.cv.english : d.cv.norsk;
|
||||
{d.cv.download}
|
||||
{!compact && <span class="text-mono-label ml-2 font-mono opacity-70">EN/NO</span>}
|
||||
</a>
|
||||
<details class="cv-menu">
|
||||
<details class="cv-menu flex">
|
||||
<summary
|
||||
class="border-accent-ink/20 bg-accent text-accent-ink flex cursor-pointer list-none items-center rounded-r-sm border-l px-2 transition-[filter] duration-[--dur-quick] hover:brightness-105"
|
||||
class="border-accent-ink/20 bg-accent text-accent-ink flex h-full cursor-pointer list-none items-center rounded-r-sm border-l px-2 transition-[filter] duration-[--dur-quick] hover:brightness-105"
|
||||
aria-label={d.cv.download}
|
||||
>
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" aria-hidden="true">
|
||||
|
||||
@@ -10,7 +10,7 @@ const d = useDict(locale);
|
||||
---
|
||||
|
||||
<button
|
||||
id="theme-toggle"
|
||||
data-theme-toggle
|
||||
type="button"
|
||||
class="border-line text-ink-muted hover:text-ink inline-flex h-9 w-9 items-center justify-center rounded-full border transition-colors duration-[--dur-quick]"
|
||||
aria-label={d.theme.toLight}
|
||||
|
||||
@@ -11,7 +11,7 @@ const { statusLine, class: cls } = Astro.props;
|
||||
---
|
||||
|
||||
<div class:list={['flex items-center gap-3', cls]}>
|
||||
<svg width="200" height="24" viewBox="0 0 200 24" fill="none" aria-hidden="true">
|
||||
<svg width="200" height="28" viewBox="0 0 200 28" fill="none" aria-hidden="true">
|
||||
<path
|
||||
class="trace-line"
|
||||
d="M2 12 H150 l10 10 H194"
|
||||
|
||||
@@ -30,36 +30,36 @@ export const meta: Meta = {
|
||||
en: {
|
||||
title: 'JobTrack — case study · Connor Babbington',
|
||||
description:
|
||||
'A full-stack job-application workspace: React, ASP.NET Core, SQLite, a local Ollama AI service and Docker. Architecture, decisions and security.',
|
||||
'AI-assisted job-search workspace: React, ASP.NET Core, a Kanban pipeline, deterministic CV match and Gmail threads — architecture, decisions, security.',
|
||||
},
|
||||
no: {
|
||||
title: 'JobTrack — prosjektgjennomgang · Connor Babbington',
|
||||
description:
|
||||
'Et fullstack arbeidsrom for jobbsøking: React, ASP.NET Core, SQLite, lokal Ollama-AI og Docker. Arkitektur, valg og sikkerhet.',
|
||||
'AI-assistert arbeidsrom for jobbsøking: React, ASP.NET Core, Kanban-pipeline, deterministisk CV-match og Gmail-tråder — arkitektur, valg og sikkerhet.',
|
||||
},
|
||||
},
|
||||
inboxintel: {
|
||||
en: {
|
||||
title: 'InboxIntel — case study · Connor Babbington',
|
||||
description:
|
||||
'Gmail analytics and safe bulk cleanup, built as Clean Architecture in .NET 8 with encrypted OAuth tokens and preview-before-delete.',
|
||||
'A self-hosted inbox intelligence tool: semantic search (pgvector + Ollama), AI summaries and inbox-health analytics, built as Clean Architecture in .NET 10.',
|
||||
},
|
||||
no: {
|
||||
title: 'InboxIntel — prosjektgjennomgang · Connor Babbington',
|
||||
description:
|
||||
'Gmail-analyse og trygg masseopprydding, bygget som Clean Architecture i .NET 8 med krypterte OAuth-tokens og forhåndsvisning før sletting.',
|
||||
'Et egendriftet verktøy for innboks-intelligens: semantisk søk (pgvector + Ollama), AI-sammendrag og innboks-helse, bygget som Clean Architecture i .NET 10.',
|
||||
},
|
||||
},
|
||||
homelab: {
|
||||
en: {
|
||||
title: 'Self-hosted infrastructure lab — Connor Babbington',
|
||||
description:
|
||||
'A home lab running Ubuntu, Docker, nginx, Gitea and monitoring — hands-on deployment and operations, and the deploy target for this site.',
|
||||
'A ~30-service home lab: Ubuntu, Docker, Traefik, Authentik SSO, CrowdSec and self-hosted Gitea CI — hands-on ops, and the deploy target for this site.',
|
||||
},
|
||||
no: {
|
||||
title: 'Egendriftet hjemmelab — Connor Babbington',
|
||||
description:
|
||||
'En hjemmelab med Ubuntu, Docker, nginx, Gitea og overvåking — praktisk drift og utrulling, og utrullingsmålet for denne siden.',
|
||||
'En hjemmelab med ~30 tjenester: Ubuntu, Docker, Traefik, Authentik SSO, CrowdSec og egendriftet Gitea-CI — praktisk drift, og utrullingsmålet for denne siden.',
|
||||
},
|
||||
},
|
||||
experience: {
|
||||
|
||||
@@ -15,11 +15,11 @@ export const profile: Profile = {
|
||||
gitea: 'https://git.cesnimda.uk/cesnimda',
|
||||
},
|
||||
cv: {
|
||||
en: { path: '/cv/connor-babbington-cv-en.pdf', sizeKb: 132, updated: '2026-07' },
|
||||
no: { path: '/cv/connor-babbington-cv-no.pdf', sizeKb: 172, updated: '2026-07' },
|
||||
en: { path: '/cv/connor-babbington-cv-en.pdf', sizeKb: 290, updated: '2026-07' },
|
||||
no: { path: '/cv/connor-babbington-cv-no.pdf', sizeKb: 296, updated: '2026-07' },
|
||||
},
|
||||
photo: {
|
||||
src: 'placeholder:portrait',
|
||||
src: '/assets/portrait.webp',
|
||||
alt: {
|
||||
en: 'Connor Babbington, smiling, outdoors',
|
||||
no: 'Connor Babbington, smilende, utendørs',
|
||||
@@ -71,7 +71,7 @@ export const profile: Profile = {
|
||||
aboutHeading: 'About',
|
||||
aboutParagraphs: [
|
||||
'I’m a systems developer with a backend-leaning full-stack background: business systems, troubleshooting and production support. I like turning stakeholder requirements into practical, reliable software, and I care about the parts users never see — tests, deployments and keeping things running.',
|
||||
'Alongside professional work I build and self-host my own projects — a job-application tracker, a Gmail analytics tool, and a home infrastructure lab. It keeps my skills current and hands-on, and it’s where I get to make the architecture decisions end to end.',
|
||||
'Alongside professional work I build and self-host my own projects — a job-application tracker, a self-hosted inbox cleanup tool, and a home infrastructure lab. It keeps my skills current and hands-on, and it’s where I get to make the architecture decisions end to end.',
|
||||
'I’m based in Tønsberg, Norway, with a valid residence permit. English is my native language and my Norwegian is at B1 and actively improving. Outside work I’m into PC and board games, cooking, and generally learning new things.',
|
||||
],
|
||||
interestsLine: 'PC & board games · cooking · always learning something new',
|
||||
@@ -88,7 +88,7 @@ export const profile: Profile = {
|
||||
aboutHeading: 'Om meg',
|
||||
aboutParagraphs: [
|
||||
'Jeg er systemutvikler med bakgrunn i fullstack med tyngde på backend: fagsystemer, feilsøking og driftsstøtte. Jeg liker å gjøre om behov fra brukere og interessenter til praktisk og pålitelig programvare, og jeg bryr meg om det brukerne aldri ser — tester, utrulling og stabil drift.',
|
||||
'Ved siden av jobb bygger og drifter jeg egne prosjekter — en jobbsøknads-tracker, et verktøy for Gmail-analyse og en hjemmelab for infrastruktur. Det holder ferdighetene mine oppdaterte, og der tar jeg alle arkitekturvalgene selv, fra ende til ende.',
|
||||
'Ved siden av jobb bygger og drifter jeg egne prosjekter — en jobbsøknads-tracker, et verktøy for innboks-opprydding og en hjemmelab for infrastruktur. Det holder ferdighetene mine oppdaterte, og der tar jeg alle arkitekturvalgene selv, fra ende til ende.',
|
||||
'Jeg er bosatt i Tønsberg og har gyldig oppholdstillatelse. Engelsk er morsmålet mitt, og norsken min er på B1 og i aktiv utvikling. På fritiden liker jeg PC- og brettspill, matlaging og å lære nye ting.',
|
||||
],
|
||||
interestsLine: 'PC- og brettspill · matlaging · lærer alltid noe nytt',
|
||||
|
||||
@@ -1,6 +1,10 @@
|
||||
import type { Project } from '@lib/schema';
|
||||
|
||||
/* Homelab — capability page (lighter template): no TL;DR/decisions/gallery rendered. */
|
||||
/*
|
||||
Homelab — capability page (lighter template): no TL;DR/decisions/gallery rendered.
|
||||
Content reflects the real setup inspected on the host (Ubuntu 24.04, ~30 Docker
|
||||
services behind Traefik with Authentik SSO, CrowdSec, Pi-hole, Gitea CI).
|
||||
*/
|
||||
export const homelab: Project = {
|
||||
id: 'homelab',
|
||||
name: 'Self-hosted infrastructure lab',
|
||||
@@ -10,88 +14,100 @@ export const homelab: Project = {
|
||||
stack: [
|
||||
{ name: 'Ubuntu' },
|
||||
{ name: 'Docker' },
|
||||
{ name: 'nginx' },
|
||||
{ name: 'Gitea' },
|
||||
{ name: 'Monitoring' },
|
||||
{ name: 'Backups' },
|
||||
{ name: 'Traefik' },
|
||||
{ name: 'Authentik' },
|
||||
{ name: 'CrowdSec' },
|
||||
{ name: 'Gitea CI' },
|
||||
],
|
||||
links: [],
|
||||
diagram: {
|
||||
viewBox: '0 0 1120 300',
|
||||
viewBox: '0 0 1120 310',
|
||||
title: { en: 'Homelab topology', no: 'Hjemmelab-topologi' },
|
||||
desc: {
|
||||
en: 'Inbound traffic reaches an nginx reverse proxy terminating TLS, which routes to self-hosted services: Gitea, application containers and a monitoring stack.',
|
||||
no: 'Innkommende trafikk når en nginx reverse proxy som terminerer TLS, og rutes videre til egendriftede tjenester: Gitea, applikasjonscontainere og en overvåkingsstack.',
|
||||
en: 'Traffic arrives through Cloudflare to a Traefik reverse proxy that terminates TLS and applies Authentik single sign-on, then routes to self-hosted services: Gitea and its CI runner, application containers, and a media stack.',
|
||||
no: 'Trafikk kommer via Cloudflare til en Traefik reverse proxy som terminerer TLS og bruker Authentik single sign-on, og rutes videre til egendriftede tjenester: Gitea med CI-runner, applikasjonscontainere og en mediastack.',
|
||||
},
|
||||
nodes: [
|
||||
{
|
||||
id: 'internet',
|
||||
id: 'cloudflare',
|
||||
x: 40,
|
||||
y: 116,
|
||||
w: 160,
|
||||
h: 72,
|
||||
y: 124,
|
||||
w: 170,
|
||||
h: 68,
|
||||
kind: 'external',
|
||||
label: 'Internet',
|
||||
sub: { en: 'HTTPS', no: 'HTTPS' },
|
||||
label: 'Cloudflare',
|
||||
sub: { en: 'DNS · edge · WAF', no: 'DNS · edge · WAF' },
|
||||
},
|
||||
{
|
||||
id: 'proxy',
|
||||
x: 280,
|
||||
y: 116,
|
||||
w: 190,
|
||||
h: 72,
|
||||
id: 'traefik',
|
||||
x: 290,
|
||||
y: 124,
|
||||
w: 180,
|
||||
h: 68,
|
||||
kind: 'primary',
|
||||
label: 'nginx',
|
||||
label: 'Traefik',
|
||||
sub: { en: 'reverse proxy · TLS', no: 'reverse proxy · TLS' },
|
||||
},
|
||||
{
|
||||
id: 'authentik',
|
||||
x: 290,
|
||||
y: 232,
|
||||
w: 180,
|
||||
h: 56,
|
||||
kind: 'internal',
|
||||
label: 'Authentik',
|
||||
sub: { en: 'SSO · forward-auth', no: 'SSO · forward-auth' },
|
||||
},
|
||||
{
|
||||
id: 'gitea',
|
||||
x: 560,
|
||||
y: 40,
|
||||
w: 190,
|
||||
y: 44,
|
||||
w: 210,
|
||||
h: 60,
|
||||
kind: 'internal',
|
||||
label: 'Gitea',
|
||||
sub: { en: 'git.cesnimda.uk', no: 'git.cesnimda.uk' },
|
||||
label: 'Gitea + runner',
|
||||
sub: { en: 'self-hosted git · CI/CD', no: 'egendriftet git · CI/CD' },
|
||||
},
|
||||
{
|
||||
id: 'apps',
|
||||
x: 560,
|
||||
y: 120,
|
||||
w: 190,
|
||||
y: 128,
|
||||
w: 210,
|
||||
h: 60,
|
||||
kind: 'internal',
|
||||
label: 'App services',
|
||||
sub: { en: 'Docker containers', no: 'Docker-containere' },
|
||||
label: 'App containers',
|
||||
sub: { en: 'JobTrack · this site', no: 'JobTrack · denne siden' },
|
||||
},
|
||||
{
|
||||
id: 'monitor',
|
||||
id: 'media',
|
||||
x: 560,
|
||||
y: 200,
|
||||
w: 190,
|
||||
y: 212,
|
||||
w: 210,
|
||||
h: 60,
|
||||
kind: 'internal',
|
||||
label: 'Monitoring',
|
||||
sub: { en: 'uptime · logs', no: 'oppetid · logger' },
|
||||
label: 'Media stack',
|
||||
sub: { en: 'Jellyfin · *arr', no: 'Jellyfin · *arr' },
|
||||
},
|
||||
],
|
||||
edges: [
|
||||
{ d: 'M200 152 H280', kind: 'flow' },
|
||||
{ d: 'M470 140 L560 70', kind: 'flow' },
|
||||
{ d: 'M470 152 H560', kind: 'flow' },
|
||||
{ d: 'M470 164 L560 230', kind: 'flow' },
|
||||
{ d: 'M210 158 H290', kind: 'flow' },
|
||||
{ d: 'M380 192 V232', kind: 'flow', label: 'auth', labelX: 400, labelY: 218 },
|
||||
{ d: 'M470 150 L560 74', kind: 'flow' },
|
||||
{ d: 'M470 158 H560', kind: 'flow' },
|
||||
{ d: 'M470 166 L560 242', kind: 'flow' },
|
||||
],
|
||||
},
|
||||
media: [],
|
||||
content: {
|
||||
en: {
|
||||
valueProp: 'Where I run, break and fix real infrastructure — not just deploy it.',
|
||||
valueProp:
|
||||
'Where I run, break and fix real infrastructure — around thirty containerised services behind a single reverse proxy.',
|
||||
cardTeaser:
|
||||
'Ubuntu · Docker services · reverse proxy · auth · monitoring · Gitea (this site’s own git remote).',
|
||||
'Ubuntu + Docker · Traefik · Authentik SSO · CrowdSec · Gitea CI — ~30 self-hosted services, and the deploy target for this site.',
|
||||
tldr: {
|
||||
what: 'A self-hosted home lab running production-style services.',
|
||||
why: 'To keep operations skills hands-on.',
|
||||
stack: 'Ubuntu · Docker · nginx · Gitea · monitoring.',
|
||||
what: 'A self-hosted home server running ~30 production-style services.',
|
||||
why: 'To keep operations and security skills hands-on.',
|
||||
stack: 'Ubuntu · Docker · Traefik · Authentik · CrowdSec · Gitea.',
|
||||
role: 'Operator.',
|
||||
},
|
||||
sections: [
|
||||
@@ -102,7 +118,7 @@ export const homelab: Project = {
|
||||
blocks: [
|
||||
{
|
||||
type: 'p',
|
||||
text: 'A home lab running Ubuntu and Docker-based services behind an nginx reverse proxy, with authentication, monitoring and backups. It’s where I get ongoing, hands-on practice with deployment, troubleshooting and real-world operations — including the self-hosted Gitea instance that this very site is built and deployed from.',
|
||||
text: 'An Ubuntu 24.04 server running around thirty Docker services behind a Traefik reverse proxy, with single sign-on, an intrusion-prevention layer, DNS filtering and a full CI/CD setup. It’s where I get ongoing, hands-on practice with deployment, security and real-world operations — including the self-hosted Gitea instance and runner that build and deploy this very portfolio.',
|
||||
},
|
||||
],
|
||||
},
|
||||
@@ -114,10 +130,11 @@ export const homelab: Project = {
|
||||
{
|
||||
type: 'ul',
|
||||
items: [
|
||||
'nginx reverse proxy terminating TLS in front of every service.',
|
||||
'Docker Compose stacks for applications, each isolated on its own network.',
|
||||
'Authentication in front of internal tools; monitoring for uptime and logs.',
|
||||
'Self-hosted Gitea with CI runners — the deployment target for this portfolio.',
|
||||
'Traefik terminates TLS and routes every service, fronted by Cloudflare, with separate internal and external entrypoints and HTTP/3.',
|
||||
'Authentik provides single sign-on as a Traefik forward-auth middleware in front of internal tools; CrowdSec adds intrusion prevention and Pi-hole handles DNS filtering.',
|
||||
'Gitea and a Gitea Actions runner give me self-hosted git and CI/CD — the build-and-deploy target for this site.',
|
||||
'The Docker socket is exposed to Traefik only through a hardened socket-proxy, and each application runs on its own isolated Docker network.',
|
||||
'Portainer and Dozzle handle container management and logs; alongside these run application, media and utility stacks.',
|
||||
],
|
||||
},
|
||||
],
|
||||
@@ -129,7 +146,7 @@ export const homelab: Project = {
|
||||
blocks: [
|
||||
{
|
||||
type: 'p',
|
||||
text: 'Tightening backup verification and adding more automated health checks and alerting across the stack.',
|
||||
text: 'Retiring the legacy WordPress site now that this portfolio replaces it, then tightening backup verification and expanding automated health checks and alerting across the stack.',
|
||||
},
|
||||
],
|
||||
},
|
||||
@@ -137,13 +154,13 @@ export const homelab: Project = {
|
||||
},
|
||||
no: {
|
||||
valueProp:
|
||||
'Der jeg drifter, ødelegger og fikser ekte infrastruktur — ikke bare ruller den ut.',
|
||||
'Der jeg drifter, ødelegger og fikser ekte infrastruktur — rundt tretti containeriserte tjenester bak én reverse proxy.',
|
||||
cardTeaser:
|
||||
'Ubuntu · Docker-tjenester · reverse proxy · auth · overvåking · Gitea (git-remoten til denne siden).',
|
||||
'Ubuntu + Docker · Traefik · Authentik SSO · CrowdSec · Gitea CI — ~30 egendriftede tjenester, og utrullingsmålet for denne siden.',
|
||||
tldr: {
|
||||
what: 'En egendriftet hjemmelab som kjører produksjonslignende tjenester.',
|
||||
why: 'For å holde driftsferdighetene praktiske.',
|
||||
stack: 'Ubuntu · Docker · nginx · Gitea · overvåking.',
|
||||
what: 'En egendriftet hjemmeserver med ~30 produksjonslignende tjenester.',
|
||||
why: 'For å holde drifts- og sikkerhetsferdighetene praktiske.',
|
||||
stack: 'Ubuntu · Docker · Traefik · Authentik · CrowdSec · Gitea.',
|
||||
role: 'Operatør.',
|
||||
},
|
||||
sections: [
|
||||
@@ -154,7 +171,7 @@ export const homelab: Project = {
|
||||
blocks: [
|
||||
{
|
||||
type: 'p',
|
||||
text: 'En hjemmelab som kjører Ubuntu og Docker-baserte tjenester bak en nginx reverse proxy, med autentisering, overvåking og sikkerhetskopier. Det er her jeg får løpende, praktisk øving på utrulling, feilsøking og ekte drift — inkludert den egendriftede Gitea-instansen som denne siden bygges og rulles ut fra.',
|
||||
text: 'En Ubuntu 24.04-server som kjører rundt tretti Docker-tjenester bak en Traefik reverse proxy, med single sign-on, et lag for inntrengingsvern, DNS-filtrering og full CI/CD. Det er her jeg får løpende, praktisk øving på utrulling, sikkerhet og ekte drift — inkludert den egendriftede Gitea-instansen og runneren som bygger og ruller ut denne porteføljen.',
|
||||
},
|
||||
],
|
||||
},
|
||||
@@ -166,10 +183,11 @@ export const homelab: Project = {
|
||||
{
|
||||
type: 'ul',
|
||||
items: [
|
||||
'nginx reverse proxy som terminerer TLS foran hver tjeneste.',
|
||||
'Docker Compose-stacker for applikasjoner, hver isolert på eget nettverk.',
|
||||
'Autentisering foran interne verktøy; overvåking av oppetid og logger.',
|
||||
'Egendriftet Gitea med CI-runnere — utrullingsmålet for denne porteføljen.',
|
||||
'Traefik terminerer TLS og ruter alle tjenester, med Cloudflare foran, egne interne og eksterne entrypoints og HTTP/3.',
|
||||
'Authentik gir single sign-on som en Traefik forward-auth-middleware foran interne verktøy; CrowdSec legger til inntrengingsvern og Pi-hole håndterer DNS-filtrering.',
|
||||
'Gitea og en Gitea Actions-runner gir egendriftet git og CI/CD — bygge- og utrullingsmålet for denne siden.',
|
||||
'Docker-socketen eksponeres kun til Traefik gjennom en herdet socket-proxy, og hver applikasjon kjører på sitt eget isolerte Docker-nettverk.',
|
||||
'Portainer og Dozzle håndterer containere og logger; ved siden av kjører applikasjons-, media- og verktøystacker.',
|
||||
],
|
||||
},
|
||||
],
|
||||
@@ -181,7 +199,7 @@ export const homelab: Project = {
|
||||
blocks: [
|
||||
{
|
||||
type: 'p',
|
||||
text: 'Strammere verifisering av sikkerhetskopier og flere automatiske helsesjekker og varsling på tvers av stacken.',
|
||||
text: 'Legge ned den gamle WordPress-siden nå som denne porteføljen erstatter den, og deretter stramme inn verifisering av sikkerhetskopier og utvide automatiske helsesjekker og varsling på tvers av stacken.',
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import type { Project } from '@lib/schema';
|
||||
|
||||
/* InboxIntel case study. Source: F:\Documents\InboxIntel\InboxIntel (README + docs). */
|
||||
/* InboxIntel case study. Source: F:\Documents\InboxIntel\InboxIntel + current app mockups. */
|
||||
export const inboxintel: Project = {
|
||||
id: 'inboxintel',
|
||||
name: 'InboxIntel',
|
||||
@@ -8,11 +8,11 @@ export const inboxintel: Project = {
|
||||
status: 'in-development',
|
||||
template: 'case-study',
|
||||
stack: [
|
||||
{ name: '.NET 8', context: { en: 'ASP.NET Core', no: 'ASP.NET Core' } },
|
||||
{ name: 'PostgreSQL', context: { en: 'EF Core + Npgsql', no: 'EF Core + Npgsql' } },
|
||||
{ name: 'React 18', context: { en: 'Vite · Chart.js', no: 'Vite · Chart.js' } },
|
||||
{ name: 'Gmail API', context: { en: 'OAuth2 · Polly', no: 'OAuth2 · Polly' } },
|
||||
{ name: 'Serilog' },
|
||||
{ name: '.NET 10', context: { en: 'ASP.NET Core', no: 'ASP.NET Core' } },
|
||||
{ name: 'React', context: { en: 'TypeScript SPA', no: 'TypeScript-SPA' } },
|
||||
{ name: 'PostgreSQL', context: { en: 'EF Core · pgvector', no: 'EF Core · pgvector' } },
|
||||
{ name: 'Ollama', context: { en: 'embeddings · summaries', no: 'embeddings · sammendrag' } },
|
||||
{ name: 'Clean Architecture' },
|
||||
{ name: 'Docker' },
|
||||
],
|
||||
links: [],
|
||||
@@ -20,8 +20,8 @@ export const inboxintel: Project = {
|
||||
viewBox: '0 0 1120 300',
|
||||
title: { en: 'InboxIntel architecture', no: 'InboxIntel-arkitektur' },
|
||||
desc: {
|
||||
en: 'A React SPA calls an ASP.NET Core API layered as Clean Architecture (Api → Infrastructure → Application → Domain). A hosted background worker syncs the external Gmail API into PostgreSQL with Polly retry/backoff.',
|
||||
no: 'En React-app kaller et ASP.NET Core-API bygget som Clean Architecture (Api → Infrastructure → Application → Domain). En bakgrunnstjeneste synkroniserer det eksterne Gmail-API-et inn i PostgreSQL med Polly retry/backoff.',
|
||||
en: 'A React SPA calls an ASP.NET Core API layered as Clean Architecture. A hosted background worker syncs the external Gmail API into PostgreSQL with pgvector, and a local Ollama model produces the embeddings and summaries that power semantic search.',
|
||||
no: 'En React-app kaller et ASP.NET Core-API bygget som Clean Architecture. En bakgrunnstjeneste synkroniserer det eksterne Gmail-API-et inn i PostgreSQL med pgvector, og en lokal Ollama-modell lager embeddings og sammendrag som driver semantisk søk.',
|
||||
},
|
||||
nodes: [
|
||||
{
|
||||
@@ -32,7 +32,7 @@ export const inboxintel: Project = {
|
||||
h: 72,
|
||||
kind: 'internal',
|
||||
label: 'React SPA',
|
||||
sub: { en: 'Vite · Chart.js', no: 'Vite · Chart.js' },
|
||||
sub: { en: 'split-view · search', no: 'delt visning · søk' },
|
||||
},
|
||||
{
|
||||
id: 'api',
|
||||
@@ -44,6 +44,16 @@ export const inboxintel: Project = {
|
||||
label: 'ASP.NET Core API',
|
||||
sub: { en: 'Clean Architecture', no: 'Clean Architecture' },
|
||||
},
|
||||
{
|
||||
id: 'ollama',
|
||||
x: 290,
|
||||
y: 232,
|
||||
w: 200,
|
||||
h: 56,
|
||||
kind: 'internal',
|
||||
label: 'Ollama',
|
||||
sub: { en: 'embeddings · summaries', no: 'embeddings · sammendrag' },
|
||||
},
|
||||
{
|
||||
id: 'pg',
|
||||
x: 580,
|
||||
@@ -52,7 +62,7 @@ export const inboxintel: Project = {
|
||||
h: 64,
|
||||
kind: 'internal',
|
||||
label: 'PostgreSQL',
|
||||
sub: { en: 'EF Core · Npgsql', no: 'EF Core · Npgsql' },
|
||||
sub: { en: 'EF Core · pgvector', no: 'EF Core · pgvector' },
|
||||
},
|
||||
{
|
||||
id: 'worker',
|
||||
@@ -77,6 +87,7 @@ export const inboxintel: Project = {
|
||||
],
|
||||
edges: [
|
||||
{ d: 'M210 152 H290', kind: 'flow', label: '/api', labelX: 240, labelY: 144 },
|
||||
{ d: 'M390 188 V232', kind: 'flow', label: 'AI', labelX: 408, labelY: 216 },
|
||||
{ d: 'M490 134 L580 92', kind: 'flow' },
|
||||
{ d: 'M490 170 L580 192', kind: 'flow' },
|
||||
{ d: 'M670 160 V112', kind: 'flow' },
|
||||
@@ -85,42 +96,55 @@ export const inboxintel: Project = {
|
||||
},
|
||||
media: [
|
||||
{
|
||||
src: 'placeholder:inboxintel-dashboard',
|
||||
src: '/assets/projects/inboxintel/inbox.webp',
|
||||
width: 1600,
|
||||
height: 1000,
|
||||
alt: {
|
||||
en: 'InboxIntel draggable analytics dashboard with charts',
|
||||
no: 'InboxIntel dashbord med flyttbare analyse-widgets',
|
||||
en: 'InboxIntel split view: a persistent message list beside a resizable reading pane with an AI summary',
|
||||
no: 'InboxIntel delt visning: en fast meldingsliste ved siden av en justerbar leserute med AI-sammendrag',
|
||||
},
|
||||
caption: {
|
||||
en: 'Draggable analytics dashboard (react-grid-layout)',
|
||||
no: 'Dashbord med flyttbare widgets (react-grid-layout)',
|
||||
en: 'Split view — read and triage without ever opening a new tab',
|
||||
no: 'Delt visning — les og sorter uten å åpne en ny fane',
|
||||
},
|
||||
},
|
||||
{
|
||||
src: 'placeholder:inboxintel-cleanup',
|
||||
src: '/assets/projects/inboxintel/dashboard.webp',
|
||||
width: 1600,
|
||||
height: 1000,
|
||||
alt: {
|
||||
en: 'Bulk cleanup preview screen requiring explicit confirmation',
|
||||
no: 'Forhåndsvisning av masseopprydding som krever bekreftelse',
|
||||
en: 'InboxIntel analytics dashboard: inbox-health grade, emails by category, 90-day volume and top senders',
|
||||
no: 'InboxIntel dashbord: innboks-helse, e-post per kategori, 90-dagers volum og toppavsendere',
|
||||
},
|
||||
caption: {
|
||||
en: 'Cleanup preview — nothing is deleted without a confirmed flag',
|
||||
no: 'Oppryddings-forhåndsvisning — ingenting slettes uten bekreftelse',
|
||||
en: 'Analytics — an inbox-health grade, categories, volume trend and top senders',
|
||||
no: 'Analyse — innboks-helse, kategorier, volumtrend og toppavsendere',
|
||||
},
|
||||
},
|
||||
{
|
||||
src: '/assets/projects/inboxintel/search.webp',
|
||||
width: 1600,
|
||||
height: 1000,
|
||||
alt: {
|
||||
en: 'InboxIntel search: hybrid semantic and full-text results with why-matched highlights and relevance scores',
|
||||
no: 'InboxIntel søk: hybrid semantisk og fulltekst med treff-forklaring og relevans-score',
|
||||
},
|
||||
caption: {
|
||||
en: 'Search — hybrid semantic + full-text, with why-matched highlights and relevance',
|
||||
no: 'Søk — hybrid semantisk + fulltekst, med treff-forklaring og relevans',
|
||||
},
|
||||
},
|
||||
],
|
||||
content: {
|
||||
en: {
|
||||
valueProp:
|
||||
'Gmail analytics and safe bulk cleanup, built as a disciplined Clean Architecture.',
|
||||
'A self-hosted inbox intelligence and cleanup tool — semantic search, AI summaries and inbox-health analytics over your mail.',
|
||||
cardTeaser:
|
||||
'Gmail analytics and safe bulk cleanup — Clean Architecture, encrypted OAuth tokens, preview-before-delete by design.',
|
||||
'Self-hosted inbox intelligence — hybrid semantic + full-text search, AI summaries and inbox-health analytics, with safe cleanup by design.',
|
||||
tldr: {
|
||||
what: 'Gmail analytics, cleanup and unsubscribe management with a background sync worker.',
|
||||
why: 'To practise Clean Architecture properly and make destructive operations safe by design.',
|
||||
stack: '.NET 8 · PostgreSQL · React 18 · Gmail API · Serilog · Polly · Docker.',
|
||||
what: 'Inbox intelligence: split-view reading, semantic search, AI summaries, inbox-health analytics and safe cleanup.',
|
||||
why: 'To practise Clean Architecture properly, and make search useful and destructive operations safe by design.',
|
||||
stack: '.NET 10 · PostgreSQL + pgvector · React · Ollama · Docker · Clean Architecture.',
|
||||
role: 'Sole architect and developer, front to back.',
|
||||
},
|
||||
sections: [
|
||||
@@ -131,7 +155,7 @@ export const inboxintel: Project = {
|
||||
blocks: [
|
||||
{
|
||||
type: 'p',
|
||||
text: 'A busy inbox needs analytics and cleanup, but bulk operations on real mail are dangerous — one wrong filter can delete things you can’t get back. I built InboxIntel to explore two things at once: a clean, testable backend architecture, and destructive operations that are safe by construction.',
|
||||
text: 'A busy inbox is hard to search and dangerous to clean up — keyword search misses what you meant, and one wrong bulk filter deletes things you can’t get back. I built InboxIntel to make an inbox actually searchable (by meaning, not just words), understandable at a glance, and safe to tidy — all self-hosted, with a clean, testable backend.',
|
||||
},
|
||||
],
|
||||
},
|
||||
@@ -142,15 +166,15 @@ export const inboxintel: Project = {
|
||||
blocks: [
|
||||
{
|
||||
type: 'p',
|
||||
text: 'A four-project Clean Architecture solution behind a React SPA. The dependency rule points inward: Api → Infrastructure → Application → Domain. Controllers hold no business logic — they delegate to Application-layer service interfaces resolved through DI. A hosted background worker syncs Gmail into PostgreSQL with Polly retry and backoff.',
|
||||
text: 'A React SPA over an ASP.NET Core API built as Clean Architecture — the dependency rule points inward (Api → Infrastructure → Application → Domain), and controllers hold no business logic. A hosted background worker syncs Gmail into PostgreSQL; a local Ollama model generates embeddings (stored with pgvector) and message summaries, which power hybrid semantic + full-text search.',
|
||||
},
|
||||
{
|
||||
type: 'ul',
|
||||
items: [
|
||||
'Domain: entities and enums, no external dependencies.',
|
||||
'Application: service interfaces, DTOs, validators, the Gmail query parser.',
|
||||
'Infrastructure: EF Core, the Gmail client, the sync worker, AI and export.',
|
||||
'Api: ASP.NET Core controllers, auth, DI and Serilog — thin by design.',
|
||||
'Reading: a persistent list beside a resizable pane with an AI summary — triage without opening a new tab.',
|
||||
'Search: semantic (pgvector) + full-text, with why-matched highlights and a relevance score.',
|
||||
'Analytics: an inbox-health grade, emails by category, a 90-day volume trend and top senders.',
|
||||
'Cleanup: preview-then-confirm on every destructive action; the AI is advisory only.',
|
||||
],
|
||||
},
|
||||
],
|
||||
@@ -162,10 +186,10 @@ export const inboxintel: Project = {
|
||||
decisions: [
|
||||
{
|
||||
n: 1,
|
||||
choice: 'Full Clean Architecture across four projects.',
|
||||
alternative: 'A single project would have shipped faster.',
|
||||
choice: 'Local Ollama embeddings + pgvector for semantic search.',
|
||||
alternative: 'A hosted embeddings API and a vector database.',
|
||||
rationale:
|
||||
'I wanted the dependency rule to be enforced by the project structure, not by discipline alone. It costs more ceremony up front and pays back in testability and clear boundaries.',
|
||||
'Mail is private, so embeddings stay on my own hardware and live right next to the data in Postgres via pgvector — one datastore, no third party, no per-call cost. The trade-off is running the model myself.',
|
||||
},
|
||||
{
|
||||
n: 2,
|
||||
@@ -191,10 +215,10 @@ export const inboxintel: Project = {
|
||||
{
|
||||
type: 'ul',
|
||||
items: [
|
||||
'Gmail scopes are read/modify only — no send scope is ever requested.',
|
||||
'Polly provides retry and backoff against Gmail API rate limits and transient failures.',
|
||||
'FluentValidation on inputs; Serilog structured logging that never records tokens.',
|
||||
'Unit tests cover the query parser and unsubscribe extraction; integration tests boot the API host and assert authorization is enforced.',
|
||||
'Google-OAuth gated; Gmail scopes are read/modify only — no send scope is ever requested.',
|
||||
'Embeddings and summaries are generated locally (Ollama); mail never leaves the box for a third-party model.',
|
||||
'Polly retry/backoff against Gmail rate limits; Serilog structured logging that never records tokens.',
|
||||
'Clean Architecture keeps the layers testable; integration tests boot the API host and assert authorization.',
|
||||
],
|
||||
},
|
||||
],
|
||||
@@ -211,20 +235,21 @@ export const inboxintel: Project = {
|
||||
blocks: [
|
||||
{
|
||||
type: 'p',
|
||||
text: 'InboxIntel is in active development: the architecture is complete and the layers compile and are wired end to end, with a few integration points (Gmail parsing edge cases, AI prompt tuning) left as clearly-marked extension points. Next up is hardening those edges and expanding the integration-test suite.',
|
||||
text: 'In active development. Search, summaries and analytics work end to end; next up is tuning the semantic-recall thresholds, expanding the integration-test suite, and working toward connectors beyond Gmail so it becomes a genuinely universal inbox tool.',
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
no: {
|
||||
valueProp: 'Gmail-analyse og trygg masseopprydding, bygget som en ryddig Clean Architecture.',
|
||||
valueProp:
|
||||
'Et egendriftet verktøy for innboks-intelligens og opprydding — semantisk søk, AI-sammendrag og innboks-helse over e-posten din.',
|
||||
cardTeaser:
|
||||
'Gmail-analyse og trygg masseopprydding — Clean Architecture, krypterte OAuth-tokens, forhåndsvisning før sletting.',
|
||||
'Egendriftet innboks-intelligens — hybrid semantisk + fulltekst-søk, AI-sammendrag og innboks-helse, med trygg opprydding fra bunnen.',
|
||||
tldr: {
|
||||
what: 'Gmail-analyse, opprydding og avmeldingshåndtering med en bakgrunns-synk.',
|
||||
why: 'For å øve på Clean Architecture skikkelig og gjøre destruktive operasjoner trygge fra bunnen.',
|
||||
stack: '.NET 8 · PostgreSQL · React 18 · Gmail API · Serilog · Polly · Docker.',
|
||||
what: 'Innboks-intelligens: delt visning, semantisk søk, AI-sammendrag, innboks-helse og trygg opprydding.',
|
||||
why: 'For å øve på Clean Architecture skikkelig, gjøre søk nyttig og destruktive operasjoner trygge fra bunnen.',
|
||||
stack: '.NET 10 · PostgreSQL + pgvector · React · Ollama · Docker · Clean Architecture.',
|
||||
role: 'Eneste arkitekt og utvikler, fra ende til ende.',
|
||||
},
|
||||
sections: [
|
||||
@@ -235,7 +260,7 @@ export const inboxintel: Project = {
|
||||
blocks: [
|
||||
{
|
||||
type: 'p',
|
||||
text: 'En travel innboks trenger analyse og opprydding, men masseoperasjoner på ekte e-post er farlige — ett feil filter kan slette ting du ikke får tilbake. Jeg bygde InboxIntel for å utforske to ting samtidig: en ryddig, testbar backend-arkitektur, og destruktive operasjoner som er trygge fra bunnen.',
|
||||
text: 'En travel innboks er vanskelig å søke i og farlig å rydde i — nøkkelordsøk bommer på det du mente, og ett feil massefilter sletter ting du ikke får tilbake. Jeg bygde InboxIntel for å gjøre en innboks faktisk søkbar (på mening, ikke bare ord), forståelig med ett blikk, og trygg å rydde i — alt egendriftet, med en ryddig og testbar backend.',
|
||||
},
|
||||
],
|
||||
},
|
||||
@@ -246,15 +271,15 @@ export const inboxintel: Project = {
|
||||
blocks: [
|
||||
{
|
||||
type: 'p',
|
||||
text: 'En løsning med fire prosjekter i Clean Architecture bak en React-app. Avhengighetsregelen peker innover: Api → Infrastructure → Application → Domain. Kontrollerne har ingen forretningslogikk — de delegerer til tjenestegrensesnitt i Application-laget via DI. En bakgrunnstjeneste synkroniserer Gmail inn i PostgreSQL med Polly retry og backoff.',
|
||||
text: 'En React-app over et ASP.NET Core-API bygget som Clean Architecture — avhengighetsregelen peker innover (Api → Infrastructure → Application → Domain), og kontrollerne har ingen forretningslogikk. En bakgrunnstjeneste synkroniserer Gmail inn i PostgreSQL; en lokal Ollama-modell lager embeddings (lagret med pgvector) og sammendrag, som driver hybrid semantisk + fulltekst-søk.',
|
||||
},
|
||||
{
|
||||
type: 'ul',
|
||||
items: [
|
||||
'Domain: entiteter og enums, uten eksterne avhengigheter.',
|
||||
'Application: tjenestegrensesnitt, DTO-er, validatorer og Gmail-søkeparser.',
|
||||
'Infrastructure: EF Core, Gmail-klient, synk-tjeneste, AI og eksport.',
|
||||
'Api: ASP.NET Core-kontrollere, auth, DI og Serilog — tynt med hensikt.',
|
||||
'Lesing: en fast liste ved siden av en justerbar rute med AI-sammendrag — sorter uten å åpne en ny fane.',
|
||||
'Søk: semantisk (pgvector) + fulltekst, med treff-forklaring og relevans-score.',
|
||||
'Analyse: en innboks-helsekarakter, e-post per kategori, 90-dagers volumtrend og toppavsendere.',
|
||||
'Opprydding: forhåndsvis-så-bekreft på hver destruktive handling; AI-en er kun rådgivende.',
|
||||
],
|
||||
},
|
||||
],
|
||||
@@ -266,10 +291,10 @@ export const inboxintel: Project = {
|
||||
decisions: [
|
||||
{
|
||||
n: 1,
|
||||
choice: 'Full Clean Architecture over fire prosjekter.',
|
||||
alternative: 'Ett prosjekt hadde vært raskere å levere.',
|
||||
choice: 'Lokale Ollama-embeddings + pgvector for semantisk søk.',
|
||||
alternative: 'Et hostet embeddings-API og en egen vektordatabase.',
|
||||
rationale:
|
||||
'Jeg ville at avhengighetsregelen skulle håndheves av prosjektstrukturen, ikke bare av disiplin. Det koster mer seremoni i starten og betaler seg i testbarhet og tydelige grenser.',
|
||||
'E-post er privat, så embeddings blir på min egen maskin og ligger rett ved siden av dataene i Postgres via pgvector — én datalagring, ingen tredjepart, ingen kostnad per kall. Avveiningen er å drifte modellen selv.',
|
||||
},
|
||||
{
|
||||
n: 2,
|
||||
@@ -295,10 +320,10 @@ export const inboxintel: Project = {
|
||||
{
|
||||
type: 'ul',
|
||||
items: [
|
||||
'Gmail-scopes er kun lese/endre — send-scope blir aldri etterspurt.',
|
||||
'Polly gir retry og backoff mot Gmail-API-ets rategrenser og forbigående feil.',
|
||||
'FluentValidation på input; strukturert Serilog-logging som aldri lagrer tokens.',
|
||||
'Enhetstester dekker søkeparser og avmeldings-uttrekk; integrasjonstester starter API-verten og sjekker at autorisasjon håndheves.',
|
||||
'Google-OAuth-beskyttet; Gmail-scopes er kun lese/endre — send-scope blir aldri etterspurt.',
|
||||
'Embeddings og sammendrag lages lokalt (Ollama); e-post forlater aldri maskinen til en tredjepartsmodell.',
|
||||
'Polly retry/backoff mot Gmails rategrenser; strukturert Serilog-logging som aldri lagrer tokens.',
|
||||
'Clean Architecture holder lagene testbare; integrasjonstester starter API-verten og sjekker autorisasjon.',
|
||||
],
|
||||
},
|
||||
],
|
||||
@@ -315,7 +340,7 @@ export const inboxintel: Project = {
|
||||
blocks: [
|
||||
{
|
||||
type: 'p',
|
||||
text: 'InboxIntel er under aktiv utvikling: arkitekturen er komplett, lagene kompilerer og er koblet ende til ende, med noen integrasjonspunkter (kanttilfeller i Gmail-parsing, tuning av AI-prompter) igjen som tydelig markerte utvidelsespunkter. Neste steg er å herde disse kantene og utvide integrasjonstestene.',
|
||||
text: 'Under aktiv utvikling. Søk, sammendrag og analyse fungerer ende til ende; neste steg er å justere tersklene for semantisk gjenfinning, utvide integrasjonstestene, og jobbe mot koblinger utover Gmail slik at det blir et virkelig universelt innboks-verktøy.',
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
@@ -1,19 +1,18 @@
|
||||
import type { Project } from '@lib/schema';
|
||||
|
||||
/* JobTrack case study. Source: D:\Job tracker (README + website_details.md). */
|
||||
/* JobTrack case study. Source: D:\Job tracker + current app mockups. */
|
||||
export const jobtrack: Project = {
|
||||
id: 'jobtrack',
|
||||
name: 'JobTrack',
|
||||
order: 1,
|
||||
status: 'active',
|
||||
status: 'in-development',
|
||||
template: 'case-study',
|
||||
stack: [
|
||||
{ name: '.NET 9', context: { en: 'ASP.NET Core API', no: 'ASP.NET Core-API' } },
|
||||
{ name: 'React', context: { en: 'SPA frontend', no: 'SPA-frontend' } },
|
||||
{ name: 'TypeScript' },
|
||||
{ name: 'SQLite', context: { en: 'EF Core', no: 'EF Core' } },
|
||||
{ name: 'FastAPI', context: { en: 'Python AI service', no: 'Python AI-tjeneste' } },
|
||||
{ name: 'Ollama', context: { en: 'local LLM', no: 'lokal LLM' } },
|
||||
{ name: 'ASP.NET Core', context: { en: '.NET API', no: '.NET-API' } },
|
||||
{ name: 'React', context: { en: 'TypeScript SPA', no: 'TypeScript-SPA' } },
|
||||
{ name: 'EF Core' },
|
||||
{ name: 'FastAPI', context: { en: 'local AI service', no: 'lokal AI-tjeneste' } },
|
||||
{ name: 'Gmail OAuth' },
|
||||
{ name: 'Docker' },
|
||||
],
|
||||
links: [],
|
||||
@@ -21,8 +20,8 @@ export const jobtrack: Project = {
|
||||
viewBox: '0 0 1120 300',
|
||||
title: { en: 'JobTrack architecture', no: 'JobTrack-arkitektur' },
|
||||
desc: {
|
||||
en: 'A React single-page app talks to an ASP.NET Core API, which persists to SQLite and disk, calls a FastAPI/Ollama AI service, and imports from the external Gmail API over OAuth2.',
|
||||
no: 'En React-app snakker med et ASP.NET Core-API som lagrer til SQLite og disk, kaller en FastAPI/Ollama AI-tjeneste, og importerer fra det eksterne Gmail-API-et via OAuth2.',
|
||||
en: 'A React single-page app talks to an ASP.NET Core API, which persists via EF Core with attachments on disk, calls a FastAPI/Ollama AI service, and imports from the external Gmail API over OAuth2.',
|
||||
no: 'En React-app snakker med et ASP.NET Core-API som lagrer via EF Core med vedlegg på disk, kaller en FastAPI/Ollama AI-tjeneste, og importerer fra det eksterne Gmail-API-et via OAuth2.',
|
||||
},
|
||||
nodes: [
|
||||
{
|
||||
@@ -43,7 +42,7 @@ export const jobtrack: Project = {
|
||||
h: 72,
|
||||
kind: 'primary',
|
||||
label: 'ASP.NET Core API',
|
||||
sub: { en: '.NET 9 · auth · rules', no: '.NET 9 · auth · regler' },
|
||||
sub: { en: 'auth · rules · CV match', no: 'auth · regler · CV-match' },
|
||||
},
|
||||
{
|
||||
id: 'data',
|
||||
@@ -52,8 +51,8 @@ export const jobtrack: Project = {
|
||||
w: 180,
|
||||
h: 64,
|
||||
kind: 'internal',
|
||||
label: 'SQLite + files',
|
||||
sub: { en: 'EF Core · attachments', no: 'EF Core · vedlegg' },
|
||||
label: 'EF Core + files',
|
||||
sub: { en: 'data · attachments', no: 'data · vedlegg' },
|
||||
},
|
||||
{
|
||||
id: 'ai',
|
||||
@@ -85,55 +84,55 @@ export const jobtrack: Project = {
|
||||
},
|
||||
media: [
|
||||
{
|
||||
src: 'placeholder:jobtrack-table',
|
||||
src: '/assets/projects/jobtrack/workspace.webp',
|
||||
width: 1600,
|
||||
height: 1000,
|
||||
alt: {
|
||||
en: 'JobTrack applications table with status filters and search',
|
||||
no: 'JobTrack-søknadstabell med statusfiltre og søk',
|
||||
en: 'JobTrack job workspace: one application with its details, CV match and recruiter thread',
|
||||
no: 'JobTrack jobb-arbeidsrom: én søknad med detaljer, CV-match og rekruttør-tråd',
|
||||
},
|
||||
caption: {
|
||||
en: 'Applications table — pipeline at a glance',
|
||||
no: 'Søknadstabell — hele pipelinen samlet',
|
||||
en: 'Job workspace — everything about one application in one place',
|
||||
no: 'Jobb-arbeidsrom — alt om én søknad på ett sted',
|
||||
},
|
||||
},
|
||||
{
|
||||
src: 'placeholder:jobtrack-details',
|
||||
src: '/assets/projects/jobtrack/pipeline.webp',
|
||||
width: 1600,
|
||||
height: 1000,
|
||||
alt: {
|
||||
en: 'Job details dialog combining summary, notes, correspondence and attachments',
|
||||
no: 'Jobbdetaljer med sammendrag, notater, korrespondanse og vedlegg',
|
||||
en: 'JobTrack Kanban pipeline with applications across Applied, Waiting, Interview and Offer',
|
||||
no: 'JobTrack Kanban-pipeline med søknader fordelt på stadiene',
|
||||
},
|
||||
caption: {
|
||||
en: 'Job details — everything about one application in one place',
|
||||
no: 'Jobbdetaljer — alt om én søknad på ett sted',
|
||||
en: 'Pipeline — drag applications between stages, from Applied to Offer',
|
||||
no: 'Pipeline — dra søknader mellom stadier, fra Søkt til Tilbud',
|
||||
},
|
||||
},
|
||||
{
|
||||
src: 'placeholder:jobtrack-gmail',
|
||||
src: '/assets/projects/jobtrack/dashboard.webp',
|
||||
width: 1600,
|
||||
height: 1000,
|
||||
alt: {
|
||||
en: 'Gmail import view with smart query filters and thread import',
|
||||
no: 'Gmail-import med smarte søkefiltre og trådimport',
|
||||
en: 'JobTrack dashboard with response rate, funnel and time-in-stage',
|
||||
no: 'JobTrack-dashbord med svarrate, trakt og tid-per-stadium',
|
||||
},
|
||||
caption: {
|
||||
en: 'Gmail import — pull correspondence straight onto the application',
|
||||
no: 'Gmail-import — hent korrespondanse rett inn på søknaden',
|
||||
en: 'Dashboard — response rates, funnel and skill demand across the search',
|
||||
no: 'Dashbord — svarrater, trakt og etterspurte ferdigheter',
|
||||
},
|
||||
},
|
||||
],
|
||||
content: {
|
||||
en: {
|
||||
valueProp:
|
||||
'A job-application workspace covering the full journey from application to follow-up.',
|
||||
'An AI-assisted job-search workspace — import a role, tailor your CV, and track every application from applied to offer.',
|
||||
cardTeaser:
|
||||
'One workspace for the whole job-application journey — pipeline, correspondence, attachments, AI summaries.',
|
||||
'Import a role, tailor your CV, and track every application — recruiter threads and a Kanban pipeline in one workspace.',
|
||||
tldr: {
|
||||
what: 'Full-stack job-application tracker: pipeline, correspondence, attachments, analytics.',
|
||||
what: 'Full-stack job-search workspace: pipeline, CV match, Gmail threads, attachments, analytics.',
|
||||
why: 'A real problem — my own job search needed production-grade tooling, not a spreadsheet.',
|
||||
stack: 'React + ASP.NET Core + SQLite · FastAPI/Ollama AI service · Docker Compose.',
|
||||
stack: 'React + ASP.NET Core (EF Core) · FastAPI/Ollama local AI · Gmail OAuth · Docker.',
|
||||
role: 'Everything: product, backend, frontend, ops and security.',
|
||||
},
|
||||
sections: [
|
||||
@@ -144,7 +143,7 @@ export const jobtrack: Project = {
|
||||
blocks: [
|
||||
{
|
||||
type: 'p',
|
||||
text: 'A serious job search spreads across spreadsheets, email threads, notes apps and scattered documents. Nothing shows you, at a glance, which applications need attention or what was said last. I wanted one focused workspace — and I wanted to build it to the standard I would ship at work, not as a throwaway.',
|
||||
text: 'A serious job search spreads across spreadsheets, email threads, notes apps and scattered documents. Nothing shows you, at a glance, which applications need attention or what was said last. I wanted one focused workspace — from importing a role to the final offer — built to the standard I would ship at work, not as a throwaway.',
|
||||
},
|
||||
],
|
||||
},
|
||||
@@ -155,15 +154,15 @@ export const jobtrack: Project = {
|
||||
blocks: [
|
||||
{
|
||||
type: 'p',
|
||||
text: 'Four services behind one Docker Compose file. A React SPA talks to an ASP.NET Core (.NET 9) API that owns the domain logic and follow-up rules, persisting to SQLite via EF Core with attachments on disk. A small FastAPI service backed by a local Ollama model produces summaries and skill extraction, and the API imports correspondence from the Gmail API over OAuth2.',
|
||||
text: 'A React + TypeScript SPA talks to an ASP.NET Core API that owns the domain logic — pipeline, follow-up rules, CV keyword matching — persisting via EF Core with attachments on disk. A small FastAPI service backed by a local Ollama model drafts CVs, cover letters and follow-ups, and the API imports correspondence from the Gmail API over OAuth2. The whole thing runs behind one Docker Compose file.',
|
||||
},
|
||||
{
|
||||
type: 'ul',
|
||||
items: [
|
||||
'Frontend: React + TypeScript SPA, served by nginx, installable as a PWA with a mobile share-target for quick capture.',
|
||||
'API: ASP.NET Core, EF Core, rule-driven follow-up reminders, per-application history trail.',
|
||||
'AI: FastAPI wrapper over Ollama for short/full description summaries — advisory only.',
|
||||
'Integration: Gmail OAuth2 with smart query filters and single-message or full-thread import.',
|
||||
'Pipeline: a Kanban board — Applied, Waiting, Interview, Offer, Rejected, Ghosted — drag to update.',
|
||||
'CV match: deterministic keyword coverage (matched vs missing), not a black-box score.',
|
||||
'Gmail: import full threads over OAuth2; linked threads auto-refresh onto the right job.',
|
||||
'AI is assistive, never autonomous: it drafts, you always review and send — no auto-apply.',
|
||||
],
|
||||
},
|
||||
],
|
||||
@@ -178,22 +177,22 @@ export const jobtrack: Project = {
|
||||
choice: 'Run the AI locally with Ollama instead of a cloud API.',
|
||||
alternative: 'A hosted LLM API would have been faster to wire up.',
|
||||
rationale:
|
||||
'Job-search data is sensitive and I wanted zero per-call cost and no third party in the loop. The trade-off is more setup and heavier local resources — acceptable for a self-hosted, single-user tool.',
|
||||
'Job-search data is sensitive and I wanted zero per-call cost and no third party in the loop. The trade-off is more setup and heavier local resources — acceptable for a self-hosted tool.',
|
||||
},
|
||||
{
|
||||
n: 2,
|
||||
choice: 'Make CV matching deterministic, not an AI score.',
|
||||
alternative: 'Let the model rate the fit.',
|
||||
rationale:
|
||||
'A number a candidate can’t interrogate is useless. Deterministic keyword coverage shows exactly which terms matched and which are missing, so the advice is honest and actionable.',
|
||||
},
|
||||
{
|
||||
n: 3,
|
||||
choice: 'Ship the PWA with no offline service-worker cache.',
|
||||
alternative: 'A cache would enable full offline use.',
|
||||
rationale:
|
||||
'I deploy frequently, so an aggressive cache risks serving stale builds — a worse failure than a brief offline gap. The manifest still provides installability and share-to-capture. A deliberate anti-feature.',
|
||||
},
|
||||
{
|
||||
n: 3,
|
||||
choice: 'SQLite rather than PostgreSQL.',
|
||||
alternative: 'Postgres is the default reach for a web backend.',
|
||||
rationale:
|
||||
'This is a single-user app; SQLite removes an entire service with no practical downside here. If it ever went multi-tenant, moving to Postgres via EF Core is a contained change.',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -206,8 +205,8 @@ export const jobtrack: Project = {
|
||||
items: [
|
||||
'Optional Google sign-in (Google ID tokens) protects the API; every record is scoped to its owner.',
|
||||
'File uploads are validated and stored per-application with ownership checks on every access.',
|
||||
'The AI layer is advisory only — it never performs destructive actions.',
|
||||
'Runs as a reproducible Docker Compose stack with a documented .env; scheduled JSON/CSV exports for data portability.',
|
||||
'The AI layer is advisory only — it drafts, it never sends or auto-applies.',
|
||||
'Runs as a reproducible Docker Compose stack with a documented .env; JSON/CSV exports for data portability.',
|
||||
],
|
||||
},
|
||||
],
|
||||
@@ -219,25 +218,26 @@ export const jobtrack: Project = {
|
||||
},
|
||||
{
|
||||
kind: 'next',
|
||||
heading: 'What I’d improve next',
|
||||
heading: 'Status & what’s next',
|
||||
anchorId: 'next',
|
||||
blocks: [
|
||||
{
|
||||
type: 'p',
|
||||
text: 'The rules engine for follow-ups is simple date logic; I’d make it configurable per pipeline stage. I’d also add a proper integration-test pass around the Gmail import edge cases, and tighten the summariser prompts now that I have real usage to learn from.',
|
||||
text: 'In active development. The follow-up rules are simple date logic I’d like to make configurable per stage; next up is a proper integration-test pass around the Gmail import edge cases and tighter grounding on the AI drafts now that I have real usage to learn from.',
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
no: {
|
||||
valueProp: 'Et arbeidsrom for jobbsøking som dekker hele reisen fra søknad til oppfølging.',
|
||||
valueProp:
|
||||
'Et AI-assistert arbeidsrom for jobbsøking — importer en stilling, tilpass CV-en, og følg hver søknad fra søkt til tilbud.',
|
||||
cardTeaser:
|
||||
'Ett arbeidsrom for hele jobbsøkerreisen — pipeline, korrespondanse, vedlegg og AI-sammendrag.',
|
||||
'Importer en stilling, tilpass CV-en, og følg hver søknad — rekruttør-tråder og en Kanban-pipeline i ett arbeidsrom.',
|
||||
tldr: {
|
||||
what: 'Fullstack jobbsøknads-tracker: pipeline, korrespondanse, vedlegg og analyse.',
|
||||
what: 'Fullstack arbeidsrom for jobbsøking: pipeline, CV-match, Gmail-tråder, vedlegg og analyse.',
|
||||
why: 'Et ekte problem — min egen jobbsøking trengte skikkelig verktøy, ikke et regneark.',
|
||||
stack: 'React + ASP.NET Core + SQLite · FastAPI/Ollama AI-tjeneste · Docker Compose.',
|
||||
stack: 'React + ASP.NET Core (EF Core) · FastAPI/Ollama lokal AI · Gmail OAuth · Docker.',
|
||||
role: 'Alt: produkt, backend, frontend, drift og sikkerhet.',
|
||||
},
|
||||
sections: [
|
||||
@@ -248,7 +248,7 @@ export const jobtrack: Project = {
|
||||
blocks: [
|
||||
{
|
||||
type: 'p',
|
||||
text: 'En seriøs jobbsøking sprer seg over regneark, e-posttråder, notatapper og løse dokumenter. Ingenting viser deg med ett blikk hvilke søknader som trenger oppfølging, eller hva som sist ble sagt. Jeg ville ha ett samlet arbeidsrom — og bygge det til samme standard som jeg leverer på jobb, ikke som noe engangs.',
|
||||
text: 'En seriøs jobbsøking sprer seg over regneark, e-posttråder, notatapper og løse dokumenter. Ingenting viser deg med ett blikk hvilke søknader som trenger oppfølging, eller hva som sist ble sagt. Jeg ville ha ett samlet arbeidsrom — fra import av en stilling til endelig tilbud — bygget til samme standard som jeg leverer på jobb.',
|
||||
},
|
||||
],
|
||||
},
|
||||
@@ -259,15 +259,15 @@ export const jobtrack: Project = {
|
||||
blocks: [
|
||||
{
|
||||
type: 'p',
|
||||
text: 'Fire tjenester bak én Docker Compose-fil. En React-app snakker med et ASP.NET Core-API (.NET 9) som eier domenelogikken og oppfølgingsreglene, og lagrer til SQLite via EF Core med vedlegg på disk. En liten FastAPI-tjeneste med en lokal Ollama-modell lager sammendrag og trekker ut ferdigheter, og API-et importerer korrespondanse fra Gmail-API-et via OAuth2.',
|
||||
text: 'En React + TypeScript-SPA snakker med et ASP.NET Core-API som eier domenelogikken — pipeline, oppfølgingsregler, CV-nøkkelordmatch — og lagrer via EF Core med vedlegg på disk. En liten FastAPI-tjeneste med en lokal Ollama-modell skriver utkast til CV, søknadsbrev og oppfølging, og API-et importerer korrespondanse fra Gmail-API-et via OAuth2. Alt kjører bak én Docker Compose-fil.',
|
||||
},
|
||||
{
|
||||
type: 'ul',
|
||||
items: [
|
||||
'Frontend: React + TypeScript, servert av nginx, installerbar som PWA med share-target for rask registrering.',
|
||||
'API: ASP.NET Core, EF Core, regelstyrte oppfølgingspåminnelser og historikk per søknad.',
|
||||
'AI: FastAPI over Ollama for korte og fulle sammendrag — kun rådgivende.',
|
||||
'Integrasjon: Gmail OAuth2 med smarte søkefiltre og import av enkeltmeldinger eller hele tråder.',
|
||||
'Pipeline: et Kanban-brett — Søkt, Venter, Intervju, Tilbud, Avslått, Ghostet — dra for å oppdatere.',
|
||||
'CV-match: deterministisk nøkkelorddekning (treff vs. mangler), ikke en svart boks.',
|
||||
'Gmail: importer hele tråder via OAuth2; koblede tråder oppdateres automatisk på riktig jobb.',
|
||||
'AI-en er assisterende, aldri autonom: den skriver utkast, du gjennomgår og sender — ingen auto-søking.',
|
||||
],
|
||||
},
|
||||
],
|
||||
@@ -282,22 +282,22 @@ export const jobtrack: Project = {
|
||||
choice: 'Kjøre AI-en lokalt med Ollama i stedet for et sky-API.',
|
||||
alternative: 'Et hostet LLM-API hadde vært raskere å koble til.',
|
||||
rationale:
|
||||
'Jobbsøkerdata er sensitivt, og jeg ville ha null kostnad per kall og ingen tredjepart i loopen. Avveiningen er mer oppsett og tyngre lokale ressurser — greit for et egendriftet verktøy med én bruker.',
|
||||
'Jobbsøkerdata er sensitivt, og jeg ville ha null kostnad per kall og ingen tredjepart i loopen. Avveiningen er mer oppsett og tyngre lokale ressurser — greit for et egendriftet verktøy.',
|
||||
},
|
||||
{
|
||||
n: 2,
|
||||
choice: 'Gjøre CV-matchen deterministisk, ikke en AI-score.',
|
||||
alternative: 'La modellen vurdere treffet.',
|
||||
rationale:
|
||||
'Et tall du ikke kan etterprøve er ubrukelig. Deterministisk nøkkelorddekning viser nøyaktig hvilke ord som traff og hvilke som mangler, så rådet er ærlig og handlingsrettet.',
|
||||
},
|
||||
{
|
||||
n: 3,
|
||||
choice: 'Levere PWA-en uten offline-cache i service-workeren.',
|
||||
alternative: 'En cache ville gitt full offline-bruk.',
|
||||
rationale:
|
||||
'Jeg ruller ut ofte, så en aggressiv cache risikerer å servere utdaterte bygg — en verre feil enn et kort offline-hull. Manifestet gir fortsatt installerbarhet og share-to-capture. En bevisst anti-funksjon.',
|
||||
},
|
||||
{
|
||||
n: 3,
|
||||
choice: 'SQLite framfor PostgreSQL.',
|
||||
alternative: 'Postgres er standardvalget for en web-backend.',
|
||||
rationale:
|
||||
'Dette er en app for én bruker; SQLite fjerner en hel tjeneste uten praktisk ulempe her. Skulle den bli fler-bruker, er overgang til Postgres via EF Core en avgrenset endring.',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -310,8 +310,8 @@ export const jobtrack: Project = {
|
||||
items: [
|
||||
'Valgfri Google-innlogging (Google ID-tokens) beskytter API-et; hver post er knyttet til sin eier.',
|
||||
'Filopplastinger valideres og lagres per søknad, med eierskapssjekk ved hvert tilgangspunkt.',
|
||||
'AI-laget er kun rådgivende — det utfører aldri destruktive handlinger.',
|
||||
'Kjører som en reproduserbar Docker Compose-stack med dokumentert .env; planlagte JSON/CSV-eksporter for dataportabilitet.',
|
||||
'AI-laget er kun rådgivende — det skriver utkast, det sender aldri og søker aldri automatisk.',
|
||||
'Kjører som en reproduserbar Docker Compose-stack med dokumentert .env; JSON/CSV-eksport for dataportabilitet.',
|
||||
],
|
||||
},
|
||||
],
|
||||
@@ -323,12 +323,12 @@ export const jobtrack: Project = {
|
||||
},
|
||||
{
|
||||
kind: 'next',
|
||||
heading: 'Hva jeg ville forbedret',
|
||||
heading: 'Status og veien videre',
|
||||
anchorId: 'videre',
|
||||
blocks: [
|
||||
{
|
||||
type: 'p',
|
||||
text: 'Regelmotoren for oppfølging er enkel datologikk; jeg ville gjort den konfigurerbar per pipeline-steg. Jeg ville også lagt til skikkelige integrasjonstester rundt kanttilfellene i Gmail-importen, og strammet inn sammendrags-promptene nå som jeg har ekte bruk å lære av.',
|
||||
text: 'Under aktiv utvikling. Oppfølgingsreglene er enkel datologikk jeg vil gjøre konfigurerbar per stadium; neste steg er skikkelige integrasjonstester rundt kanttilfellene i Gmail-importen og strammere forankring av AI-utkastene nå som jeg har ekte bruk å lære av.',
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
@@ -49,7 +49,7 @@ export function buildJsonLd(
|
||||
addressLocality: 'Tønsberg',
|
||||
addressCountry: 'NO',
|
||||
},
|
||||
sameAs: [p.links.linkedin, p.links.gitea],
|
||||
sameAs: [p.links.linkedin],
|
||||
knowsLanguage: ['en', 'nb'],
|
||||
knowsAbout: ['C#', '.NET', 'React', 'TypeScript', 'Python', 'SQL', 'Docker', 'Linux'],
|
||||
};
|
||||
|
||||
@@ -1,19 +1,21 @@
|
||||
/*
|
||||
Theme toggle (A6). The no-flash init in ThemeScript already set data-theme before
|
||||
paint; this only wires the button, persists the choice, and keeps the aria-label
|
||||
describing the *next* action. Fail-silent if the button is absent.
|
||||
paint; this wires every toggle (header + mobile nav), persists the choice, and keeps
|
||||
each aria-label describing the *next* action. Fail-silent if none are present.
|
||||
*/
|
||||
const html = document.documentElement;
|
||||
const btn = document.getElementById('theme-toggle');
|
||||
const toggles = document.querySelectorAll<HTMLElement>('[data-theme-toggle]');
|
||||
|
||||
function labelFor(theme: string): string {
|
||||
if (!btn) return '';
|
||||
return theme === 'dark' ? (btn.dataset.toLight ?? '') : (btn.dataset.toDark ?? '');
|
||||
function label(el: HTMLElement, theme: string): string {
|
||||
return theme === 'dark' ? (el.dataset.toLight ?? '') : (el.dataset.toDark ?? '');
|
||||
}
|
||||
function syncLabels(theme: string): void {
|
||||
toggles.forEach((el) => el.setAttribute('aria-label', label(el, theme)));
|
||||
}
|
||||
|
||||
if (btn) {
|
||||
btn.setAttribute('aria-label', labelFor(html.dataset.theme ?? 'dark'));
|
||||
btn.addEventListener('click', () => {
|
||||
syncLabels(html.dataset.theme ?? 'dark');
|
||||
toggles.forEach((el) =>
|
||||
el.addEventListener('click', () => {
|
||||
const next = html.dataset.theme === 'light' ? 'dark' : 'light';
|
||||
html.dataset.theme = next;
|
||||
try {
|
||||
@@ -21,6 +23,6 @@ if (btn) {
|
||||
} catch {
|
||||
/* private mode — ignore */
|
||||
}
|
||||
btn.setAttribute('aria-label', labelFor(next));
|
||||
});
|
||||
}
|
||||
syncLabels(next);
|
||||
}),
|
||||
);
|
||||
|
||||
@@ -11,13 +11,13 @@ export default defineConfig({
|
||||
retries: process.env.CI ? 1 : 0,
|
||||
reporter: process.env.CI ? [['list'], ['html', { open: 'never' }]] : 'list',
|
||||
use: {
|
||||
baseURL: 'http://localhost:4321',
|
||||
baseURL: 'http://localhost:4399',
|
||||
trace: 'on-first-retry',
|
||||
},
|
||||
projects: [{ name: 'chromium', use: { ...devices['Desktop Chrome'] } }],
|
||||
webServer: {
|
||||
command: 'pnpm -C ../site build && pnpm -C ../site preview --port 4321 --host',
|
||||
url: 'http://localhost:4321/',
|
||||
command: 'pnpm -C ../site build && pnpm -C ../site preview --port 4399 --host',
|
||||
url: 'http://localhost:4399/',
|
||||
timeout: 180_000,
|
||||
reuseExistingServer: !process.env.CI,
|
||||
},
|
||||
|
||||
@@ -0,0 +1,28 @@
|
||||
# CV generator
|
||||
|
||||
Produces Connor Babbington's CV in both languages as **ATS-safe PDFs** (single column,
|
||||
real text, standard headings, no letter-spacing tricks) and as editable **.docx**.
|
||||
|
||||
Content lives in [`content.js`](content.js) — the single source, mirroring
|
||||
`docs/design/02-ux/CANONICAL_CONTENT.md`. Positioning is "Systems Developer, eight
|
||||
years' experience" (not "mid-level"); the council role shows the apprentice→developer
|
||||
progression; a Projects section is included; Norwegian is written natively.
|
||||
|
||||
## Regenerate
|
||||
|
||||
```bash
|
||||
cd tools/cv
|
||||
npm install
|
||||
npm run pdf # -> connor-babbington-cv-en.pdf / -no.pdf (deploy these to site/public/cv/)
|
||||
npm run docx # -> Connor-Babbington-CV-EN.docx / -NO.docx (editable source)
|
||||
```
|
||||
|
||||
Then copy the PDFs into `site/public/cv/` (same filenames) — the site links to those
|
||||
stable URLs, so sharing links always fetch the newest CV.
|
||||
|
||||
## Notes
|
||||
|
||||
- The download default on the site is the **ATS-safe PDF** (these files).
|
||||
- The current PDFs replaced the original two-column, letter-spaced CVs, which parsed
|
||||
as scrambled text in applicant-tracking systems.
|
||||
- `.docx` files are kept for easy manual editing; re-export or regenerate after edits.
|
||||
@@ -0,0 +1,216 @@
|
||||
const fs = require('fs');
|
||||
const {
|
||||
Document, Packer, Paragraph, TextRun, ExternalHyperlink,
|
||||
AlignmentType, LevelFormat, TabStopType, BorderStyle, HeadingLevel,
|
||||
} = require('docx');
|
||||
|
||||
// A4, 1 inch margins. Content width = 11906 - 2*1440 = 9026 DXA.
|
||||
const CONTENT_W = 9026;
|
||||
|
||||
function styles() {
|
||||
return {
|
||||
default: { document: { run: { font: 'Arial', size: 21 } } }, // 10.5pt
|
||||
paragraphStyles: [
|
||||
{ id: 'Heading2', name: 'Heading 2', basedOn: 'Normal', next: 'Normal', quickFormat: true,
|
||||
run: { size: 24, bold: true, font: 'Arial', color: '1A1A1A' },
|
||||
paragraph: {
|
||||
spacing: { before: 280, after: 120 }, outlineLevel: 1,
|
||||
border: { bottom: { style: BorderStyle.SINGLE, size: 6, color: 'B0B0B0', space: 4 } },
|
||||
} },
|
||||
],
|
||||
};
|
||||
}
|
||||
|
||||
const numbering = {
|
||||
config: [{
|
||||
reference: 'b',
|
||||
levels: [{ level: 0, format: LevelFormat.BULLET, text: '•', alignment: AlignmentType.LEFT,
|
||||
style: { paragraph: { indent: { left: 360, hanging: 220 } } } }],
|
||||
}],
|
||||
};
|
||||
|
||||
const bullet = (text) =>
|
||||
new Paragraph({ numbering: { reference: 'b', level: 0 }, spacing: { after: 40 },
|
||||
children: [new TextRun(text)] });
|
||||
|
||||
const heading = (text) => new Paragraph({ heading: HeadingLevel.HEADING_2, children: [new TextRun(text)] });
|
||||
|
||||
// Role line: "Role — Org" left, dates right (tab stop).
|
||||
const roleLine = (left, dates) =>
|
||||
new Paragraph({
|
||||
spacing: { before: 120, after: 0 },
|
||||
tabStops: [{ type: TabStopType.RIGHT, position: CONTENT_W }],
|
||||
children: [new TextRun({ text: left, bold: true }), new TextRun({ text: `\t${dates}`, color: '555555' })],
|
||||
});
|
||||
|
||||
const note = (text) =>
|
||||
new Paragraph({ spacing: { after: 40 }, children: [new TextRun({ text, italics: true, color: '555555' })] });
|
||||
|
||||
const skillLine = (group, items) =>
|
||||
new Paragraph({ spacing: { after: 40 },
|
||||
children: [new TextRun({ text: `${group}: `, bold: true }), new TextRun(items)] });
|
||||
|
||||
const projectLine = (name, desc) =>
|
||||
new Paragraph({ numbering: { reference: 'b', level: 0 }, spacing: { after: 40 },
|
||||
children: [new TextRun({ text: `${name} — `, bold: true }), new TextRun(desc)] });
|
||||
|
||||
function buildCv(c) {
|
||||
const children = [];
|
||||
|
||||
// Name + title
|
||||
children.push(new Paragraph({ spacing: { after: 0 },
|
||||
children: [new TextRun({ text: c.name, bold: true, size: 40 })] }));
|
||||
children.push(new Paragraph({ spacing: { after: 60 },
|
||||
children: [new TextRun({ text: c.title, size: 24, color: '333333' })] }));
|
||||
|
||||
// Contact (with hyperlinks), rule beneath
|
||||
children.push(new Paragraph({
|
||||
spacing: { after: 20 },
|
||||
children: [
|
||||
new TextRun(`${c.location} · `),
|
||||
new ExternalHyperlink({ link: `mailto:${c.email}`, children: [new TextRun({ text: c.email, style: 'Hyperlink' })] }),
|
||||
new TextRun(` · ${c.phone}`),
|
||||
],
|
||||
}));
|
||||
children.push(new Paragraph({
|
||||
spacing: { after: 40 },
|
||||
border: { bottom: { style: BorderStyle.SINGLE, size: 6, color: 'B0B0B0', space: 6 } },
|
||||
children: [
|
||||
new ExternalHyperlink({ link: 'https://cesnimda.co.uk', children: [new TextRun({ text: 'cesnimda.co.uk', style: 'Hyperlink' })] }),
|
||||
new TextRun(' · '),
|
||||
new ExternalHyperlink({ link: 'https://cesnimda.co.uk/Linkedin', children: [new TextRun({ text: 'LinkedIn', style: 'Hyperlink' })] }),
|
||||
],
|
||||
}));
|
||||
|
||||
// Summary
|
||||
children.push(heading(c.t.summary));
|
||||
children.push(new Paragraph({ spacing: { after: 40 }, children: [new TextRun(c.summary)] }));
|
||||
|
||||
// Skills
|
||||
children.push(heading(c.t.skills));
|
||||
for (const s of c.skills) children.push(skillLine(s.group, s.items));
|
||||
|
||||
// Experience
|
||||
children.push(heading(c.t.experience));
|
||||
for (const e of c.experience) {
|
||||
children.push(roleLine(`${e.role} — ${e.org}`, e.dates));
|
||||
if (e.note) children.push(note(e.note));
|
||||
for (const b of e.bullets) children.push(bullet(b));
|
||||
}
|
||||
|
||||
// Earlier roles
|
||||
children.push(new Paragraph({ spacing: { before: 100, after: 20 },
|
||||
children: [new TextRun({ text: c.t.earlier, bold: true })] }));
|
||||
for (const r of c.earlier) children.push(bullet(r));
|
||||
|
||||
// Projects
|
||||
children.push(heading(c.t.projects));
|
||||
for (const p of c.projects) children.push(projectLine(p.name, p.desc));
|
||||
|
||||
// Education
|
||||
children.push(heading(c.t.education));
|
||||
children.push(roleLine(c.education.qual, c.education.dates));
|
||||
children.push(new Paragraph({ children: [new TextRun(c.education.org)] }));
|
||||
|
||||
return new Document({
|
||||
styles: styles(),
|
||||
numbering,
|
||||
sections: [{
|
||||
properties: { page: { size: { width: 11906, height: 16838 }, margin: { top: 1440, right: 1440, bottom: 1440, left: 1440 } } },
|
||||
children,
|
||||
}],
|
||||
});
|
||||
}
|
||||
|
||||
const EN = {
|
||||
name: 'Connor Babbington',
|
||||
title: 'Systems Developer',
|
||||
location: 'Tønsberg, Norway',
|
||||
email: 'connor.babbington@cesnimda.co.uk',
|
||||
phone: '+47 41 33 44 70',
|
||||
t: { summary: 'Professional Summary', skills: 'Core Skills', experience: 'Experience',
|
||||
earlier: 'Earlier roles (part-time, alongside the above)', projects: 'Projects', education: 'Education' },
|
||||
summary:
|
||||
"Systems developer with eight years' experience building and maintaining production software for UK local government. A backend-leaning full-stack developer across C#, .NET, Python, JavaScript/TypeScript and SQL, with hands-on DevOps in Docker, Linux, CI/CD, Azure DevOps and GitHub. I turn stakeholder requirements into reliable, well-tested systems and support them in production. Based in Tønsberg with a valid residence permit. Native English speaker; Norwegian at B1 and actively developing. Open to remote, hybrid or on-site roles.",
|
||||
skills: [
|
||||
{ group: 'Development', items: 'C#, .NET, Python, JavaScript, TypeScript, React, SQL' },
|
||||
{ group: 'DevOps & Infrastructure', items: 'Docker, Linux, CI/CD, Azure DevOps, GitHub, nginx / reverse proxies, monitoring, self-hosting' },
|
||||
{ group: 'Practices', items: 'Testing, security hardening, OAuth2 integrations, production support, stakeholder communication' },
|
||||
],
|
||||
experience: [
|
||||
{ role: 'System Developer', org: 'Warwickshire County Council, UK', dates: '2015–2023',
|
||||
note: 'The first two years were completed as an apprenticeship.',
|
||||
bullets: [
|
||||
'Worked on the county-wide highways and streetlight fault-reporting system used across Warwickshire.',
|
||||
'Designed, built and maintained full-stack applications in C#, Python, Ruby on Rails, SQL and JavaScript.',
|
||||
'Delivered reliable, well-tested software and resolved stability and performance issues on live systems.',
|
||||
'Owned deployments and production troubleshooting, and strengthened permissions and reliability.',
|
||||
'Guided colleagues on best practices for code and process.',
|
||||
] },
|
||||
{ role: 'Independent Development & Norwegian Study', org: 'Tønsberg, Norway', dates: '2023–Present',
|
||||
bullets: [
|
||||
'Building and self-hosting full-stack products (see Projects) while developing Norwegian language skills.',
|
||||
] },
|
||||
],
|
||||
earlier: [
|
||||
'Sales Representative — Royal Vapes, UK (2017–2021)',
|
||||
'Bartender — The Hodcarrier, UK (2016–2018)',
|
||||
'Receptionist — Nuffield Health, UK (2014–2015)',
|
||||
],
|
||||
projects: [
|
||||
{ name: 'JobTrack', desc: 'Full-stack job-application tracker (React, ASP.NET Core, SQLite, Docker) with a local AI summariser and Gmail integration.' },
|
||||
{ name: 'InboxIntel', desc: 'Gmail analytics and safe bulk-cleanup tool built as Clean Architecture in .NET 8 with PostgreSQL and encrypted OAuth tokens.' },
|
||||
{ name: 'Self-hosted infrastructure lab', desc: 'Ubuntu, Docker, nginx reverse proxy, authentication, monitoring and a self-hosted Gitea instance.' },
|
||||
],
|
||||
education: { qual: 'Extended Diploma — NVQ Level 3 in ICT', org: 'Warwickshire College, UK', dates: '2012–2015' },
|
||||
};
|
||||
|
||||
const NO = {
|
||||
name: 'Connor Babbington',
|
||||
title: 'Systemutvikler',
|
||||
location: 'Tønsberg',
|
||||
email: 'connor.babbington@cesnimda.co.uk',
|
||||
phone: '+47 41 33 44 70',
|
||||
t: { summary: 'Sammendrag', skills: 'Kjernekompetanse', experience: 'Erfaring',
|
||||
earlier: 'Tidligere roller (deltid, ved siden av)', projects: 'Prosjekter', education: 'Utdanning' },
|
||||
summary:
|
||||
'Systemutvikler med åtte års erfaring med å bygge og vedlikeholde produksjonssystemer i britisk offentlig sektor. Fullstack-utvikler med tyngde på backend i C#, .NET, Python, JavaScript/TypeScript og SQL, med praktisk DevOps i Docker, Linux, CI/CD, Azure DevOps og GitHub. Jeg omsetter behov fra brukere og interessenter til pålitelige, godt testede systemer og drifter dem i produksjon. Bosatt i Tønsberg med gyldig oppholdstillatelse. Engelsk morsmål; norsk på B1-nivå og i aktiv utvikling. Åpen for remote, hybrid eller stedbaserte roller.',
|
||||
skills: [
|
||||
{ group: 'Utvikling', items: 'C#, .NET, Python, JavaScript, TypeScript, React, SQL' },
|
||||
{ group: 'DevOps og infrastruktur', items: 'Docker, Linux, CI/CD, Azure DevOps, GitHub, nginx / reverse proxy, overvåking, egendrift' },
|
||||
{ group: 'Arbeidsmåte', items: 'Testing, sikkerhet, OAuth2-integrasjoner, driftsstøtte, kommunikasjon med interessenter' },
|
||||
],
|
||||
experience: [
|
||||
{ role: 'Systemutvikler', org: 'Warwickshire County Council, UK', dates: '2015–2023',
|
||||
note: 'De to første årene var en lærlingperiode.',
|
||||
bullets: [
|
||||
'Jobbet på det fylkesdekkende systemet for feilmelding av veilys og veier, brukt i hele Warwickshire.',
|
||||
'Designet, bygde og vedlikeholdt fullstack-applikasjoner i C#, Python, Ruby on Rails, SQL og JavaScript.',
|
||||
'Leverte pålitelig, godt testet programvare og løste stabilitets- og ytelsesproblemer i produksjon.',
|
||||
'Hadde ansvar for utrulling og feilsøking i drift, og styrket tilganger og pålitelighet.',
|
||||
'Veiledet kollegaer i beste praksis for kode og prosess.',
|
||||
] },
|
||||
{ role: 'Egen produktutvikling og norskkurs', org: 'Tønsberg', dates: '2023–nå',
|
||||
bullets: [
|
||||
'Bygger og drifter egne fullstack-produkter (se Prosjekter) samtidig som jeg utvikler norskkunnskapene.',
|
||||
] },
|
||||
],
|
||||
earlier: [
|
||||
'Salgsrepresentant — Royal Vapes, UK (2017–2021)',
|
||||
'Bartender — The Hodcarrier, UK (2016–2018)',
|
||||
'Resepsjonist — Nuffield Health, UK (2014–2015)',
|
||||
],
|
||||
projects: [
|
||||
{ name: 'JobTrack', desc: 'Fullstack jobbsøknads-tracker (React, ASP.NET Core, SQLite, Docker) med lokal AI-oppsummering og Gmail-integrasjon.' },
|
||||
{ name: 'InboxIntel', desc: 'Verktøy for Gmail-analyse og trygg masseopprydding, bygget som Clean Architecture i .NET 8 med PostgreSQL og krypterte OAuth-tokens.' },
|
||||
{ name: 'Egendriftet hjemmelab', desc: 'Ubuntu, Docker, nginx reverse proxy, autentisering, overvåking og egen Gitea-instans.' },
|
||||
],
|
||||
education: { qual: 'Extended Diploma — NVQ nivå 3 i IKT', org: 'Warwickshire College, UK', dates: '2012–2015' },
|
||||
};
|
||||
|
||||
async function main() {
|
||||
await Packer.toBuffer(buildCv(EN)).then((b) => fs.writeFileSync('Connor-Babbington-CV-EN.docx', b));
|
||||
await Packer.toBuffer(buildCv(NO)).then((b) => fs.writeFileSync('Connor-Babbington-CV-NO.docx', b));
|
||||
console.log('wrote EN + NO docx');
|
||||
}
|
||||
main();
|
||||
@@ -0,0 +1,107 @@
|
||||
const fs = require('fs');
|
||||
const PDFDocument = require('pdfkit');
|
||||
|
||||
// Shared content (mirrors build-cv.js).
|
||||
const { EN, NO } = require('./content.js');
|
||||
|
||||
const PAGE_W = 595.28;
|
||||
const MARGIN = 54;
|
||||
const CW = PAGE_W - MARGIN * 2; // content width
|
||||
const INK = '#1a1a1a';
|
||||
const GRAY = '#555555';
|
||||
const RULE = '#b0b0b0';
|
||||
|
||||
function build(c, outfile) {
|
||||
const doc = new PDFDocument({ size: 'A4', margins: { top: MARGIN, bottom: MARGIN, left: MARGIN, right: MARGIN } });
|
||||
doc.pipe(fs.createWriteStream(outfile));
|
||||
|
||||
const rule = (gap = 4) => {
|
||||
const y = doc.y + gap;
|
||||
doc.moveTo(MARGIN, y).lineTo(MARGIN + CW, y).lineWidth(0.75).strokeColor(RULE).stroke();
|
||||
doc.y = y + gap + 2;
|
||||
};
|
||||
|
||||
const heading = (text) => {
|
||||
doc.moveDown(0.5);
|
||||
doc.fillColor(INK).font('Helvetica-Bold').fontSize(12).text(text, MARGIN, doc.y);
|
||||
rule(2);
|
||||
};
|
||||
|
||||
const bullet = (text, prefix) => {
|
||||
const y = doc.y;
|
||||
doc.fillColor(INK).font('Helvetica').fontSize(10).text('•', MARGIN + 2, y, { width: 10, lineBreak: false });
|
||||
const tx = MARGIN + 16;
|
||||
const tw = CW - 16;
|
||||
if (prefix) {
|
||||
doc.font('Helvetica-Bold').text(prefix, tx, y, { width: tw, continued: true });
|
||||
doc.font('Helvetica').text(text, { width: tw });
|
||||
} else {
|
||||
doc.font('Helvetica').text(text, tx, y, { width: tw });
|
||||
}
|
||||
doc.moveDown(0.15);
|
||||
};
|
||||
|
||||
const roleLine = (left, dates) => {
|
||||
doc.moveDown(0.3);
|
||||
const y = doc.y;
|
||||
doc.font('Helvetica').fontSize(9.5).fillColor(GRAY).text(dates, MARGIN, y, { width: CW, align: 'right', lineBreak: false });
|
||||
doc.font('Helvetica-Bold').fontSize(10.5).fillColor(INK).text(left, MARGIN, y, { width: CW - 90, lineBreak: false });
|
||||
doc.y = y + 14;
|
||||
};
|
||||
|
||||
// Header
|
||||
doc.fillColor(INK).font('Helvetica-Bold').fontSize(20).text(c.name, MARGIN, MARGIN);
|
||||
doc.font('Helvetica').fontSize(12).fillColor('#333').text(c.title, { paragraphGap: 2 });
|
||||
doc.font('Helvetica').fontSize(9.5).fillColor(GRAY)
|
||||
.text(`${c.location} · ${c.email} · ${c.phone}`);
|
||||
doc.text('cesnimda.co.uk · cesnimda.co.uk/Linkedin');
|
||||
rule(4);
|
||||
|
||||
// Summary
|
||||
heading(c.t.summary);
|
||||
doc.font('Helvetica').fontSize(10).fillColor(INK).text(c.summary, MARGIN, doc.y, { width: CW, align: 'justify' });
|
||||
|
||||
// Skills
|
||||
heading(c.t.skills);
|
||||
for (const s of c.skills) {
|
||||
const y = doc.y;
|
||||
doc.font('Helvetica-Bold').fontSize(10).fillColor(INK).text(`${s.group}: `, MARGIN, y, { width: CW, continued: true });
|
||||
doc.font('Helvetica').text(s.items, { width: CW });
|
||||
doc.moveDown(0.15);
|
||||
}
|
||||
|
||||
// Experience
|
||||
heading(c.t.experience);
|
||||
for (const e of c.experience) {
|
||||
roleLine(`${e.role} — ${e.org}`, e.dates);
|
||||
if (e.note) {
|
||||
doc.font('Helvetica-Oblique').fontSize(9.5).fillColor(GRAY).text(e.note, MARGIN, doc.y, { width: CW });
|
||||
doc.moveDown(0.1);
|
||||
}
|
||||
for (const b of e.bullets) bullet(b);
|
||||
}
|
||||
|
||||
// Earlier roles
|
||||
doc.moveDown(0.4);
|
||||
doc.font('Helvetica-Bold').fontSize(10).fillColor(INK).text(c.t.earlier, MARGIN, doc.y, { width: CW });
|
||||
doc.moveDown(0.1);
|
||||
for (const r of c.earlier) bullet(r);
|
||||
|
||||
// Projects
|
||||
heading(c.t.projects);
|
||||
for (const p of c.projects) bullet(p.desc, `${p.name} — `);
|
||||
|
||||
// Education
|
||||
heading(c.t.education);
|
||||
roleLine(c.education.qual, c.education.dates);
|
||||
doc.font('Helvetica').fontSize(10).fillColor(INK).text(c.education.org, MARGIN, doc.y, { width: CW });
|
||||
|
||||
doc.end();
|
||||
return new Promise((res) => doc.on('end', res));
|
||||
}
|
||||
|
||||
(async () => {
|
||||
await build(EN, 'connor-babbington-cv-en.pdf');
|
||||
await build(NO, 'connor-babbington-cv-no.pdf');
|
||||
console.log('wrote EN + NO pdf');
|
||||
})();
|
||||
@@ -0,0 +1,87 @@
|
||||
const EN = {
|
||||
name: 'Connor Babbington',
|
||||
title: 'Systems Developer',
|
||||
location: 'Tønsberg, Norway',
|
||||
email: 'connor.babbington@cesnimda.co.uk',
|
||||
phone: '+47 41 33 44 70',
|
||||
t: { summary: 'Professional Summary', skills: 'Core Skills', experience: 'Experience',
|
||||
earlier: 'Earlier roles (part-time, alongside the above)', projects: 'Projects', education: 'Education' },
|
||||
summary:
|
||||
"Systems developer with eight years’ experience building and maintaining production software for UK local government. A backend-leaning full-stack developer across C#, .NET, Python, JavaScript/TypeScript and SQL, with hands-on DevOps in Docker, Linux, CI/CD, Azure DevOps and GitHub. I turn stakeholder requirements into reliable, well-tested systems and support them in production. Based in Tønsberg with a valid residence permit. Native English speaker; Norwegian at B1 and actively developing. Open to remote, hybrid or on-site roles.",
|
||||
skills: [
|
||||
{ group: 'Development', items: 'C#, .NET, Python, JavaScript, TypeScript, React, SQL' },
|
||||
{ group: 'DevOps & Infrastructure', items: 'Docker, Linux, CI/CD, Azure DevOps, GitHub, nginx / reverse proxies, monitoring, self-hosting' },
|
||||
{ group: 'Practices', items: 'Testing, security hardening, OAuth2 integrations, production support, stakeholder communication' },
|
||||
],
|
||||
experience: [
|
||||
{ role: 'System Developer', org: 'Warwickshire County Council, UK', dates: '2015–2023',
|
||||
note: 'The first two years were completed as an apprenticeship.',
|
||||
bullets: [
|
||||
'Worked on the county-wide highways and streetlight fault-reporting system used across Warwickshire.',
|
||||
'Designed, built and maintained full-stack applications in C#, Python, Ruby on Rails, SQL and JavaScript.',
|
||||
'Delivered reliable, well-tested software and resolved stability and performance issues on live systems.',
|
||||
'Owned deployments and production troubleshooting, and strengthened permissions and reliability.',
|
||||
'Guided colleagues on best practices for code and process.',
|
||||
] },
|
||||
{ role: 'Independent Development & Norwegian Study', org: 'Tønsberg, Norway', dates: '2023–Present',
|
||||
bullets: [
|
||||
'Building and self-hosting full-stack products (see Projects) while developing Norwegian language skills.',
|
||||
] },
|
||||
],
|
||||
earlier: [
|
||||
'Sales Representative — Royal Vapes, UK (2017–2021)',
|
||||
'Bartender — The Hodcarrier, UK (2016–2018)',
|
||||
'Receptionist — Nuffield Health, UK (2014–2015)',
|
||||
],
|
||||
projects: [
|
||||
{ name: 'JobTrack', desc: 'Full-stack job-application tracker (React, ASP.NET Core, SQLite, Docker) with a local AI summariser and Gmail integration.' },
|
||||
{ name: 'InboxIntel', desc: 'Gmail analytics and safe bulk-cleanup tool built as Clean Architecture in .NET 8 with PostgreSQL and encrypted OAuth tokens.' },
|
||||
{ name: 'Self-hosted infrastructure lab', desc: 'Ubuntu, Docker, nginx reverse proxy, authentication, monitoring and a self-hosted Gitea instance.' },
|
||||
],
|
||||
education: { qual: 'Extended Diploma — NVQ Level 3 in ICT', org: 'Warwickshire College, UK', dates: '2012–2015' },
|
||||
};
|
||||
|
||||
const NO = {
|
||||
name: 'Connor Babbington',
|
||||
title: 'Systemutvikler',
|
||||
location: 'Tønsberg',
|
||||
email: 'connor.babbington@cesnimda.co.uk',
|
||||
phone: '+47 41 33 44 70',
|
||||
t: { summary: 'Sammendrag', skills: 'Kjernekompetanse', experience: 'Erfaring',
|
||||
earlier: 'Tidligere roller (deltid, ved siden av)', projects: 'Prosjekter', education: 'Utdanning' },
|
||||
summary:
|
||||
'Systemutvikler med åtte års erfaring med å bygge og vedlikeholde produksjonssystemer i britisk offentlig sektor. Fullstack-utvikler med tyngde på backend i C#, .NET, Python, JavaScript/TypeScript og SQL, med praktisk DevOps i Docker, Linux, CI/CD, Azure DevOps og GitHub. Jeg omsetter behov fra brukere og interessenter til pålitelige, godt testede systemer og drifter dem i produksjon. Bosatt i Tønsberg med gyldig oppholdstillatelse. Engelsk morsmål; norsk på B1-nivå og i aktiv utvikling. Åpen for remote, hybrid eller stedbaserte roller.',
|
||||
skills: [
|
||||
{ group: 'Utvikling', items: 'C#, .NET, Python, JavaScript, TypeScript, React, SQL' },
|
||||
{ group: 'DevOps og infrastruktur', items: 'Docker, Linux, CI/CD, Azure DevOps, GitHub, nginx / reverse proxy, overvåking, egendrift' },
|
||||
{ group: 'Arbeidsmåte', items: 'Testing, sikkerhet, OAuth2-integrasjoner, driftsstøtte, kommunikasjon med interessenter' },
|
||||
],
|
||||
experience: [
|
||||
{ role: 'Systemutvikler', org: 'Warwickshire County Council, UK', dates: '2015–2023',
|
||||
note: 'De to første årene var en lærlingperiode.',
|
||||
bullets: [
|
||||
'Jobbet på det fylkesdekkende systemet for feilmelding av veilys og veier, brukt i hele Warwickshire.',
|
||||
'Designet, bygde og vedlikeholdt fullstack-applikasjoner i C#, Python, Ruby on Rails, SQL og JavaScript.',
|
||||
'Leverte pålitelig, godt testet programvare og løste stabilitets- og ytelsesproblemer i produksjon.',
|
||||
'Hadde ansvar for utrulling og feilsøking i drift, og styrket tilganger og pålitelighet.',
|
||||
'Veiledet kollegaer i beste praksis for kode og prosess.',
|
||||
] },
|
||||
{ role: 'Egen produktutvikling og norskkurs', org: 'Tønsberg', dates: '2023–nå',
|
||||
bullets: [
|
||||
'Bygger og drifter egne fullstack-produkter (se Prosjekter) samtidig som jeg utvikler norskkunnskapene.',
|
||||
] },
|
||||
],
|
||||
earlier: [
|
||||
'Salgsrepresentant — Royal Vapes, UK (2017–2021)',
|
||||
'Bartender — The Hodcarrier, UK (2016–2018)',
|
||||
'Resepsjonist — Nuffield Health, UK (2014–2015)',
|
||||
],
|
||||
projects: [
|
||||
{ name: 'JobTrack', desc: 'Fullstack jobbsøknads-tracker (React, ASP.NET Core, SQLite, Docker) med lokal AI-oppsummering og Gmail-integrasjon.' },
|
||||
{ name: 'InboxIntel', desc: 'Verktøy for Gmail-analyse og trygg masseopprydding, bygget som Clean Architecture i .NET 8 med PostgreSQL og krypterte OAuth-tokens.' },
|
||||
{ name: 'Egendriftet hjemmelab', desc: 'Ubuntu, Docker, nginx reverse proxy, autentisering, overvåking og egen Gitea-instans.' },
|
||||
],
|
||||
education: { qual: 'Extended Diploma — NVQ nivå 3 i IKT', org: 'Warwickshire College, UK', dates: '2012–2015' },
|
||||
};
|
||||
|
||||
module.exports = { EN, NO };
|
||||
@@ -0,0 +1,13 @@
|
||||
{
|
||||
"name": "resumesite-cv",
|
||||
"private": true,
|
||||
"description": "Generates the ATS-safe CV PDFs (and editable .docx) from canonical content",
|
||||
"scripts": {
|
||||
"pdf": "node build-pdf.js",
|
||||
"docx": "node build-cv.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"docx": "^9.0.0",
|
||||
"pdfkit": "^0.15.0"
|
||||
}
|
||||
}
|
||||