pzimediadesign/web/2015-Henk-Jelle_de_Groot.html

<!DOCTYPE HTML><html><head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">

    <title>U ntitled</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 class="template" 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 date and deleted thumbnail  -->

                        <h2 id="creator">Henk-Jelle de Groot</h2>

                        <p id="title">U ntitled 2015</p><!--{title} {date} -->

                        <!-- moved up description  -->

                        <div id="description"><p>Untitled is a work about visualizing non audible and non visual acoustic properties of a space. Every space has a certain acoustic reverberation, a property that can't be heard or seen on it's own. With this project I aim to visualize that property trough data visualization. Untitled contains a (few) examples of spaces that have been mapped and visualized in a new form and material. These sculptures are presented in a way that the viewer may contextualize on it's own what the nature of the sculpture is</p>
</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>

                        <p class="hightlightSidebar"><a href=" " target="_blank"> </a></p><!-- {website} -->

                        <!-- // -->

                    </div>
                </div>
            </div>

            <div id="logoWrap"><img class="template" 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 class="template" src="./img/arrowBack.svg">
		</a>
		<p>U ntitled</p><!--{title}-->
		<a class="closeSidebar"><img class="template" src="./img/arrowUpW.svg"></a>
              </div>
            </div>
                       
            <!-- extra -->

            <div class="project" id="extra">
	      <img id="thumbnail" src="http://pzwiki.wdka.nl/mw-mediadesign/images/e/e7/9m4MBqRM1w-6.png">
            </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/mainScripts_single.js"></script>


</body></html>
page generation with xml 10 years ago			`<!DOCTYPE HTML><html><head>`
			`<meta charset="UTF-8">`
			`<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">`
example html files 10 years ago
incorporating script debbuging; checking template 10 years ago			`<title>U ntitled</title>`
page generation with xml 10 years ago			`<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">`
example html files 10 years ago			`</head>`

			`<body>`
			`<div id="pageWrap">`
			`<div id="sidebar">`
			`<div id="sidebarInner">`
			`<div id="sideBarDesc">`
			`<div id="sideBarDescInfo">`
images: using mw_client 10 years ago			`<a class="hoverBackA" href="index.html"><img class="template" src="./img/arrowBack.svg"></a><p>Tempted by Tomorrow</p>`
example html files 10 years ago			`</div>`

			`<div id="sideBarDescInner">`

incorporating script debbuging; checking template 10 years ago			`<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->`
example html files 10 years ago
			`<h2 id="creator">Henk-Jelle de Groot</h2>`

page generation with xml 10 years ago			`<p id="title">U ntitled 2015</p><!--{title} {date} -->`
example html files 10 years ago
incorporating script debbuging; checking template 10 years ago			`<!-- moved up description -->`
example html files 10 years ago
html 10 years ago			<div id="description"><p>Untitled is a work about visualizing non audible and non visual acoustic properties of a space. Every space has a certain acoustic reverberation, a property that can't be heard or seen on it's own. With this project I aim to visualize that property trough data visualization. Untitled contains a (few) examples of spaces that have been mapped and visualized in a new form and material. These sculptures are presented in a way that the viewer may contextualize on it's own what the nature of the sculpture is</p>
			`</div>`
example html files 10 years ago
incorporating script debbuging; checking template 10 years ago			`<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>`
example html files 10 years ago
page generation with xml 10 years ago			`<p class="hightlightSidebar"><a href=" " target="_blank"> </a></p><!-- {website} -->`
example html files 10 years ago
			`<!-- // -->`

			`</div>`
			`</div>`
			`</div>`

images: using mw_client 10 years ago			`<div id="logoWrap"><img class="template" id="logo" src="./img/black_PZI_logo_p.svg"></div>`
example html files 10 years ago			`</div>`

			`<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">`
			`<div class="fixedsticky" id="filter" style="top:0;">`
			`<div class="themes" id="sortArea">`
page generation with xml 10 years ago			`<a class="hoverBackB" href="index.html">`
images: using mw_client 10 years ago			`<img class="template" src="./img/arrowBack.svg">`
page generation with xml 10 years ago			`</a>`
			`<p>U ntitled</p><!--{title}-->`
images: using mw_client 10 years ago			`<a class="closeSidebar"><img class="template" src="./img/arrowUpW.svg"></a>`
changing css 10 years ago			`</div>`
example html files 10 years ago			`</div>`

			`<!-- extra -->`

			`<div class="project" id="extra">`
page generation with xml 10 years ago			`<img id="thumbnail" src="http://pzwiki.wdka.nl/mw-mediadesign/images/e/e7/9m4MBqRM1w-6.png">`
example html files 10 years ago			`</div>`

			`<!---->`

			`</div>`
			`</div>`

page generation with xml 10 years ago			`<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/mainScripts_single.js"></script>`
arrows added 10 years ago
example html files 10 years ago

			`</body></html>`