Simple Presentation Website

A clean, modern presentation website built on Val Town with slide navigation and responsive design.

• Fullscreen presentation with smooth transitions
• Keyboard navigation (left/right arrow keys)
• Touch navigation (swipe left/right)
• Responsive design that works on all devices
• Simple data visualization with animated bar chart
• Modern gradient styling

• index.ts - HTTP handler that serves the website
• index.html - Main HTML structure with presentation slides
• styles.css - CSS styling for the presentation
• script.js - JavaScript for slide navigation and interactions

1. Navigate through slides using:

   • On-screen navigation buttons
   • Left/right arrow keys
   • Swipe gestures on touch devices

2. Customize the content:

   • Edit the slides in index.html
   • Modify styles in styles.css
   • Add more interactive elements in script.js

To add more slides, simply copy an existing slide div in the HTML and update the content:

<div class="slide" id="slide-5">
  <div class="slide-content">
    <h1>New Slide Title</h1>
    <p>Your content here</p>
  </div>
</div>

The JavaScript will automatically detect the new slide and update the navigation.