changing css

master
Lazer 10 years ago
parent da494c26ee
commit 254b8baa04

@ -0,0 +1,74 @@
<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">
<a class="hoverBackA" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Tempted by Tomorrow</p>
</div>
<div id="sideBarDescInner">
<!-- we used h2's and p's instead of divs here, moved 2015 and deleted http://pzwiki.wdka.nl/mw-mediadesign/images/b/bd/Collage_007_thumbnail.jpg -->
<h2 id="creator">Ana Lu&#237;sa Moura</h2>
<p id="title">Title 2015</p>
<!-- moved up desc -->
<div id="description">desc</div>
<div id="bio" />
<p class="hightlightSidebar" />
<!-- // -->
</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">
<a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><a class="closeSidebar"><img src="./img/arrowUpW.svg" /></a>
</div>
</div>
<!-- extra -->
<div class="project" id="extra">
<img id="thumnail" src="http://pzwiki.wdka.nl/mw-mediadesign/images/b/bd/Collage_007_thumbnail.jpg" />
extra
</div>
<!---->
</div>
</div>
<script src="./js/jquery-2.1.3.min.js" />
<script src="./js/fixedfixed.js" />
<script src="./js/fixedsticky.js" />
<script src="./js/isotope.pkgd.min.js" />
<script src="./js/imagesloaded.pkgd.min.js" />
<script src="./js/mainScripts_single.js" />
</body></html>

@ -30,8 +30,7 @@
<div id="description">desc</div> <div id="description">desc</div>
<div id="bio"><p>Artyom Kocharyan (AM) is visual artist based in Rotterdam. His work explores the contemporary visual culture, namely the culture of images that increasingly dominate the world of communication. Artyom&#8217;s work is concerned with the representation aspect of images and their ability to determine our vision of the world. Artyom is engaged with the representation apparatus that is peculiar to current digital and online culture.</p> <div id="bio" />
</div>
<p class="hightlightSidebar"><a href="www.artyomkocharyan.com" target="_blank">www.artyomkocharyan.com</a></p> <p class="hightlightSidebar"><a href="www.artyomkocharyan.com" target="_blank">www.artyomkocharyan.com</a></p>
@ -47,9 +46,8 @@
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02"> <div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
<div class="fixedsticky" id="filter" style="top:0;"> <div class="fixedsticky" id="filter" style="top:0;">
<div class="themes" id="sortArea"> <div class="themes" id="sortArea">
<a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><img src="./img/arrowUpW.svg" /> <a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><a class="closeSidebar"><img src="./img/arrowUpW.svg" /></a>
<!--p>PZI: Master Media Design & Communication </p--> <a class="closeSidebar"><img src="./arrowUpW.svg" /></a> </div>
</div>
</div> </div>
<!-- extra --> <!-- extra -->

@ -30,8 +30,7 @@
<div id="description">desc</div> <div id="description">desc</div>
<div id="bio"><p>Henk-Jelle de Groot is a Rotterdam based sound designer and musician. After graduating with an Audio / Visual design bachelor Henk-Jelle setup a sound studio in Rotterdam to work in the Audio / Visual industry. After 7 years of working he returned to the Piet Zwart Institute to graduate in a Master of comm design something something. In addition to working in the Audio / Visual industry, he is muscian and builder of electronic instruments.</p> <div id="bio" />
</div>
<p class="hightlightSidebar" /> <p class="hightlightSidebar" />
@ -47,9 +46,8 @@
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02"> <div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
<div class="fixedsticky" id="filter" style="top:0;"> <div class="fixedsticky" id="filter" style="top:0;">
<div class="themes" id="sortArea"> <div class="themes" id="sortArea">
<a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><img src="./img/arrowUpW.svg" /> <a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><a class="closeSidebar"><img src="./img/arrowUpW.svg" /></a>
<!--p>PZI: Master Media Design & Communication </p--> <a class="closeSidebar"><img src="./arrowUpW.svg" /></a> </div>
</div>
</div> </div>
<!-- extra --> <!-- extra -->

@ -0,0 +1,74 @@
<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">
<a class="hoverBackA" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Tempted by Tomorrow</p>
</div>
<div id="sideBarDescInner">
<!-- we used h2's and p's instead of divs here, moved 2015 and deleted http://pzwiki.wdka.nl/mw-mediadesign/images/1/16/Pointer.gif -->
<h2 id="creator">Joseph Knierzinger</h2>
<p id="title">Title 2015</p>
<!-- moved up desc -->
<div id="description">desc</div>
<div id="bio" />
<p class="hightlightSidebar"><a href="http://joak.nospace.at" target="_blank">http://joak.nospace.at</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">
<a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><a class="closeSidebar"><img src="./img/arrowUpW.svg" /></a>
</div>
</div>
<!-- extra -->
<div class="project" id="extra">
<img id="thumnail" src="http://pzwiki.wdka.nl/mw-mediadesign/images/1/16/Pointer.gif" />
extra
</div>
<!---->
</div>
</div>
<script src="./js/jquery-2.1.3.min.js" />
<script src="./js/fixedfixed.js" />
<script src="./js/fixedsticky.js" />
<script src="./js/isotope.pkgd.min.js" />
<script src="./js/imagesloaded.pkgd.min.js" />
<script src="./js/mainScripts_single.js" />
</body></html>

@ -30,8 +30,7 @@
<div id="description">desc</div> <div id="description">desc</div>
<div id="bio"><p>The bio is coming soon.</p> <div id="bio">hoi </div>
</div>
<p class="hightlightSidebar"><a href="www.example.com" target="_blank">www.example.com</a></p> <p class="hightlightSidebar"><a href="www.example.com" target="_blank">www.example.com</a></p>
@ -47,9 +46,8 @@
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02"> <div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
<div class="fixedsticky" id="filter" style="top:0;"> <div class="fixedsticky" id="filter" style="top:0;">
<div class="themes" id="sortArea"> <div class="themes" id="sortArea">
<a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><img src="./img/arrowUpW.svg" /> <a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><a class="closeSidebar"><img src="./img/arrowUpW.svg" /></a>
<!--p>PZI: Master Media Design & Communication </p--> <a class="closeSidebar"><img src="./arrowUpW.svg" /></a> </div>
</div>
</div> </div>
<!-- extra --> <!-- extra -->

@ -30,8 +30,7 @@
<div id="description">desc</div> <div id="description">desc</div>
<div id="bio"><p>Luther Blissett is a multiple-use name, an open pop star informally adopted and shared by hundreds of artists and activists all over Europe and the Americas since 1994. The pseudonym first appeared in Bologna, Italy, in mid-1994, when a number of cultural activists began using it for staging a series of urban and media pranks and to experiment with new forms of authorship and identity. From Bologna the multiple-use name spread to other European cities, such as Rome and London, as well as countries such as Germany, Spain, and Slovenia.[1] Sporadic appearances of Luther Blissett have been also noted in Canada, the United States, and Brazil.</p> <div id="bio" />Oh </div>
</div>
<p class="hightlightSidebar"><a href="https://en.wikipedia.org/wiki/Luther_Blissett_(nom_de_plume)" target="_blank">https://en.wikipedia.org/wiki/Luther_Blissett_(nom_de_plume)</a></p> <p class="hightlightSidebar"><a href="https://en.wikipedia.org/wiki/Luther_Blissett_(nom_de_plume)" target="_blank">https://en.wikipedia.org/wiki/Luther_Blissett_(nom_de_plume)</a></p>
@ -47,9 +46,8 @@
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02"> <div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
<div class="fixedsticky" id="filter" style="top:0;"> <div class="fixedsticky" id="filter" style="top:0;">
<div class="themes" id="sortArea"> <div class="themes" id="sortArea">
<a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><img src="./img/arrowUpW.svg" /> <a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><a class="closeSidebar"><img src="./img/arrowUpW.svg" /></a>
<!--p>PZI: Master Media Design & Communication </p--> <a class="closeSidebar"><img src="./arrowUpW.svg" /></a> </div>
</div>
</div> </div>
<!-- extra --> <!-- extra -->

@ -30,8 +30,7 @@
<div id="description">desc</div> <div id="description">desc</div>
<div id="bio"><p>My Bio</p> <div id="bio" />
</div>
<p class="hightlightSidebar"><a href="http://maxdovey.com" target="_blank">http://maxdovey.com</a></p> <p class="hightlightSidebar"><a href="http://maxdovey.com" target="_blank">http://maxdovey.com</a></p>
@ -47,9 +46,8 @@
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02"> <div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
<div class="fixedsticky" id="filter" style="top:0;"> <div class="fixedsticky" id="filter" style="top:0;">
<div class="themes" id="sortArea"> <div class="themes" id="sortArea">
<a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><img src="./img/arrowUpW.svg" /> <a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><a class="closeSidebar"><img src="./img/arrowUpW.svg" /></a>
<!--p>PZI: Master Media Design & Communication </p--> <a class="closeSidebar"><img src="./arrowUpW.svg" /></a> </div>
</div>
</div> </div>
<!-- extra --> <!-- extra -->

@ -1,8 +1,8 @@
<!DOCTYPE HTML><html><head> <!DOCTYPE HTML><html><head>
<meta charset="UTF-8"> <meta charset="UTF-8"></meta>
<meta content="yes" name="apple-mobile-web-app-capable"> <meta content="yes" name="apple-mobile-web-app-capable"></meta>
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport"></meta>
<title>Piet Zwart Institute: Master Media Design &amp; Communication</title> <title>Piet Zwart Institute: Master Media Design &amp; Communication</title>

Loading…
Cancel
Save