diff --git a/internal/assets/css/style.css b/internal/assets/css/style.css index aa87994..abc9580 100644 --- a/internal/assets/css/style.css +++ b/internal/assets/css/style.css @@ -50,7 +50,16 @@ table { /* Site Styles */ +/* Background: #2C2C2C (slate gray) */ +/* Primary Text: #E4E4E4 (light gray) */ +/* Accent 1: #A8DADC (light cyan) */ +/* Accent 2: #FFC1CC (soft pink) */ +/* Button/CTA: #B39CD0 (lavender) */ + :root { + --bg-color: #181818; + --text-color: #E4E4E4; + font-family: 'CaskaydiaCove NFM', monospace; font-size: 16px; } @@ -58,10 +67,55 @@ table { html, body { height: 100%; + background-color: var(--bg-color); + color: var(--text-color); +} + +body { + display: flex; + flex-direction: column; + gap: 1rem; + padding: 1rem; +} + +.image-container, +.links-container { + display: flex; + flex-direction: column; + align-items: center; +} + +.links-container { + flex: 1; +} + +.links-container ul { + display: flex; + flex-direction: column; + gap: 0.75rem; +} + +.profile-picture { + width: 100px; + aspect-ratio: 1 / 1; + border-radius: 50%; + box-shadow: 8px -4px 14px 4px rgba(0,0,0,0.36), -4px 8px 14px 4px rgba(0,0,0,0.36); +} + +.link { + display: flex; + padding: 0.25rem 1rem; + border-radius: 0.5rem; + color: var(--bg-color); + background-color: var(--text-color); +} + +@media (hover: hover) { + .link:hover { + transform: scale(1.02); + } } - - diff --git a/internal/assets/templates/index.gohtml b/internal/assets/templates/index.gohtml index 5abfd13..5b95d35 100644 --- a/internal/assets/templates/index.gohtml +++ b/internal/assets/templates/index.gohtml @@ -1,12 +1,42 @@ - - - - Stevan's Links - - - -

Stevan's Links

- + + + + + Stevan's Links + + + + + +
+ A man with short brown hair, a grey hoodie, and a white t-shirt smiles at the camera. He has a white earbud in his left ear. The background is a blurred office setting with warm lighting visible through glass partitions. +
+

Stevan Freeborn

+

Stuff about me...

+
+
+ + + + diff --git a/internal/handlers/main.go b/internal/handlers/main.go index 0cf516c..124890b 100644 --- a/internal/handlers/main.go +++ b/internal/handlers/main.go @@ -9,6 +9,9 @@ import ( ) func Index(w http.ResponseWriter, r *http.Request) { + // Links coming in external JSON data + // { link: "link", text: "text", "icon": "icon" } + t, err := template.ParseFS(assets.Templates, "templates/index.gohtml") if err != nil {