haydenjweal-website/index.html at main · hotjamwot/haydenjweal-website · 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
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HAYDEN J. WEAL</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="icon" type="image/png" sizes="32x32" href="img/hjw-favicon.png">
</head>

<body>

    <!-- Hero Section with Video -->
    <section id="hero">
        <div class="hero-video-container">
            <video autoplay loop muted playsinline>
                <source src="mov/HeroMovie.mp4" type="video/mp4">
                Your browser does not support the video tag.
            </video>
        </div>
<header class="career-header hero-header">
    <div class="header-content">
        <h1><a href="index.html">HAYDEN J. WEAL</a></h1>
    </div>
    <nav>
        <ul>
            <li><a href="director.html">Director</a></li>
            <li><a href="editor.html">Editor</a></li>
            <li><a href="writer.html">Writer</a></li>
            <li><a href="actor.html">Actor</a></li>
            <li><a href="index.html#bio-cv">Bio</a></li>
        </ul>
    </nav>
</header>
    </section>

    <!-- Bio & CV Section -->
<section id="bio-cv">
    <header class="career-header">
        <h1><a href="index.html">HAYDEN J. WEAL</a></h1>
        <nav>
            <ul>
                <li><a href="director.html">Director</a></li>
                <li><a href="editor.html">Editor</a></li>
                <li><a href="writer.html">Writer</a></li>
                <li><a href="actor.html">Actor</a></li>
                <li class="active"><a href="#bio-cv">Bio</a></li>
            </ul>
        </nav>
        </header>

        <div class="top-section">
        <main class="bio-container">
            <div class="bio-content">
                <div class="bio-image">
                    <img src="img/HaydenJWeal-bio.jpg" alt="Hayden J. Weal">
                    <p class="image-caption">My hair doesn't usually look like this, by the way. I grew it and dyed it blonde for the filming of Camp Be Better, the comedy series I directed in 2024.</p>
                </div>

                <div class="bio-text">
                    <h2 class="top-section-title">Hayden J. Weal</h2>
                    <p>Hayden J. Weal has directed two feature films, a TV series and edited over five features. He's spent years on major sets, doubling for Martin Freeman in <em>The Hobbit</em> and later Daniel Radcliffe in <em>Guns Akimbo</em>.</p>

                    <p>His debut feature <em>Chronesthesia</em> — a zero-budget time travel rom-com — premiered to sold-out screenings at the New Zealand International Film Festival before playing in Austin and Shanghai, where it was nominated in the 100 Flowers competition. The film drew acclaim for its honest portrayal of mental health, and Hayden still hears from people it touched.</p>

                    <p>In 2018, he co-wrote and directed <em>DEAD</em>, which recouped its budget and found cult status among comedy-horror fans. In 2024, he made <em>Camp Be Better</em>, a six-episode limited TV series for TVNZ, a wildly ambitious summer-camp comedy with a big ensemble cast.</p>

                    <p>Since moving to the UK in 2023, he's directed for YouTube juggernauts Beta Squad (10M+ subs), acted in a Mercedes Benz commercial in Madrid, and filmed a short romance film currently doing the festival circuit.</p>

                    <p>His inspirations include Working Title, Baby Cow, and early Pegg & Wright. He's less drawn to work that's cynical, joyless, or tries too hard to be cool. He prefers democratic sets over dictatorships. For Hayden, the sweet spot is <strong>energetic comedies with heart.</strong></p>

                    <a href="pdf/Hayden-J-Weal_CV.pdf" class="button" target="_blank">View CV</a>
                </div>
            </div>
        </main>
        </div>
    </section>

    <section class="contact">
        <h2>Wanna Play Together?</h2>
        <p>Contact me here. I'd love to hear from you.</p>
        <a href="mailto:haydenweal@gmail.com" class="button">Get in touch</a>
    </section>

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

</html>