You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
2.3 KiB
HTML
76 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
|
|
|
<title>{title}</title>
|
|
<link href="./css/style.css" rel="stylesheet">
|
|
<link href="./css/style_projectpage.css" rel="stylesheet">
|
|
<link href="./fonts/fontstylesheet01.css" rel="stylesheet">
|
|
<link href="./css/fixedsticky.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="pageWrap">
|
|
<div id="sidebar">
|
|
<div id="sidebarInner">
|
|
<div id="sideBarDesc">
|
|
<div id="sideBarDescInfo">
|
|
<p>Tempted by Tomorrow</p>
|
|
</div>
|
|
|
|
<div id="sideBarDescInner">
|
|
|
|
<!-- we used h2's and p's instead of divs here, moved {date} and deleted {thumbnail} -->
|
|
|
|
<h2 id="creator">{creator}</h2>
|
|
|
|
<p id="title">{title} {date}</p>
|
|
|
|
<!-- moved up {description} -->
|
|
|
|
<div id="description">{description}</div>
|
|
|
|
<div id="bio">{bio}</div>
|
|
|
|
<p class="hightlightSidebar"><a href="{website}" target="_blank">{website}</a></p>
|
|
|
|
<!-- // -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="logoWrap"><img id="logo" src="./img/black_PZI_logo_p.svg"></div>
|
|
</div>
|
|
|
|
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
|
<div class="fixedsticky" id="filter" style="top:0;">
|
|
<div class="themes" id="sortArea">
|
|
<p>{title}</p>
|
|
<!--p>PZI: Master Media Design & Communication </p--> <a class="closeSidebar"><img src="./arrowUpW.svg"></a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- extra -->
|
|
|
|
<div id="extra" class="project">
|
|
<img id="thumnail" src={thumbnail} />
|
|
{extra}
|
|
</div>
|
|
|
|
<!---->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script src='./js/jquery-2.1.3.min.js'></script>
|
|
<script src='./js/fixedfixed.js'></script>
|
|
<script src='./js/fixedsticky.js'></script>
|
|
<script src='./js/isotope.pkgd.min.js'></script>
|
|
<script src='./js/imagesloaded.pkgd.min.js'></script>
|
|
<script src='./js/mainScripts.js'></script>
|
|
</body>
|
|
</html>
|