Project Card
Use this for repo summaries, lab report entries, demos, and featured work.
Repository →Style Guide / HTML Demo
danhawkley.dev
A starter visual system for project pages, repo inventories, lab reports, writing blocks, contact pages, and research artifacts.
Research Systems
MathJax
Dark Mode
Repo Cards
Modes
Light and dark mode preview
Light Mode
Warm background, high contrast text, blue primary, orange accent.
Sample card
Good for home pages, project cards, and repo summaries.
Dark Mode
Dark surface, softened text, bright links, readable contrast.
Sample card
Good for notebooks, code-heavy pages, and late-night editing.
Palette
Replaceable color tokens
--primary
--accent
--surface-soft
--text
--success
--warning
--danger
--border
Components
Layout elements
Lab Report Card
Use for a paper, infographic, notebook, or reproducible report page.
View report →Writing Card
Use for short essays, vss365 blocks, notes, and public-facing context.
Read more →Typography
Text, quotes, code, and math
Text block
This paragraph demonstrates ordinary body copy. Links look like
github.com/thinkthoughts.
Inline code looks like git pull.
Climate Reality describes what Climate Democracy prescribes: physical context comes before public claims.
MathJax block
Inline math: $c = \sqrt{E/m}$
Display math:
$$1 + 1 > |1.4i| \ne 0.96$$Data
Tables and repo inventory format
| Repo | Category | Minimal blurb |
|---|---|---|
| accurate-intelligence | Research Systems | Generate lab reports, infographics, and structured artifacts from papers. |
| mod30-residue-lanes | Experimental Mathematics | Admissible residue lanes modulo 30 with notebooks and figures. |
| climate-reality-app | Public Communication | Climate Reality site, statements, and science communication pages. |
Code
Command block
cd /var/www/dan-hawkley-dev
git pull
sudo nginx -t
sudo systemctl reload nginxForms
Contact form layout
Status banner
Timeline
Recent / next layout
Recent
Published a lab report, updated a repo, or added a project page.
Next
Refine the repo inventory and connect project pages to live demos.
Random
Load a poem, infographic, notebook, or embedded video from content blocks.