From e3ed6a5089f1a79eae669b675720d21e74fa945a Mon Sep 17 00:00:00 2001 From: Paul Brinkmeier Date: Tue, 18 Feb 2025 01:03:59 +0100 Subject: [PATCH] Make index a bit nicer --- Makefile | 2 +- extra/index.css | 57 +++++++++++++++++++++++++++++++++++++++++++++++++ index.hbs | 17 +++++++++++---- photo.hbs | 10 ++++----- 4 files changed, 76 insertions(+), 10 deletions(-) diff --git a/Makefile b/Makefile index c63e1ca..08cd7ed 100644 --- a/Makefile +++ b/Makefile @@ -18,7 +18,7 @@ dist_images := $(addprefix $(DIST_DIR)/,$(image_names)) dist_thumbs := $(patsubst $(DIST_DIR)/%.jpg,$(THUMB_DIR)/%.webp,$(dist_images)) extra_files := $(wildcard extra/*) -dist_extra_files := $(extra_files:%=dist/%) +dist_extra_files := $(extra_files:%=$(DIST_DIR)/%) define copy_image_rule = $(DIST_DIR)/$(1): $(shell find $(IMAGE_DIR) -iname $(1)) diff --git a/extra/index.css b/extra/index.css index cc4f555..8ec9b0b 100644 --- a/extra/index.css +++ b/extra/index.css @@ -5,4 +5,61 @@ html { body { margin: 0; font-family: 'Source Sans Pro', sans-serif; + background-color: #f0f0f0; +} + +h1 { + font-weight: normal; + margin-top: 0; +} + +.download-button { + color: white; + text-decoration: none; + background-color: #6080ff; + padding: .5em; + border-radius: .5em; +} + +.container { + margin: 2em auto; + width: 87em; +} + +.photo-cards { + display: flex; + flex-wrap: wrap; + gap: 1em; + + /* ul reset */ + padding: 0; +} + +.photo-card { + list-style: none; + padding: .5em; + box-shadow: 0 0 .5em rgba(0, 0, 0, 20%); + background-color: white; +} + +.photo-card-wrapper { + display: block; +} + +.photo-card-image { +} + +.photo-card-image img { + width: 20em; + height: 15em; + object-fit: contain; + object-position: center; +} + +.photo-card-label { + +} + +footer { + text-align: center; } diff --git a/index.hbs b/index.hbs index 0fe190e..79d3fba 100644 --- a/index.hbs +++ b/index.hbs @@ -6,13 +6,22 @@ - download all photos -