From ff267d75cb42752645ba1394cc7117ac6928de19 Mon Sep 17 00:00:00 2001 From: Jahnertz Date: Sun, 21 May 2023 22:52:57 +1000 Subject: [PATCH] added styles and still thinking about structure --- src/components/footer.html | 4 + src/components/head.html | 1 + src/components/masthead.html | 4 + src/index.html | 17 ++-- src/projects/2016-XXXX.html | 190 +++++++++++++++++++---------------- src/styles.css | 5 + 6 files changed, 126 insertions(+), 95 deletions(-) create mode 100644 src/components/footer.html create mode 100644 src/components/masthead.html create mode 100644 src/styles.css diff --git a/src/components/footer.html b/src/components/footer.html new file mode 100644 index 0000000..84d6054 --- /dev/null +++ b/src/components/footer.html @@ -0,0 +1,4 @@ +
+

©2021 Jordan Hanrahan

+
+ diff --git a/src/components/head.html b/src/components/head.html index 4d87c50..76185ba 100644 --- a/src/components/head.html +++ b/src/components/head.html @@ -2,5 +2,6 @@ + Jordan Hanrahan - Portfolio diff --git a/src/components/masthead.html b/src/components/masthead.html new file mode 100644 index 0000000..15ef204 --- /dev/null +++ b/src/components/masthead.html @@ -0,0 +1,4 @@ +
+

Jordan Hanrahan

+

Art Direction - Graphic Design - Motion Graphics

+
diff --git a/src/index.html b/src/index.html index 908170e..8f0fa31 100644 --- a/src/index.html +++ b/src/index.html @@ -2,15 +2,20 @@ + Jordan Hanrahan - Portfolio -

Jordan Hanrahan

-

Art Direction - Graphic Design - Motion Graphics

- - +
+

Jordan Hanrahan

+

Art Direction - Graphic Design - Motion Graphics

+
+ +
+ +

©2021 Jordan Hanrahan

diff --git a/src/projects/2016-XXXX.html b/src/projects/2016-XXXX.html index 1443d9c..de3ef4b 100644 --- a/src/projects/2016-XXXX.html +++ b/src/projects/2016-XXXX.html @@ -1,106 +1,118 @@ + --- + --> + + + + + + 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.

-

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.

+ mixmag feature + Mixmag feature -mixmag feature -Mixmag feature +

As creative director, I was responsible for the venue's promotional graphics and event branding down to the lighting and visuals. I also oversaw XX XX's web and social presence as part of a creative management team.

-

As creative director, I was responsible for the venue's promotional graphics and event branding down to the lighting and visuals. I also oversaw XX XX's web and social presence as part of a creative management team.

+
+ + + + + + + + + + + + +
-
- - - - - - - - - - - - -
+

Of the many events at XX XX that I developed the brand character for, a few notable examples are:

-

Of the many events at XX XX that I developed the brand character for, a few notable examples are:

+

Circus

+

A monthly mini-festival event bringing together live music, performers, visual artists and food pop-ups.

-

Circus

-

A monthly mini-festival event bringing together live music, performers, visual artists and food pop-ups.

+
+ + + + + + +
-
- - - - - - -
+

Elephant

+

A weekly LGBTQI+ friendly art and fashion themed party which brought experimental installation and artists into an accessible event space.

-

Elephant

-

A weekly LGBTQI+ friendly art and fashion themed party which brought experimental installation and artists into an accessible event space.

+
+ + + + + + +
-
- - - - - - -
+

Layers

+

A 'tabula rasa' event that brought new sounds to the venue each week

-

Layers

-

A 'tabula rasa' event that brought new sounds to the venue each week

- -
- - - - - - -
+
+ + + + + + +
-

\[−\] (Null)

-

An experimental sounds evening giving a platform to local ambient and electronic producers

+

\[−\] (Null)

+

An experimental sounds evening giving a platform to local ambient and electronic producers

-
- - -
+
+ + +
-

Tektonik

-

Featuring local and international techno DJs.

-
- - - - -
- -

The XX XX Venue

+

Tektonik

+

Featuring local and international techno DJs.

+
+ + + + +
+ +

The XX XX Venue

-
- - - - - - -
+
+ + + + + + +
+
+

©2021 Jordan Hanrahan

+
+ + diff --git a/src/styles.css b/src/styles.css new file mode 100644 index 0000000..d9559c3 --- /dev/null +++ b/src/styles.css @@ -0,0 +1,5 @@ +html { + background-color: #222222; + color: #ffffff; + font-family: sans-serif; +}