|
|
@ -9,13 +9,15 @@
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<link rel="stylesheet" href="../notitleyet/main.css">
|
|
|
|
<link rel="stylesheet" href="../notitleyet/main.css">
|
|
|
|
<link rel="stylesheet" href="../notitleyet/style.css">
|
|
|
|
<link rel="stylesheet" href="../notitleyet/style.css">
|
|
|
|
|
|
|
|
<link rel="icon" href="img/Crypto.png" type="img/Crypto.png" />
|
|
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
<body>
|
|
|
|
<div id='wrapper'></div>
|
|
|
|
<div id='wrapper'></div>
|
|
|
|
<a href='../' id='homebttn' class='ext'> ☒</a>
|
|
|
|
<a href='../' id='homebttn' class='ext'> ☒</a>
|
|
|
|
<header>
|
|
|
|
<header>
|
|
|
|
<h1 id='project-title'>Count On Me<a href='#hleft-text' class='show'> ⇅</a></h1>
|
|
|
|
<h1 id='project-title'>Count On Me <a href='#hleft-text' class='show'> ⇅</a></h1>
|
|
|
|
<h2 id='student-name'>Martin Foucaut</h2>
|
|
|
|
<h2 id='student-name'>Martin Foucaut</h2>
|
|
|
|
<div id='hleft-text'>
|
|
|
|
<div id='hleft-text'>
|
|
|
|
<a href=# id='back'>
|
|
|
|
<a href=# id='back'>
|
|
|
@ -48,13 +50,63 @@
|
|
|
|
<a href='https://pzwiki.wdka.nl/mediadesign/XPUB2_Research_Board_/_Martin_Foucaut' target="_blank" class='ext'>Board</a>
|
|
|
|
<a href='https://pzwiki.wdka.nl/mediadesign/XPUB2_Research_Board_/_Martin_Foucaut' target="_blank" class='ext'>Board</a>
|
|
|
|
</div></h3>
|
|
|
|
</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/01_StockTicker.gif" class='workimg'/>
|
|
|
|
<img src="img/02_SlotMachine.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_01.gif" class='workimg'/>
|
|
|
|
<img src="img/03_SelfTracker_02.gif" class='workimg'/>
|
|
|
|
<img src="img/03_SelfTracker_02.gif" class='workimg'/>
|
|
|
|
<img src="img/08_GPS_01.gif" class='workimg'/>
|
|
|
|
<img src="img/08_GPS_01.gif" class='workimg'/>
|
|
|
|
<img src="img/07_SelfReister.gif" class='workimg'/>
|
|
|
|
<img src="img/07_SelfReister.gif" class='workimg'/>
|
|
|
|
<img src="img/000_Exit.gif" class='workimg'/>
|
|
|
|
<img src="img/000_Exit.gif" class='workimg'/> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|