jahnertz
/
jhan.com.au
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added content section divs

trunk
Jahnertz 2023-05-21 23:38:23 +10:00
parent 93f07fe1a9
commit 712af04912
3 changed files with 27 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/index.html
View File

@ -7,20 +7,22 @@
<title>Jordan Hanrahan - Portfolio</title> <title>Jordan Hanrahan - Portfolio</title>
</head> </head>
<body> <body>
<div class="masthead"> <header class="masthead">
<div class="logo"> <div class="logo">
<h1>Jordan Hanrahan</h1> <h1>Jordan Hanrahan</h1>
<h2>Art Direction · Graphic Design · Motion Graphics</h2> <h2>Art Direction · Graphic Design · Motion Graphics</h2>
</div> </div>
</div> </div>
<!-- the build script should generate links from items in project folder here. --> <!-- the build script should generate links from items in project folder here. -->
<main>
<div class="projects"> <div class="projects">
<h1>Projects</h1> <h1>Projects</h1>
<ul> <ul>
<li><a href="projects/2016-XXXX.html">XX XX</a></li> <li><a href="projects/2016-XXXX.html">XX XX</a></li>
</ul> </ul>
</div> </div>
<div class="footer"> </main>
<footer>
<p>©2021 Jordan Hanrahan</p> <p>©2021 Jordan Hanrahan</p>
</div> </footer>
</html> </html>

10
src/projects/2016-XXXX.html
View File

@ -23,12 +23,13 @@
<title>Jordan Hanrahan - Portfolio</title> <title>Jordan Hanrahan - Portfolio</title>
</head> </head>
<body> <body>
<div class="masthead"> <header class="masthead">
<div class="logo"> <div class="logo">
<h1>Jordan Hanrahan</h1> <h1>Jordan Hanrahan</h1>
<h2>Art Direction · Graphic Design · Motion Graphics</h2> <h2>Art Direction · Graphic Design · Motion Graphics</h2>
</div> </div>
</div> </header>
<main>
<h1>XX XX</h1> <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> <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>
@ -118,8 +119,9 @@
<img src="/uploads/cbc_xxxx/cbc_venuephotos_xxxx_181213_08.jpg" /> <img src="/uploads/cbc_xxxx/cbc_venuephotos_xxxx_181213_08.jpg" />
<img src="/uploads/cbc_xxxx/cbc_venuephotos_xxxx_181213_07.jpg" /> <img src="/uploads/cbc_xxxx/cbc_venuephotos_xxxx_181213_07.jpg" />
</div> </div>
<div class="footer"> </main>
<footer>
<p>©2021 Jordan Hanrahan</p> <p>©2021 Jordan Hanrahan</p>
</div> </footer>
</body> </body>
</html> </html>

18
src/styles/main.css
View File

@ -4,14 +4,14 @@ html {
font-family: sans-serif; font-family: sans-serif;
} }
body { main {
padding: 80px 16px; padding: 80px 16px;
margin: 0 auto; margin: 0 auto;
max-width: 1280px; max-width: 1280px;
} }
.masthead { .masthead {
position: absolute; position: fixed;
left: 0; left: 0;
top: 0; top: 0;
width: 100%; width: 100%;
@ -19,14 +19,24 @@ body {
} }
.masthead .logo h1 { .masthead .logo h1 {
font-size: 1.375rem; /*22pt*/ font-size: 1.375rem; /*22px*/
line-height: 0.5rem; line-height: 0.5rem;
} }
.masthead .logo h2 { .masthead .logo h2 {
font-size: 0.5rem; font-size: 0.5rem; /*8px*/
} }
footer {
position: relative;
width: 100%;
font-size: 0.75rem; /*12px*/
text-align: center;
}
/* homepage */
.projects li { .projects li {
list-style: none; list-style: none;
} }