From 93f07fe1a9845f4d92b1478f5834d7967e83c413 Mon Sep 17 00:00:00 2001 From: Jahnertz Date: Sun, 21 May 2023 23:29:28 +1000 Subject: [PATCH] added styling on masthead --- src/components/masthead.html | 6 ++++-- src/index.html | 7 +++++-- src/projects/2016-XXXX.html | 6 ++++++ src/styles/main.css | 21 ++++++++++++++++++++- 4 files changed, 35 insertions(+), 5 deletions(-) diff --git a/src/components/masthead.html b/src/components/masthead.html index 15ef204..4b09fde 100644 --- a/src/components/masthead.html +++ b/src/components/masthead.html @@ -1,4 +1,6 @@
-

Jordan Hanrahan

-

Art Direction - Graphic Design - Motion Graphics

+
diff --git a/src/index.html b/src/index.html index e6bf360..1b774f2 100644 --- a/src/index.html +++ b/src/index.html @@ -8,11 +8,14 @@
-

Jordan Hanrahan

-

Art Direction - Graphic Design - Motion Graphics

+
+

Projects

diff --git a/src/projects/2016-XXXX.html b/src/projects/2016-XXXX.html index 1339869..ad4da35 100644 --- a/src/projects/2016-XXXX.html +++ b/src/projects/2016-XXXX.html @@ -23,6 +23,12 @@ Jordan Hanrahan - Portfolio +
+ +

XX XX

Until it's recent closure, **XX XX** was one of South-East Asia's premiere venues for dance music, bringing local DJs and producers to the fore, while hosting international acts such as **Kevin Saunderson** (KMS, Detroit), **FJAAK** (50Weapons, Berlin), **Answer Code Request** (Berghain/Ostgut Ton, Berlin), Jamie XX, **Chris Cruse** (Spotlight, LA), **ND_Baumecker** (Ostgut Ton, Berlin), **Sofie** (Stones Throw/Boiler Room, LA), **Milton Bradley** (Do Not Resist The Beat/Alien Rain, Berlin) and many more.

diff --git a/src/styles/main.css b/src/styles/main.css index 6538e25..594388c 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -4,8 +4,27 @@ html { font-family: sans-serif; } +body { + padding: 80px 16px; + margin: 0 auto; + max-width: 1280px; +} + .masthead { - font-size: 0.8em; + position: absolute; + left: 0; + top: 0; + width: 100%; + padding: 8px 16px; +} + +.masthead .logo h1 { + font-size: 1.375rem; /*22pt*/ + line-height: 0.5rem; +} + +.masthead .logo h2 { + font-size: 0.5rem; } .projects li {