|
|
@ -56,48 +56,48 @@
|
|
|
|
<figure tabindex="0">
|
|
|
|
<figure tabindex="0">
|
|
|
|
<p class="fade-in">hover me</p>
|
|
|
|
<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.png" title="Level 1: Stock Ticker" alt="" class='still'/>
|
|
|
|
<img src="img/gif/01_StockTicker.gif" title="Level 1: Stock Ticker" alt="" class='workimg'/><figcaption>Level 1: Stock Ticker</figcaption>
|
|
|
|
<img src="img/gif/01_StockTicker.gif" title="Level 1: Stock Ticker" alt="" class='workimg'/><figcaption>Level 1: Stock Ticker (hover to preview)</figcaption>
|
|
|
|
</figure>
|
|
|
|
</figure>
|
|
|
|
|
|
|
|
|
|
|
|
<figure tabindex="0">
|
|
|
|
<figure tabindex="0">
|
|
|
|
<p class="fade-in">hover me</p>
|
|
|
|
<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.png" title="Level 2: Slot Machine" alt="" class='still'/>
|
|
|
|
<img src="img/gif/02_SlotMachine.gif" title="Level 2: Slot Machine" alt="" class='workimg'/><figcaption>Level 2: Slot Machine</figcaption>
|
|
|
|
<img src="img/gif/02_SlotMachine.gif" title="Level 2: Slot Machine" alt="" class='workimg'/><figcaption>Level 2: Slot Machine (hover to preview)</figcaption>
|
|
|
|
</figure>
|
|
|
|
</figure>
|
|
|
|
|
|
|
|
|
|
|
|
<figure tabindex="0">
|
|
|
|
<figure tabindex="0">
|
|
|
|
<p class="fade-in">hover me</p>
|
|
|
|
<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.png" title="Level 3: Self-Tracker" alt="" class='still'/>
|
|
|
|
<img src="img/gif/03_SelfTracker_01.gif" title="Level 3: Self-Tracker" alt="" class='workimg'/><figcaption>Level 3: Self-Tracker</figcaption>
|
|
|
|
<img src="img/gif/03_SelfTracker_01.gif" title="Level 3: Self-Tracker" alt="" class='workimg'/><figcaption>Level 3: Self-Tracker (hover to preview)</figcaption>
|
|
|
|
</figure>
|
|
|
|
</figure>
|
|
|
|
|
|
|
|
|
|
|
|
<figure tabindex="0">
|
|
|
|
<figure tabindex="0">
|
|
|
|
<p class="fade-in">hover me</p>
|
|
|
|
<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/04_SelfTracker_02.png" title="Level 4: Self-Tracker" alt="" class='still'/>
|
|
|
|
<img src="img/gif/03_SelfTracker_02.gif" title="Level 4: Self-Tracker" alt="" class='workimg'/><figcaption>Level 4: Self-Tracker</figcaption>
|
|
|
|
<img src="img/gif/03_SelfTracker_02.gif" title="Level 4: Self-Tracker" alt="" class='workimg'/><figcaption>Level 4: Self-Tracker (hover to preview)</figcaption>
|
|
|
|
</figure>
|
|
|
|
</figure>
|
|
|
|
|
|
|
|
|
|
|
|
<figure tabindex="0">
|
|
|
|
<figure tabindex="0">
|
|
|
|
<p class="fade-in">hover me</p>
|
|
|
|
<p class="fade-in">hover me</p>
|
|
|
|
<img src="img/05_Livestream_02.png" title="Level 5: Livestream" alt="" class='still'/>
|
|
|
|
<img src="img/05_Livestream_02.png" title="Level 5: Livestream" alt="" class='still'/>
|
|
|
|
<img src="img/gif/05_Livestream_02.gif" title="Level 5: Livestream" alt="" class='workimg'/><figcaption>Level 5: Livestream</figcaption>
|
|
|
|
<img src="img/gif/05_Livestream_02.gif" title="Level 5: Livestream" alt="" class='workimg'/><figcaption>Level 5: Livestream (hover to preview)</figcaption>
|
|
|
|
</figure>
|
|
|
|
</figure>
|
|
|
|
|
|
|
|
|
|
|
|
<figure tabindex="0">
|
|
|
|
<figure tabindex="0">
|
|
|
|
<p class="fade-in">hover me</p>
|
|
|
|
<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.png" title="Level 6: Self Scanning" alt="" class='still'/>
|
|
|
|
<img src="img/gif/07_SelfRegister.gif" title="Level 6: Self Scanning" alt="" class='workimg'/><figcaption>Level 6: Self Scanning</figcaption>
|
|
|
|
<img src="img/gif/07_SelfRegister.gif" title="Level 6: Self Scanning" alt="" class='workimg'/><figcaption>Level 6: Self Scanning (hover to preview)</figcaption>
|
|
|
|
</figure>
|
|
|
|
</figure>
|
|
|
|
|
|
|
|
|
|
|
|
<figure tabindex="0">
|
|
|
|
<figure tabindex="0">
|
|
|
|
<p class="fade-in">hover me</p>
|
|
|
|
<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.png" title="Level 7: GPS" alt="" class='still'/>
|
|
|
|
<img src="img/gif/08_GPS_01.gif" title="Level 7: GPS" alt="" class='workimg'/><figcaption>Level 7: GPS</figcaption>
|
|
|
|
<img src="img/gif/08_GPS_01.gif" title="Level 7: GPS" alt="" class='workimg'/><figcaption>Level 7: GPS (hover to preview)</figcaption>
|
|
|
|
</figure>
|
|
|
|
</figure>
|
|
|
|
<figure tabindex="0">
|
|
|
|
<figure tabindex="0">
|
|
|
|
<p class="fade-in">hover me</p>
|
|
|
|
<p class="fade-in">hover me</p>
|
|
|
|
<img src="img/000_Exit.png" title="Exit" alt="" class='still'/>
|
|
|
|
<img src="img/000_Exit.png" title="Exit" alt="" class='still'/>
|
|
|
|
<img src="img/gif/000_Exit.gif" title="Exit" alt="" class='workimg'/><figcaption>Exit (Not detected for 5sec)</figcaption>
|
|
|
|
<img src="img/gif/000_Exit.gif" title="Exit" alt="" class='workimg'/><figcaption>Exit (Not detected for 5sec) (hover to preview)</figcaption>
|
|
|
|
</figure>
|
|
|
|
</figure>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|