summaryrefslogtreecommitdiff
path: root/js/app.js
blob: 2b21815cf7fdf6ed00adfe7cfce59162b728989a (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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
// KONAMI CODE HINTS
$(window).on("load", function () {
    console.log("UP, UP, DOWN, DOWN, LEFT, RIGHT, LEFT, RIGHT, B, A")

})

/*
// THIS CHECKS WHAT OS THE USER IS ON
// This is a old variation so don't use this.
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)) {
  location.href = './mobile/';
}
*/

/* Honestly I have NO idea what this is but it was in the original site source code so I kept it :)
**(async () => {
**  if (navigator.webdriver || document.visibilityState === 'prerender' || !location.hostname) {
**    return;
**  }
**
**  document.querySelector('a[href="/cdn-cgi/l/email-protection"]').href = `\x6dailto:hi\x40${location.hostname}`;
** })();
*/

// KONAMI CODE FOR ALTERNATE 90S SITE
// A key map of allowed keys
var allowedKeys = {
    37: 'left',
    38: 'up',
    39: 'right',
    40: 'down',
    65: 'a',
    66: 'b',
    8: 'backspace'
};

// To somewhat stop backspace/ refresh spamming
window.addEventListener('keydown', function (event) {

    if (event.keyCode === 8) {

        event.preventDefault();

        return false;
    }
});

// The 'official' Konami Code sequence
var konamiCode = ['up', 'up', 'down', 'down', 'left', 'right', 'left', 'right', 'b', 'a'];

// A variable to remember the 'position' the user has reached so far.
var konamiCodePosition = 0;

// Add keydown event listener
document.addEventListener('keydown', function (e) {
    // Get the value of the key code from the key map
    var key = allowedKeys[e.keyCode];
    // Get the value of the required key from the Konami Code
    var requiredKey = konamiCode[konamiCodePosition];

    // Compare the key with the required key
    if (key == requiredKey) {

        // Move to the next key in the Konami Code sequence
        konamiCodePosition++;

        // Ff the last key is reached, activate cheats
        if (konamiCodePosition == konamiCode.length) {
            activateCheats();
            konamiCodePosition = 0;
        }
    } else {
        konamiCodePosition = 0;
    }
});

// Back to normal sequence
var backCode = ['backspace'];

var backCodePosition = 0;

document.addEventListener('keydown', function (e) {
    var key = allowedKeys[e.keyCode];
    var requiredKey = backCode[backCodePosition];

    if (key == requiredKey) {

        backCodePosition++;

        if (backCodePosition == backCode.length) {
            deactivateCheats();
            backCodePosition = 0;
        }
    } else {
        backCodePosition = 0;
    }
});

function swapStyleSheet(sheet) {
    document.getElementById('pagestyle').setAttribute('href', sheet);
}

// Change favicon
document.head = document.head || document.getElementsByTagName('head')[0];

function changeFavicon(src) {
    var link = document.createElement('link'),
        oldLink = document.getElementById('dynamic-favicon');
    link.id = 'dynamic-favicon';
    link.rel = 'shortcut icon';
    link.href = src;
    if (oldLink) {
        document.head.removeChild(oldLink);
    }
    document.head.appendChild(link);
}

function activateCheats() {
    swapStyleSheet('/konami/css/main.css');
    // I overworked for this smh...

    changeFavicon('/konami/assets/images/small-spinning-globe3.gif');

    var x = document.getElementById("music");
    function playAudio() {
        x.play();
    }
    playAudio();

    document.getElementById("directory-konami").innerHTML = `
            <a href="/directory/" class="nav-item" active-color="rebeccapurple">Directory</a>
        `;

    if (screen.width > 768) { // If Desktop
        document.getElementById("m-konami").innerHTML = `
              <img src="/assets/imgs/clairo2.gif" alt="" width="30px">
        `;
    } else { // If Mobile
        document.getElementById("m-konami").innerHTML = `
              <img src="/assets/imgs/clairo2.gif" onclick="deactivateCheats()" alt="" width="30px">
        `;
    }

    document.title = "// s1n.ical // Landing Page //"
}

function deactivateCheats() {

    swapStyleSheet('/css/main.css');

    changeFavicon('favicon.ico');

    var x = document.getElementById("music");
    function pauseAudio() {
        x.pause();
    }
    pauseAudio();

    document.getElementById("directory-konami").innerHTML = ``;

    document.getElementById("m-konami").innerHTML = `
            <div class="clairo">
            <img src="/assets/imgs/clairo2.gif" alt="" width="30px" onclick="activateCheats()">
            </div>
    `;

    document.title = "s1nical - Landing Page";
}

var TxtRotate = function (el, toRotate, period) {
    this.toRotate = toRotate;
    this.el = el;
    this.loopNum = 0;
    this.period = parseInt(period, 10) || 2000;
    this.txt = '';
    this.tick();
    this.isDeleting = false;
};

TxtRotate.prototype.tick = function () {
    var i = this.loopNum % this.toRotate.length;
    var fullTxt = this.toRotate[i];

    if (this.isDeleting) {
        this.txt = fullTxt.substring(0, this.txt.length - 1);
    } else {
        this.txt = fullTxt.substring(0, this.txt.length + 1);
    }

    this.el.innerHTML = '<span class="wrap">' + this.txt + '</span>';

    var that = this;
    var delta = 300 - Math.random() * 100;


    setTimeout(function () {
        that.tick();
    }, delta);
};

window.onload = function () {
    var elements = document.getElementsByClassName('txt-rotate');
    for (var i = 0; i < elements.length; i++) {
        var toRotate = elements[i].getAttribute('data-rotate');
        var period = elements[i].getAttribute('data-period');
        if (toRotate) {
            new TxtRotate(elements[i], JSON.parse(toRotate), period);
        }
    }
};