Add reproducible build pipeline, rendering scripts and GitHub Pages workflow

.github/workflows/build.yml

@@ -0,0 +1,52 @@
+name: Build CV
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Pages
+        if: github.ref == 'refs/heads/main'
+        uses: actions/configure-pages@v5
+
+      - name: Install dependencies
+        run: |
+          sudo apt-get update
+          sudo apt-get install -y pandoc weasyprint make
+
+      - name: Build
+        run: PANDOC=__missing_pandoc__ WEASYPRINT=__missing_weasyprint__ make build
+
+      - name: Verify committed public artifacts
+        run: git diff --exit-code public/
+
+      - name: Upload Pages artifact
+        if: github.ref == 'refs/heads/main'
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: public/
+
+  deploy:
+    if: github.ref == 'refs/heads/main'
+    needs: build
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.gitignore

@@ -1,19 +1,5 @@
-# Lokale, nicht-öffentliche Fassung
-lebenslauf-internal-detailliert.md
-notes/
-
-# Build-Artefakte
-*.pdf
-*.docx
-
-# Editor / OS
 .DS_Store
-.idea/
-.vscode/
-*.swp
-*~
-
-# Secrets
-.env
-.env.*
-!.env.example
+*.tmp
+*.bak
+dist/
+src/*private*

Makefile

@@ -0,0 +1,61 @@
+PANDOC ?= pandoc
+WEASYPRINT ?= weasyprint
+CSS := assets/style.css
+PUBLIC := public
+SRC := src
+
+EXEC_MD := $(SRC)/cv-executive.de.md
+TECH_MD := $(SRC)/cv-technical.de.md
+
+EXEC_HTML := $(PUBLIC)/cv-executive.de.html
+TECH_HTML := $(PUBLIC)/cv-technical.de.html
+EXEC_PDF := $(PUBLIC)/cv-executive.de.pdf
+TECH_PDF := $(PUBLIC)/cv-technical.de.pdf
+INDEX_HTML := $(PUBLIC)/index.html
+
+.PHONY: build html pdf index check clean
+
+build: html pdf index
+html: $(EXEC_HTML) $(TECH_HTML)
+pdf: $(EXEC_PDF) $(TECH_PDF)
+index: $(INDEX_HTML)
+
+$(PUBLIC):
+	mkdir -p $(PUBLIC)
+
+$(EXEC_HTML): $(EXEC_MD) $(CSS) | $(PUBLIC)
+	@if command -v $(PANDOC) >/dev/null 2>&1; then \
+		$(PANDOC) $< -f markdown -t html5 --standalone --metadata title="Executive CV" --metadata lang="de" --css=../$(CSS) -o $@; \
+	else \
+		python3 scripts/render_html.py $< $@ ../$(CSS); \
+	fi
+
+$(TECH_HTML): $(TECH_MD) $(CSS) | $(PUBLIC)
+	@if command -v $(PANDOC) >/dev/null 2>&1; then \
+		$(PANDOC) $< -f markdown -t html5 --standalone --metadata title="Technical CV" --metadata lang="de" --css=../$(CSS) -o $@; \
+	else \
+		python3 scripts/render_html.py $< $@ ../$(CSS); \
+	fi
+
+$(EXEC_PDF): $(EXEC_HTML) $(CSS)
+	@if command -v $(WEASYPRINT) >/dev/null 2>&1; then \
+		$(WEASYPRINT) $< $@; \
+	else \
+		python3 scripts/render_pdf.py $< $@; \
+	fi
+
+$(TECH_PDF): $(TECH_HTML) $(CSS)
+	@if command -v $(WEASYPRINT) >/dev/null 2>&1; then \
+		$(WEASYPRINT) $< $@; \
+	else \
+		python3 scripts/render_pdf.py $< $@; \
+	fi
+
+$(INDEX_HTML): $(EXEC_HTML)
+	cp $(EXEC_HTML) $(INDEX_HTML)
+
+check: build
+	git diff --exit-code public/
+
+clean:
+	rm -f $(EXEC_HTML) $(TECH_HTML) $(EXEC_PDF) $(TECH_PDF) $(INDEX_HTML)

README.md

@@ -1,25 +1,32 @@
-# Lebenslauf — Sebastian Mendel
+# CV as Code
 
-Lebenslauf von Sebastian Mendel, CTO bei [Netresearch DTT GmbH](https://www.netresearch.de/), Leipzig.
+This repository contains a source-controlled CV workflow.
 
-## Inhalt
+## Principles
 
-- [`lebenslauf-sebastian-mendel.md`](./lebenslauf-sebastian-mendel.md) — Lebenslauf in Markdown (Quelle)
-- [`lebenslauf-sebastian-mendel.html`](./lebenslauf-sebastian-mendel.html) — gerenderte HTML-Fassung
-- [`style.css`](./style.css) — Stylesheet (Netresearch-Brand-Farben, druckoptimiert)
+- Markdown files in `src/` are the source of truth.
+- Public HTML/PDF files in `public/` are generated artifacts.
+- Private/source-detailed content remains separated from public variants.
 
-## Rendern
+## Build requirements
+
+- `pandoc`
+- `weasyprint`
+- `make`
+
+## Commands
 
 ```bash
-pandoc lebenslauf-sebastian-mendel.md \
-  -f markdown -t html5 \
-  --standalone \
-  --metadata title="Sebastian Mendel — Lebenslauf" \
-  --metadata lang="de" \
-  --css=style.css \
-  -o lebenslauf-sebastian-mendel.html
+make build
+make clean
 ```
 
-## Kontakt
+## Important files
 
-GitHub: [@CybotTM](https://github.com/CybotTM)
+- `src/cv-full.private.md`: private/full CV source
+- `src/cv-executive.de.md`: public executive CV (German)
+- `src/cv-technical.de.md`: public technical CV (German)
+- `assets/style.css`: shared stylesheet for generated HTML
+- `Makefile`: reproducible local build pipeline
+- `.github/workflows/build.yml`: CI build/check and GitHub Pages deployment
+- `public/`: generated public HTML/PDF outputs

style.css → assets/style.css

@@ -1,16 +1,14 @@
-@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700&family=Open+Sans:wght@400;600&display=swap');
-
 :root {
-  --nr-turquoise: #2F99A4;
-  --nr-orange: #FF4D00;
+  --nr-turquoise: #2f99a4;
+  --nr-orange: #ff4d00;
   --nr-dark: #585961;
   --nr-light: #f7f8f9;
 }
 
 * { box-sizing: border-box; }
 
 body {
-  font-family: 'Open Sans', -apple-system, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
   font-size: 10.5pt;
   line-height: 1.55;
   color: var(--nr-dark);
@@ -21,43 +19,39 @@ body {
 }
 
 h1, h2, h3 {
-  font-family: 'Raleway', sans-serif;
+  font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
   font-weight: 700;
   color: var(--nr-dark);
 }
 
 h1 {
-  font-size: 28pt;
-  margin: 0 0 4px;
+  font-size: 24pt;
+  margin: 0 0 6px;
   border-bottom: 4px solid var(--nr-turquoise);
   padding-bottom: 8px;
 }
 
 h1 + p strong {
   color: var(--nr-turquoise);
-  font-size: 13pt;
+  font-size: 12pt;
   font-weight: 600;
-  letter-spacing: 0.5px;
 }
 
 h2 {
-  font-size: 16pt;
+  font-size: 15pt;
   color: var(--nr-turquoise);
-  margin-top: 28px;
+  margin-top: 26px;
   margin-bottom: 8px;
   padding-bottom: 4px;
   border-bottom: 1px solid #e5e7e9;
 }
 
 h3 {
   font-size: 12pt;
-  color: var(--nr-dark);
   margin-top: 18px;
   margin-bottom: 4px;
 }
 
-h3 strong { color: var(--nr-orange); }
-
 a {
   color: var(--nr-turquoise);
   text-decoration: none;
@@ -67,8 +61,6 @@ a {
 ul, ol { padding-left: 20px; margin: 6px 0 12px; }
 li { margin-bottom: 3px; }
 
-strong { color: var(--nr-dark); font-weight: 600; }
-
 table {
   border-collapse: collapse;
   width: 100%;
@@ -82,7 +74,6 @@ th {
   font-weight: 600;
   text-align: left;
   padding: 6px 10px;
-  font-family: 'Raleway', sans-serif;
 }
 
 td {
@@ -93,33 +84,36 @@ td {
 
 tr:nth-child(even) td { background: var(--nr-light); }
 
-hr {
-  border: none;
-  height: 1px;
-  background: #e5e7e9;
-  margin: 24px 0;
-}
-
-code {
+pre, code {
   background: var(--nr-light);
-  padding: 1px 5px;
   border-radius: 3px;
-  font-size: 9.5pt;
-  color: var(--nr-orange);
-}
-
-em { color: #888; font-style: italic; }
-
-blockquote {
-  border-left: 3px solid var(--nr-orange);
-  margin-left: 0;
-  padding-left: 14px;
-  color: #777;
 }
 
 @media print {
-  body { padding: 16px; max-width: none; }
-  h2 { page-break-after: avoid; }
-  h3 { page-break-after: avoid; }
-  table { page-break-inside: avoid; }
+  body {
+    font-size: 10pt;
+    padding: 12mm;
+    max-width: none;
+  }
+
+  h1, h2, h3 {
+    page-break-after: avoid;
+    break-after: avoid;
+  }
+
+  p, ul, ol, table, blockquote {
+    page-break-inside: avoid;
+    break-inside: avoid;
+  }
+
+  a {
+    color: inherit;
+    text-decoration: underline;
+    border-bottom: none;
+  }
+
+  a[href^="http"]::after {
+    content: " (" attr(href) ")";
+    font-size: 8pt;
+  }
 }