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.

122 lines
4.9 KiB
HTML

<!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="../notitleyet/main.css">
<link rel="stylesheet" href="../notitleyet/style.css">
<link rel="icon" href="img/Crypto.png" type="img/Crypto.png" />
</head>
<body>
<div id='wrapper'></div>
<a href='../' id='homebttn' class='ext'> &#9746</a>
<header>
<h1 id='project-title'>Count On Me <a href='#hleft-text' class='show'> &#8645</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>&#129122 "Count on me" is an interactive installation exploring the different pretexts through which we conveniently or unknowingly accept to be monitored and self-monitored. A series of sensors and a camera detect your attention span and level of interaction in order to fluctuate cryptocurrency earnings and move you from one stage to the next.
Once ready to go, the idea is to allow the visitor/user to convert their crytpos-gains into cash.<br></p>
</p></div>
<br><br>
<div id='about-student'>
<p>&#129122 Martin Foucaut is a freelance graphic designer based in Rotterdam, NL. Next to his professional practice ,
Martin is conducting a research about new media that involves writing, coding and installation works.<br><br><br><br><br><br><br><br><br><br><br><br>
</div>
<a id='getback' class='int'> go back </a>
</object>
</div>
</a>
</div>
</header>
<section id='main'>
<div id="galleries">
<div id='work'>
<h3 class='gal-title'><div id='about-project'>
<a href='https://project.xpub.nl/notitleyet/pdf/Martin_Foucaut_Graduation_Thesis_XPUB_2022.pdf' target="_blank" class='ext'>Publication</a> &#129122
<a href='https://editor.p5js.org/MartinF/full/ASFk-WPHH' target="_blank" class='ext'>Project</a> &#129122
<a href='https://editor.p5js.org/MartinF/sketches/ASFk-WPHH' target="_blank" class='ext'>Code</a> &#129122
<a href='https://pzwiki.wdka.nl/mediadesign/XPUB2_Research_Board_/_Martin_Foucaut' target="_blank" class='ext'>Board</a>
</div></h3>
<div id="myGallery">
<figure tabindex="0">
<p class="fade-in">hover me</p>
<img src="img/01_StockTicker.png" title="Level 1: Stock Ticker" alt="" class='still'/>
<img src="img/01_StockTicker.gif" title="Level 1: Stock Ticker" alt="" class='workimg'/><figcaption>Level 1: Stock Ticker</figcaption>
</figure>
<figure tabindex="0">
<p class="fade-in">hover me</p>
<img src="img/02_SlotMachine.png" title="Level 2: Slot Machine" alt="" class='still'/>
<img src="img/02_SlotMachine.gif" title="Level 2: Slot Machine" alt="" class='workimg'/><figcaption>Level 2: Slot Machine</figcaption>
</figure>
<figure tabindex="0">
<p class="fade-in">hover me</p>
<img src="img/03_SelfTracker_01.png" title="Level 3: Self-Tracker" alt="" class='still'/>
<img src="img/03_SelfTracker_01.gif" title="Level 3: Self-Tracker" alt="" class='workimg'/><figcaption>Level 3: Self-Tracker</figcaption>
</figure>
<figure tabindex="0">
<p class="fade-in">hover me</p>
<img src="img/04_SelfTracker_02.png" title="Level 4: Self-Tracker" alt="" class='still'/>
<img src="img/03_SelfTracker_02.gif" title="Level 4: Self-Tracker" alt="" class='workimg'/><figcaption>Level 4: Self-Tracker</figcaption>
</figure>
<figure tabindex="0">
<p class="fade-in">hover me</p>
<img src="img/05_Livestream.png" title="Level 5: Livestram" alt="" class='still'/>
<img src="img/05_Livestream.gif" title="Level 5: Livestram" alt="" class='workimg'/><figcaption>Level 5: Livestram</figcaption>
</figure>
<figure tabindex="0">
<p class="fade-in">hover me</p>
<img src="img/07_SelfRegister.png" title="Level 6: Self Scanning" alt="" class='still'/>
<img src="img/07_SelfRegister.gif" title="Level 6: Self Scanning" alt="" class='workimg'/><figcaption>Level 6: Self Scanning</figcaption>
</figure>
<figure tabindex="0">
<p class="fade-in">hover me</p>
<img src="img/08_GPS_01.png" title="Level 7: GPS" alt="" class='still'/>
<img src="img/08_GPS_01.gif" title="Level 7: GPS" alt="" class='workimg'/><figcaption>Level 7: GPS</figcaption>
</figure>
<figure tabindex="0">
<p class="fade-in">hover me</p>
<img src="img/000_Exit.png" title="Exit" alt="" class='still'/>
<img src="img/000_Exit.gif" title="Exit" alt="" class='workimg'/><figcaption>Exit</figcaption>
</figure>
</div>
<!---
<img src="img/01_StockTicker.gif" class='workimg'/>
<img src="img/02_SlotMachine.gif" class='workimg'/>
<img src="img/03_SelfTracker_01.gif" class='workimg'/>
<img src="img/03_SelfTracker_02.gif" class='workimg'/>
<img src="img/08_GPS_01.gif" class='workimg'/>
<img src="img/07_SelfReister.gif" class='workimg'/>
<img src="img/000_Exit.gif" class='workimg'/> -->
</div>
</ul>
</div>
<div id='gradshow'>
<h3 class='gal-title'>Graduation Show (Soon)</h3>
</div>
</div>
</section>
</div>
</body>
</html>