summaryrefslogtreecommitdiff
path: root/konami/index.html
blob: 93b87cc86ca8074b01d15c7712d7a6ca62123df7 (plain) (blame)
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <meta name="theme-color" content="#FFF">
        <title>s1nical - Landing Page</title>
        <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic'
            rel='stylesheet' type='text/css'>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.3.1/trianglify.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
        <link rel="stylesheet" href="./css/main.css">
        <script src="./js/main.js"></script>
        <meta name="description" content="s1nical is a full stack developer.">
        <meta property="og:description" content="s1nical is a full stack developer.">
        <meta property="og:title" content="s1nical">
        <meta property="twitter:card" content="summary">
        <meta property="twitter:site" content="@s1nical">
        <meta property="og:image" content="">
        <script src="/cdn-cgi/apps/head/_vFlzwEWzfnxN-k3KPkfOrUdyXo.js"></script>
        <script src="https://www.googletagmanager.com/gtag/js?id=UA-30692517-4"></script>
        <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
        <link rel="apple-touch-icon" sizes="128x128" href="./assets/images/small-spinning-globe3.gif">
        <link rel="icon" type="image/gif" href="./assets/images/small-spinning-globe3.gif" sizes="128x128">
        <link rel="canonical" href="https://s1n.pw/">
        <script type="application/ld+json">
            {
                "name": "s1nical",
                "alternateName": "s1n",
                "description": "s1nical is a full stack developer.",
                "headline": "s1nical is a full stack developer.",
                "url": "https://s1n.pw/",
                "image": "",
                "sameAs": [
                    "https://twitter.com/s1nical",
                    "https://github.com/s1nical",
                    "https://www.reddit.com/user/s1nical/",
                ],
                "publisher": {
                    "@type": "Organization",
                    "logo": {
                        "@type": "ImageObject",
                        "url": ""
                    }
                },
                "@type": "WebSite",
                "@context": "http://schema.org"
            }
        </script>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/inter.css"
            integrity="sha256-DyLTj16AbuvawyWJMPz4tJNp46iGflE/fWYAoU2IGpk=" crossorigin="anonymous">
        <!-- Global site tag (gtag.js) - Google Analytics -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-145087191-1"></script>
        <script>
            window.dataLayer = window.dataLayer || [];

            function gtag() {
                dataLayer.push(arguments);
            }
            gtag('js', new Date());

            gtag('config', 'UA-145087191-1');
        </script>
    </head>

    <body>

        <!-- Navigation Bar -->
        <div class="navigation-bar">
            <nav class="nav">
                <a href="/" class="nav-item" active-color="orange">Home</a>
                <!-- Had `is-active` after it but removed it due to not highlighting. -->
                <a href="https://github.com/users/s1nical/projects/1" class="nav-item" active-color="green">About</a>
                <!-- About -->
                <a href="/dino/" class="nav-item" active-color="blue">Dino</a> <!-- Testimonials -->
                <a href="/doge" class="nav-item" active-color="red">Doge</a> <!-- Blog -->
                <a href="/cars/" class="nav-item" active-color="rebeccapurple">Cars</a> <!-- Contact -->
                <a href="https://nani.s1n.pw" class="nav-item" active-color="rebeccapurple">Nani?!</a>
                <span class="nav-indicator"></span>
            </nav>
        </div>

        <!-- Core Site Function, Site Primer/ Base -->
        <main>
            <div class="links">
                <div class="email">
                    <a href="mailto:[email protected]">s1nical</a><br>
                    Full-stack developer.<br><br>
                </div>
                <div class="twitter">
                    Follow me on <a href="https://twitter.com/s1nical">Twitter</a>.
                </div>
                <div class="github">
                    View my code on <a href="https://github.com/s1nical">GitHub</a>.
                </div>
            </div>
        </main>

        <!-- Toasty -->
        <img class='toasty' src='https://s3-eu-west-1.amazonaws.com/wdildnproject2/toasty.png'>

        <script src="https://code.jquery.com/jquery-3.2.1.min.js"
            integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>

        <!-- Background Music
            // CREDITS: //
        
        Title: The Classics - A New Retro Synthwave Mix
        
        Uploader: Confused Bi-Product of a Misinformed Culture
        
        Full Credits: https://s1n.pw/konami/assets/midi/midi.txt
        -->
        <audio src="./assets/midi/midi.mp3" autoplay id="music">
            <p>If you are reading this, it is because your browser does not support the audio element. </p>
                <script>
                    var audio = document.getElementById("music");
                    audio.volume = 0.1; // Volume Adjuster, might bind it to "- and +" one day if possible.
                </script>
        </audio>

    </body>

</html>