pzimediadesign/web/2015-Henk-Jelle_de_Groot.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">
                        <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/e/e7/9m4MBqRM1w-6.png  -->

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

                        <p id="title">Title 2015</p>

                        <!-- moved up <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 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" />

                        <!-- // -->

                    </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><img src="./img/arrowUpW.svg" />
                    <!--p>PZI: Master Media Design & Communication </p--> <a class="closeSidebar"><img src="./arrowUpW.svg" /></a>
                </div>
            </div>
                       
            <!-- extra -->

            <div class="project" id="extra">
	      <img id="thumnail" 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 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>
example html files 10 years ago			`<html><head>`
			`<meta charset="UTF-8" />`
			`<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />`

html 10 years ago			`<title>Title</title>`
example html files 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" />`
			`</head>`

			`<body>`
			`<div id="pageWrap">`
			`<div id="sidebar">`
			`<div id="sidebarInner">`
			`<div id="sideBarDesc">`
			`<div id="sideBarDescInfo">`
arrows added 10 years ago			`<a class="hoverBackA" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Tempted by Tomorrow</p>`
example html files 10 years ago			`</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/e/e7/9m4MBqRM1w-6.png -->`

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

html 10 years ago			`<p id="title">Title 2015</p>`
example html files 10 years ago
html 10 years ago			<!-- moved up <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>
			`-->`
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
html 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
			`<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">`
html 10 years ago			`<a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><img src="./img/arrowUpW.svg" />`
example html files 10 years ago			`<!--p>PZI: Master Media Design & Communication </p--> <a class="closeSidebar"><img src="./arrowUpW.svg" /></a>`
			`</div>`
			`</div>`

			`<!-- extra -->`

			`<div class="project" id="extra">`
			`<img id="thumnail" 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 src="./js/fixedfixed.js" />`
			`<script src="./js/fixedsticky.js" />`
			`<script src="./js/isotope.pkgd.min.js" />`
			`<script src="./js/imagesloaded.pkgd.min.js" />`
arrows added 10 years ago			`<script src="./js/mainScripts_single.js" />`

example html files 10 years ago

			`</body></html>`