|
|
|
<!doctype html>
|
|
|
|
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
|
|
<title>Count On Me</title>
|
|
|
|
<meta name="description" content="XPUB">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<link rel="stylesheet" href="../pages.css">
|
|
|
|
<link rel="stylesheet" href="../notitleyet/main_2.css">
|
|
|
|
<link rel="stylesheet" href="../notitleyet/style_2.css">
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
|
|
|
<div id='wrapper'></div>
|
|
|
|
<a href='../' id='homebttn' class='ext'> << home</a>
|
|
|
|
<header>
|
|
|
|
<h1 id='project-title'>Count On Me<a href='#hleft-text' class='show'> ⓘ</a></h1>
|
|
|
|
<h2 id='student-name'>Martin Foucaut</h2>
|
|
|
|
<div id='hleft-text'>
|
|
|
|
<a href=# id='back'>
|
|
|
|
<div id='inner-hleft-text'>
|
|
|
|
<div id='ihtp'>
|
|
|
|
<object>
|
|
|
|
<div id='about-project'>
|
|
|
|
<p>this is supposed to be a description of the project</p></div>
|
|
|
|
<hr align='left'>
|
|
|
|
<div id='about-student'>
|
|
|
|
<p>this is supposed to be a description of the student)</div>
|
|
|
|
<a id='getback' class='int'> go back </a>
|
|
|
|
</object>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<section id='main'>
|
|
|
|
<div id="galleries">
|
|
|
|
<div id='work'>
|
|
|
|
<h3 class='gal-title'>Work</h3>
|
|
|
|
<ul id='publist'>
|
|
|
|
<li><a href='https://editor.p5js.org/MartinF/full/ASFk-WPHH' target="_blank" class='ext'>Project Website</a></li>
|
|
|
|
</ul>
|
|
|
|
<img src="img/img1.jpg" class='workimg'/>
|
|
|
|
<img src="img/img2.jpg" class='workimg'/>
|
|
|
|
<img src="img/img3.jpg" class='workimg'/>
|
|
|
|
<img src="img/img4.jpg" class='workimg'/>
|
|
|
|
</div>
|
|
|
|
<div id='publication'>
|
|
|
|
<h3 class='gal-title'>Publication</h3>
|
|
|
|
<ul id='publist'>
|
|
|
|
<li><a href='https://project.xpub.nl/notitleyet/pdf/Martin_Foucaut_Graduation_Thesis_XPUB_2022.pdf' target="_blank" class='ext'>Publication PDF</a></li>
|
|
|
|
</ul>
|
|
|
|
<img src="img/pub1.jpg" class='workimg'/>
|
|
|
|
<img src="img/pub2.jpg" class='workimg'/>
|
|
|
|
<img src="img/pub3.jpg" class='workimg'/>
|
|
|
|
<img src="img/pub4.jpg" class='workimg'/>
|
|
|
|
</div>
|
|
|
|
<div id='gradshow'>
|
|
|
|
<h3 class='gal-title'>Graduation Show</h3>
|
|
|
|
<img src="img/gradshow1.jpg" class='workimg'/>
|
|
|
|
<img src="img/gradshow2.jpg" class='workimg'/>
|
|
|
|
<img src="img/gradshow3.jpg" class='workimg'/>
|
|
|
|
<img src="img/gradshow4.jpg" class='workimg'/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|