From aadab6ad183a305301f5d1e44d1a7c434d7537ea Mon Sep 17 00:00:00 2001 From: "Glitch (glitch-hello-website)" Date: Wed, 11 Dec 2024 23:34:44 +0000 Subject: [PATCH] =?UTF-8?q?=F0=9F=8D=95=F0=9F=94=96=20Checkpoint=20./index?= =?UTF-8?q?.html:69682263/1217=20./styles/main.css:69682263/791?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 22 ++++++++++++---------- styles/main.css | 32 +++++++++++++++++++------------- 2 files changed, 31 insertions(+), 23 deletions(-) diff --git a/index.html b/index.html index a672f13..f3c8fea 100644 --- a/index.html +++ b/index.html @@ -51,7 +51,7 @@ When:

- Early-mid 2025. Exact dates not yet set. + Early-mid 2025. Exact dates proposed below.

@@ -98,16 +98,18 @@ (deadline 3 + 4 weeks)

- + Physical zines packaged and ready for shipment. Digital zines are organized and ready to share. +

+ +

+ Deadline 5: 4 July 2025 +

+

+ (deadline 4 + 4 weeks) +

+

+ Physical zines arrive at recipients. Digital zines shared.

- diff --git a/styles/main.css b/styles/main.css index a187e67..69fcf98 100644 --- a/styles/main.css +++ b/styles/main.css @@ -1,8 +1,8 @@ /* Our default values set as CSS variables */ :root { - --color-bg: #69F7BE; - --color-text-main: #000000; - --color-text-header: #2800FF; + --color-bg: #f0f0f0; + --color-text-main: #185370; + --color-text-header: #93005D; --color-primary: #FFFF00; --wrapper-height: 87vh; --image-max-width: 300px; @@ -72,6 +72,7 @@ END Glitch hello-app default styles body { font-family: HK Grotesk; background-color: var(--color-bg); + color: var(--color-text-main); } /* Page structure */ @@ -84,21 +85,26 @@ body { .content { display: flex; flex-direction: column; - align-items: center; - justify-content: center; } -.title { +/* Headings */ +h1, h2, h3 { color: var(--color-text-header); - font-family: HK Grotesk; - font-style: normal; font-weight: bold; - font-size: 65px; line-height: 105%; - margin: 0; } -/* Subheading */ -h2, h3 { - color: var(--color-text-header); +h1 { + font-size: 3rem; + margin: 1rem 0; +} + +h2 { + font-size: 2rem; + margin: .5rem 0 0 0; +} + +h3 { + font-size 1.5rem; + margin: .5rem 0 0 0; }