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

View File

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

View File

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

View File

@ -4,14 +4,14 @@ html {
font-family: sans-serif;
}
body {
main {
padding: 80px 16px;
margin: 0 auto;
max-width: 1280px;
}
.masthead {
position: absolute;
position: fixed;
left: 0;
top: 0;
width: 100%;
@ -19,14 +19,24 @@ body {
}
.masthead .logo h1 {
font-size: 1.375rem; /*22pt*/
font-size: 1.375rem; /*22px*/
line-height: 0.5rem;
}
.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 {
list-style: none;
}