added some structural ideas

trunk
Jahnertz 2023-05-21 22:37:26 +10:00
parent 419e41beca
commit a2904980d4
4 changed files with 124 additions and 3 deletions

View File

@ -1,5 +1,6 @@
const fs = require('fs');
//todo: read through files and fill in components before copying
fs.cp('./src/','./build', { recursive: true }, (err) => {
if (err) throw err;
console.log('Build was successful!');

View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Jordan Hanrahan - Portfolio</title>
</head>

View File

@ -1,9 +1,17 @@
<!DOCTYPE html>
<html>
<header>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Jordan Hanrahan - Portfolio</title>
</header>
</head>
<body>
<h1>Jordan Hanrahan</h1>
<h2>Art Direction - Graphic Design - Motion Graphics</h2>
<!-- todo: generate links from items in projec folder {%project-list%} -->
<ul>
<li><a href="projects/2016-XXXX.html">XX XX</a></li>
</ul>
<div class="footer">
<p>©2021 Jordan Hanrahan</p>
</div>
</html>

View File

@ -0,0 +1,106 @@
<!--
---
date: 2021-02-01
thumbnail: "/uploads/cbc_xxxxportfoliocover_210202_v01.png"
title: XX XX
categories:
- Graphic Design
- Art Direction
project_bg_color: ''
project_fg_color: ''
published: true
showcase: true
project_year: 2020
---
-->
<h1>XX XX</h1>
<h2>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** <small>(KMS, Detroit)</small>, **FJAAK** <small>(50Weapons, Berlin)</small>, **Answer Code Request** <small>(Berghain/Ostgut Ton, Berlin)</small>, Jamie XX, **Chris Cruse** <small>(Spotlight, LA)</small>, **ND_Baumecker** <small>(Ostgut Ton, Berlin)</small>, **Sofie** <small>(Stones Throw/Boiler Room, LA)</small>, **Milton Bradley** <small>(Do Not Resist The Beat/Alien Rain, Berlin)</small> and many more.</h2>
<img src="/uploads/cbc_xxxx/cbc_xxxxmixmag.jpg" alt="mixmag feature">
Mixmag feature
<h2>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.</h2>
<div class="col-2 col-med-3">
<img src="/uploads/cbc_xxxx/cbc_xxxxposters_00036.jpeg" />
<img src="/uploads/cbc_xxxx/cbc_xxxxposters_00058.jpeg" />
<img src="/uploads/cbc_xxxx/cbc_xxxxposters_00017.jpeg" />
<img src="/uploads/cbc_xxxx/cbc_xxxxposters_00061.jpeg" />
<img src="/uploads/cbc_xxxx/cbc_xxxxposters_00044.jpeg" />
<img src="/uploads/cbc_xxxx/cbc_xxxxposters_00038.jpeg" />
<img src="/uploads/cbc_xxxx/cbc_xxxxposters_00019.jpeg" />
<img src="/uploads/cbc_xxxx/cbc_xxxxposters_00039.jpeg" />
<img src="/uploads/cbc_xxxx/cbc_xxxxposters_00064.jpeg" />
<img src="/uploads/cbc_xxxx/cbc_xxxxposters_00040.jpeg" />
<img src="/uploads/cbc_xxxx/cbc_xxxxposters_00005.jpeg" />
<img src="/uploads/cbc_xxxx/cbc_xxxxposters_00007.jpeg" />
</div>
<h3>Of the many events at XX XX that I developed the brand character for, a few notable examples are:</h3>
<h1>Circus<h1>
<h2>A monthly mini-festival event bringing together live music, performers, visual artists and food pop-ups.</h2>
<div class="col-2 col-med-3">
<img src="/uploads/cbc_xxxx/cbc_circusjul2018.gif" />
<img src="/uploads/cbc_xxxx/cbc_circusposters_00001.jpeg" />
<img src="/uploads/cbc_xxxx/cbc_circusposters_00003.jpeg" />
<img src="/uploads/cbc_xxxx/cbc_circusposters_00008.jpg" />
<img src="/uploads/cbc_xxxx/cbc_circusposters_00005.jpeg" />
<img src="/uploads/cbc_xxxx/cbc_circusposters_00006.jpeg" />
</div>
<h1>Elephant</h1>
<h2>A weekly LGBTQI+ friendly art and fashion themed party which brought experimental installation and artists into an accessible event space.</h2>
<div class="col-2 col-med-3">
<img src="/uploads/cbc_xxxx/cbc_xxxxposters_00022.jpeg" />
<img src="/uploads/cbc_xxxx/cbc_elephantpompom.gif" />
<img src="/uploads/cbc_xxxx/cbc_xxxxposters_00014.jpeg" />
<img src="/uploads/cbc_xxxx/cbc_elephanteveninggowncomp.gif" />
<img src="/uploads/cbc_xxxx/cbc_elephantposters_00009.jpg" />
<img src="/uploads/cbc_xxxx/cbc_elephantgenderrevealparty.gif" />
</div>
<h1>Layers</h1>
<h2>A 'tabula rasa' event that brought new sounds to the venue each week</h2>
<div class="col-2 col-med-3">
<img src="/uploads/cbc_xxxx/cbc_xxxxposters_00053.jpeg" />
<img src="/uploads/cbc_xxxx/cbc_xxxxposters_00084.jpeg" />
<img src="/uploads/cbc_xxxx/cbc_xxxxposters_00050.jpeg" />
<img src="/uploads/cbc_xxxx/cbc_xxxxposters_00031.jpeg" />
<img src="/uploads/cbc_xxxx/cbc_layers01.gif" />
<img src="/uploads/cbc_xxxx/cbc_xxxxposters_00018.jpeg" />
</div>
<h1>\[\] (Null)</h1>
<h2>An experimental sounds evening giving a platform to local ambient and electronic producers</h2>
<div class="col-med-2">
<img src="/uploads/cbc_xxxx/cbc_xxxxposters_00011.jpeg" />
<img src="/uploads/cbc_xxxx/cbc_xxxxposters_00080.jpeg" />
</div>
<h1>Tektonik</h1>
<h2>Featuring local and international techno DJs.</h2>
<div class="col-2 col-med-4">
<img src="/uploads/180727_tektonik_poster-1_180725_v3_story.jpg" />
<img src="/uploads/180615_tektonik_poster-2_180606_v2_story.jpg" />
<img src="/uploads/tkt_clara3000_poster_02_181013_v4_story.jpg" />
<img src="/uploads/180824_tektonik_poster-1_180821_v8_story.jpg" />
</div>
<img src="/uploads/180413_tektonik_poster-2_180412_v4_fb.jpg" />
<h1>The XX XX Venue</h1>
<div>
<img src="/uploads/cbc_xxxx/cbc_xxxx-2020-venue_180718_21.jpg" />
<img src="/uploads/cbc_xxxx/cbc_xxxx-2020-venue_180718_11.jpg" />
<img src="/uploads/cbc_xxxx/cbc_xxxx-2020-venue_180718_03.jpg" />
<img src="/uploads/cbc_xxxx/cbc_venuephotos_xxxx_181213_10.jpg" />
<img src="/uploads/cbc_xxxx/cbc_venuephotos_xxxx_181213_08.jpg" />
<img src="/uploads/cbc_xxxx/cbc_venuephotos_xxxx_181213_07.jpg" />
</div>