From 34865a73612661728c4f2363dc513d31d7a9e840 Mon Sep 17 00:00:00 2001 From: Barunes Padhy Date: Sat, 13 Dec 2025 14:27:23 +0200 Subject: [PATCH 1/2] Add download options, update readme to add building and running instructions. --- README.md | 23 +++++++++++++++ _styles/home.css | 56 +++++++++++++++++++++++++++++++++++++ index.php | 73 ++++++++++++++++++++++++++++++++++++++++-------- 3 files changed, 140 insertions(+), 12 deletions(-) diff --git a/README.md b/README.md index 9416124ff7..e6155ee40f 100644 --- a/README.md +++ b/README.md @@ -33,6 +33,29 @@ Architecture/Philosophies * Graceful degradation (don't be held back by crappy browsers) * Mobile-first +Building and Running +==================== + +You'll need the following dependencies: + +* node v18 +* php +* php8.3-xml +* composer + +Run `npm install`, and then `npm run build` to install required dependencies and build the assets: + +```` +npm install +npm run build +```` + +Start PHP’s development web-server: +```` +php -S localhost:8000 router.php +```` + +The website should be up and running at `http://localhost:8000/` Templating System ================= diff --git a/_styles/home.css b/_styles/home.css index c369dbf089..809cb920bf 100644 --- a/_styles/home.css +++ b/_styles/home.css @@ -61,10 +61,66 @@ input:focus + .focus-reveal { transition: 250ms all; } +/******************** +* OS Download Modal * +********************/ + #download { margin: 3px auto 6px; } +.download-modal { + display: grid; + grid-template-columns: 48px 1fr; + column-gap: 18px; + align-items: start; + padding: 2em; +} + +.download-modal .dialog-icon { + margin-bottom: 1em; +} + +.download-modal .dialog-body { + grid-column: 2; +} + +.download-modal .content-area { + width: auto; + display: block; +} + +.download-modal .download-row { + display: flex; + align-items: center; + justify-content: space-between; + gap: 12px; + padding: 10px 0; + text-align: left; +} + +.download-modal .download-meta { + flex: 1 1 auto; + min-width: 0; +} + +.download-modal .linked { + display: inline-flex; + margin: 0; + white-space: nowrap; +} + +.download-modal hr.modal-separator { + border: 0; + border-top: 1px solid rgba(0, 0, 0, 0.15); + margin: 12px 0; +} + +.sub { + font-size: 12px; +} + + .cta { padding: 64px 1em; text-align: center; diff --git a/index.php b/index.php index 799cc3c0f1..fdbf2fda8f 100644 --- a/index.php +++ b/index.php @@ -467,19 +467,68 @@ -