shift/harmony
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add 5 physical game photo slides before AI research slide

Browse source 
- Added slides 15-19 showcasing physical Harmony game photos
- Moved AI research to slide 20, Play Harmony to slide 21
- Updated totalSlides navigation from 16 to 21
- Images styled with cyan glow effect matching presentation theme
This commit is contained in:
Vincent Palmer 2025-09-30 18:49:06 +02:00
parent 6df3c0770f
commit 854d352076
7 changed files with 45 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

50
presentation_no_iframe.html
View file

@ -483,8 +483,48 @@
<img src="images/drawing-1.svg" alt="Harmany concept">
</div>
<!-- Slide 15: AI Research -->
<!-- Slide 15: Physical Game Photo 1 -->
<div class="slide content-slide" id="slide-15">
<h2>Physical Game in Action</h2>
<div style="display: flex; justify-content: center; align-items: center; height: 70vh;">
<img src="images/IMG_20250930_182212.jpg" alt="Harmony game setup" style="max-width: 90%; max-height: 100%; object-fit: contain; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,255,255,0.3);">
</div>
</div>
<!-- Slide 16: Physical Game Photo 2 -->
<div class="slide content-slide" id="slide-16">
<h2>Game Board Detail</h2>
<div style="display: flex; justify-content: center; align-items: center; height: 70vh;">
<img src="images/IMG_20250930_182217.jpg" alt="Game board close-up" style="max-width: 90%; max-height: 100%; object-fit: contain; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,255,255,0.3);">
</div>
</div>
<!-- Slide 17: Physical Game Photo 3 -->
<div class="slide content-slide" id="slide-17">
<h2>Game Pieces & Elements</h2>
<div style="display: flex; justify-content: center; align-items: center; height: 70vh;">
<img src="images/IMG_20250930_182227.jpg" alt="Game pieces detail" style="max-width: 90%; max-height: 100%; object-fit: contain; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,255,255,0.3);">
</div>
</div>
<!-- Slide 18: Physical Game Photo 4 -->
<div class="slide content-slide" id="slide-18">
<h2>Gameplay in Progress</h2>
<div style="display: flex; justify-content: center; align-items: center; height: 70vh;">
<img src="images/IMG_20250930_182236.jpg" alt="Game in progress" style="max-width: 90%; max-height: 100%; object-fit: contain; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,255,255,0.3);">
</div>
</div>
<!-- Slide 19: Physical Game Photo 5 -->
<div class="slide content-slide" id="slide-19">
<h2>Complete Game Setup</h2>
<div style="display: flex; justify-content: center; align-items: center; height: 70vh;">
<img src="images/IMG_20250930_182505.jpg" alt="Complete game setup" style="max-width: 90%; max-height: 100%; object-fit: contain; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,255,255,0.3);">
</div>
</div>
<!-- Slide 20: AI Research -->
<div class="slide content-slide" id="slide-20">
<h2>More AI Bollocks?</h2>
<p style="font-size: 1.8em; margin-bottom: 30px;">Want to see what AI agents can actually do?</p>
<p style="font-size: 1.4em; margin-bottom: 20px;"><strong>HY300 Linux Porting Project</strong></p>
@ -494,8 +534,8 @@
<p style="font-size: 1.2em; margin-top: 30px; color: #0ff;"><strong>github.com/shift/sun50iw12p1-research</strong></p>
</div>
<!-- Slide 16: Play Harmony -->
<div class="slide content-slide" id="slide-16">
<!-- Slide 21: Play Harmony -->
<div class="slide content-slide" id="slide-21">
<h2>Ready to Play?</h2>
<p style="font-size: 2em; margin-bottom: 30px;">Let's play some Harmony!</p>
@ -526,7 +566,7 @@
</div>
</div>
<p style="font-size: 1.8em; color: #fff; margin-top: 20px; font-weight: bold;">Play on your device or scan the QR code for mobile access</p>
<p style="font-size: 1.8em; color: #fff; margin-top: 20px; font-weight: bold;">Scan the QR code for the slides &amp; code.</p>
</div>
</div>
@ -538,7 +578,7 @@
<script>
// Slide navigation code
let currentSlideIndex = 0;
const totalSlides = 16;
const totalSlides = 21;
let isTransitioning = false;
function showSlide(index) {