starktech/alison.html at main · StarkTechLabs/starktech · 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
<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta charset="utf-8" />
    <meta name="description" content="" />
    <link rel="canonical" href="https://starktech.dev/alison.html">
    <meta property="og:locale" content="en_US" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Happy Birthday Alison!!" />
    <meta property="og:image" content="https://starktech.dev/public/assets/alison.png" />
    <meta property="og:description" content="" />
    <meta property="og:url" content="https://starktech.dev/alison.html" />
    <meta property="og:site_name" content="Stark Tech" />

    <title>Happy Birthday Alison!!</title>
    <link rel="stylesheet" href="src/main.css" />

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-WB50PXXNWR"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag () { dataLayer.push(arguments); }
        gtag('js', new Date());

        gtag('config', 'G-WB50PXXNWR');
    </script>
</head>

<body class="darkGrey">
    <main>
        <canvas id="canvas">Canvas is not supported in your browser.</canvas>
        <div id="alison" class="alison fade-out-d8">
            <h1 class="alison-title">Happy Birthday Alison!!</h1>
            <p class="alison-subtitle">Since my handwriting and drawing skills are terrible, I decided to make you this
                site to tell you how much I love you!</p>
            <p class="alison-subtitle">🎉 Hope you have a fantastic day 🎉</p>
            <p class="alison-subtitle">🍾 Now let's go celebrate you 🍾</p>
        </div>
        <div id="container"></div>
    </main>

    <!-- Dependencies -->
    <script type="text/javascript" src="public/lib/three.plus.min.js"></script>
    <script type="text/javascript" src="public/lib/ColladaLoader.js"></script>
    <script type="text/javascript" src="public/lib/OrbitControls.js"></script>
    <script type="text/javascript" src="src/alison.js"></script>
    <script type="text/javascript" src="src/fireworks.js"></script>

    <script type="text/javascript">
        setTimeout(function () {
            var a = document.getElementById("alison")
            a.remove()
            console.log('removing alison container')
        }, 10 * 1000) // 10 seconds
    </script>

</body>

</html>