From cf0c8dcf860444e8e39f549f56379573f55a644f Mon Sep 17 00:00:00 2001 From: Alex Date: Sun, 11 Feb 2024 11:29:52 -0500 Subject: Add gallery page --- gallery.html | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ static/style.css | 10 +++++++--- 2 files changed, 61 insertions(+), 3 deletions(-) create mode 100644 gallery.html diff --git a/gallery.html b/gallery.html new file mode 100644 index 0000000..862f30e --- /dev/null +++ b/gallery.html @@ -0,0 +1,54 @@ + + + + + + + + WIP - Scerba.org + + + + + + + +
+
+ + + Alex Scerba + +
+ +
+ +
+
+
+ +
+
+

Gallery

+

A collection of images on the site.

+
+
+ Group photo of my friends and our bicycles on the steps in front of the GM RenCen by the Detroit River. +
+
+ + + + diff --git a/static/style.css b/static/style.css index caf9776..d8361ef 100644 --- a/static/style.css +++ b/static/style.css @@ -50,7 +50,7 @@ main { padding: 1.75rem; padding-top: 5rem; padding-bottom: 3rem; - max-width: 80rem; + max-width: 60rem; margin-left: auto; margin-right: auto; } @@ -237,8 +237,9 @@ blockquote { font-style: italic; } -.sketchbook > img:first-of-type { - display: none; +.gallery { + display: grid; + grid-template-columns: repeat(4, 1fr); } @media screen and (max-width: 45rem) { @@ -252,6 +253,9 @@ blockquote { .even-2-col-grid { grid-template-columns: 1fr; } + .gallery { + grid-template-columns: repeat(2, 1fr); + } .toggler{ /* ALWAYS KEEPING THE TOGGLER OR THE CHECKBOX ON TOP OF EVERYTHING : */ -- cgit v1.2.3