caseymanning.github.io/page.js at master · CaseyManning/caseymanning.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
var sliderValues = [true, true, true, false, false, false];
function slide(elem) {
    if(sliderValues[elem.id]) {
        elem.setAttribute('style', 'margin-left: 0%;')
        sliderValues[elem.id] = false;
    } else {
        elem.setAttribute('style', 'margin-left: 50%;')
        sliderValues[elem.id] = true;
    }
}

function collapse() {
    // document.getElementById('logo').setAttribute('style', 'transform: rotate(360deg)');
    // setTimeout(function() {
        //document.getElementById('ringInner2').setAttribute('style', 'width: 0; height: 0;');
        document.getElementById('ringInner').setAttribute('style', 'background: #a3db77; box-shadow: inset 31px 31px 62px #5f7f45, inset -31px -31px 62px #e7ffa9;');
        // document.getElementById('logo').setAttribute('style', 'visibility: visible; opacity: 1');
        setTimeout(function() {
            document.getElementById('leftColumn').setAttribute('style', 'margin-left: -400px');
            document.getElementById('rightColumn').setAttribute('style', 'margin-right: -400px');
            setTimeout(function() {
                document.getElementById('ringOuter').setAttribute('style', 'top: -2000px');
                document.getElementById('ringInner').setAttribute('style', 'background: #a3db77; box-shadow: inset 31px 31px 62px #5f7f45, inset -31px -31px 62px #e7ffa9; top: -2000px');
                document.getElementById('ringInner2').setAttribute('style', 'top: -2000px');
                setTimeout(function() {
                    document.getElementById('afterLogo').setAttribute('style', 'visibility: visible; opacity: 1');
                    document.getElementById('progressBarOuter').setAttribute('style', 'visibility: visible; opacity: 1');
                    document.getElementById('progressBarInner').setAttribute('style', 'width: 40vw');
                    setTimeout(function() {
                        document.getElementById('afterLogo').setAttribute('style', 'visibility: visible; opacity: 0');
                        document.getElementById('progressBarOuter').setAttribute('style', 'visibility: visible; opacity: 0');
                        setTimeout(function() {
                            window.location = "page2.html"
                        }, 1000)
                    }, 5200)
                }, 2000)
            }, 700)
        }, 400)
    // }, 1500)
}

function centerClicked() {
    if(hash(sliderValues.join('')) == -1411274699) { // [true, false, false, true, false, true]
        // document.getElementById('ringInner').setAttribute('style', 'opacity: 0');
        // document.getElementById("inside").setAttribute('style', 'display: initial')
        // setTimeout(function() {
        //     document.getElementById('ringInner').setAttribute('style', 'display: none;');
        // }, 1000)
        collapse()
    } else {
        document.getElementById('ringInner').setAttribute('style', 'width: 33vw; height: 33vw;');
        setTimeout(function() {
            document.getElementById('ringInner').setAttribute('style', 'width: 35vw; height: 35vw;');
        }, 200)
    }
}

function hash(str) {
    var hash = 0;
    if (str.length == 0) {
        return hash;
    }
    for (var i = 0; i < str.length; i++) {
        var char = str.charCodeAt(i);
        hash = ((hash<<5)-hash)+char;
        hash = hash & hash; // Convert to 32bit integer
    }
    return hash;
}

function vwoosh() {
    // document.getElementById("inside").setAttribute('style', 'display: initial; position: fixed; width: 200%; height: 200%; border-radius: 0px')
    document.getElementById("fill").setAttribute('style', 'visibility: visible; opacity: 1')
}