index.html

<link href='https://fonts.googleapis.com/css?family=ABeeZee' rel='stylesheet'>

<style>
    body {
        display: flex;
        justify-content: center;
        font-family: 'ABeeZee';
    }
    
    li:hover a {
      color: Navy;
    }
    
    li:hover {
      color: Navy;
    }
</style>

<ol>
    <li><a href="./01-Drum-Kit/index.html">Drum Kit</a></li>
    <li><a href="./02-CSS-JS-Clock/index.html">Clock</a></li>
    <li><a href="./03-CSS-JS-Variables/index.html">Dynamic CSS Variables</a></li>
    <li><a href="./04-Arrays-A/index.html">Arrays A (console)</a></li>
    <li><a href="./05-Image-Gallery/index.html">Image Gallery</a></li>
    <li><a href="./06-Search-Autocomplete/index.html">Search Autocomplete</a></li>
    <li><a href="./07-Arrays-B/index.html">Arrays B (console)</a></li>
    <li><a href="./08-Canvas-Drawing/index.html">Canvas Drawing</a></li>
    <li><a href="./09-Dev-Tools-Tricks/index.html">Dev Tools Tricks</a></li>
    <li><a href="./10-Multi-Checkbox-Select/index.html">Multi Checkbox Select</a></li>
    <li><a href="./11-Custom-Video-Player/index.html">Custom Video Player</a></li>
    <li><a href="./12-Key-Sequence-Detect/index.html">Key Sequence Detect</a></li>
    <li><a href="./13-Slide-In-On-Scroll/index.html">Slide in on Scroll</a></li>
    <li><a href="./14-Reference-vs-Copying/index.html">Reference vs Copying</a></li>
    <li><a href="./15-Local-Storage/index.html">Local Storage</a></li>
    <li><a href="./16-Mouse-Move-Shadow/index.html">Mouse Move Shadow</a></li>
    <li><a href="./17-Complex-Array-Sort/index.html">Complex Array Sort</a></li>
    <li><a href="./18-Time-with-Reduce/index.html">Time with Reduce</a></li>
    <li><a href="./19-Webcam/index.html">Webcam</a></li>
    <li><a href="./20-Speech-Recognition/index.html">Speech Recognition</a></li>
    <li><a href="./21-Geolocation-Compass/index.html">Geolocation Compass</a></li>
    <li><a href="./22-Follow-Along-Links/index.html">Follow along links</a></li>
    <li><a href="./23-Speech-Synthesis/index.html">Speech Synthesis</a></li>
    <li><a href="./24-Sticky-Navigation/index.html">Sticky Navigation</a></li>
    <li><a href="./25-Complex-Events/index.html">Complex Events</a></li>
    <li><a href="./26-Animating-Dropdown/index.html">Animating Dropdown</a></li>
    <li><a href="./27-Click-and-Drag/index.html">Click and Drag</a></li>
    <li><a href="./28-Video-Speed-UI/index.html">Video Speed UI</a></li>
    <li><a href="./29-Countdown-Timer/index.html">Countdown Timer</a></li>
    <li><a href="./30-Whack-A-Mole/index.html">Whack a Mole</a></li>
</ol>