William-Hill.github.io/index.html at master · William-Hill/William-Hill.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>M.J. Hill Digital</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <nav>
        <div class="container nav-container">
            <a href="/" class="logo">mjhill<span class="accent">.digital</span></a>
            <button class="nav-toggle" aria-label="Toggle navigation" aria-controls="primary-nav" aria-expanded="false">☰</button>
            <div id="primary-nav" class="nav-links">
                <a href="#lessons">Lessons</a>
                <a href="#about">About</a>
                <a href="https://github.com/William-Hill" target="_blank" rel="noopener noreferrer">GitHub</a>
                <a href="https://www.linkedin.com/in/whill3" target="_blank" rel="noopener noreferrer">LinkedIn</a>
            </div>
        </div>
    </nav>

    <main>
        <section class="hero">
            <div class="container">
                <h1 class="logo-large">mjhill<span class="accent">.digital</span></h1>
                <p class="tagline">// engineer. educator. builder.<span class="cursor">|</span></p>
            </div>
        </section>

        <section id="about" class="about">
            <div class="container">
                <h2 class="section-heading">// about</h2>
                <p>M.J. Hill Digital is the work of William Hill — a software engineer and educator building tools, teaching code, and exploring the intersection of sports analytics and AI. From summer camps in the U.S. Virgin Islands to tech talks on AI agents, the mission is making technology accessible and fun.</p>
                <div class="tags">
                    <span class="tag">Python</span>
                    <span class="tag">React</span>
                    <span class="tag">Flask</span>
                    <span class="tag">FastAPI</span>
                    <span class="tag">AI/ML</span>
                    <span class="tag">Pygame</span>
                    <span class="tag">LangChain</span>
                    <span class="tag">AWS</span>
                </div>
            </div>
        </section>

        <section id="lessons" class="lessons">
            <div class="container">
                <h2 class="section-heading">// lessons</h2>
                <div class="lessons-grid">
                    <a href="lessons/uvi-summer-camp/" class="card">
                        <h3>UVI Summer Camp</h3>
                        <p class="meta">University of the Virgin Islands · 2018</p>
                        <p class="description">Taught Python fundamentals through game development — students built turtle graphics animations, a Pac-Man game, and a Spades card game from scratch.</p>
                        <div class="tags">
                            <span class="tag">Python</span>
                            <span class="tag">Turtle Graphics</span>
                            <span class="tag">Game Dev</span>
                        </div>
                        <span class="cta">View Lesson →</span>
                    </a>
                    <a href="lessons/isteam-camp-2025/" class="card">
                        <h3>ISTEAM Camp 2025</h3>
                        <p class="meta">St. Kitts · 2025</p>
                        <p class="description">Game development camp where students built four complete games using Pygame Zero — from a space arcade shooter to a Jujutsu Kaisen-themed fighting game.</p>
                        <div class="tags">
                            <span class="tag">Python</span>
                            <span class="tag">Pygame Zero</span>
                            <span class="tag">Game Dev</span>
                        </div>
                        <span class="cta">View Lesson →</span>
                    </a>
                </div>
            </div>
        </section>
    </main>

    <script src="js/main.js"></script>
</body>
</html>