site/404.html at main · NCX-Programming/site · 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
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
---
title: Error 404
layout: noinclude
permalink: /404.html
---

<style>
    a {
        color:#fff;
        text-decoration:none;
    }
    a:hover {
        color:#fff;
    }
    body {
        background-color: #000000;
    }
    .nav ul {
        background-color: #000000;
    }
    .neonText {
        font-family: "Vibur", sans-serif;
        color: #fff;
        text-shadow:
                0 0 7px #fff,
                0 0 10px #fff,
                0 0 21px #fff,
                0 0 42px #0fa,
                0 0 82px #0fa,
                0 0 92px #0fa,
                0 0 102px #0fa,
                0 0 151px #0fa;
    }
    @keyframes pulsate0 {
        100% {
            /* Larger blur radius */
            text-shadow:
                    0 0 4px #fff,
                    0 0 11px #fff,
                    0 0 19px #fff,
                    0 0 40px #0fa,
                    0 0 80px #0fa,
                    0 0 90px #0fa,
                    0 0 100px #0fa,
                    0 0 150px #0fa;
        }
        0% {
            /* A slightly smaller blur radius */
            text-shadow:
                    0 0 4px #fff,
                    0 0 10px #fff,
                    0 0 18px #fff,
                    0 0 38px #0fa,
                    0 0 73px #0fa,
                    0 0 80px #0fa,
                    0 0 94px #0fa,
                    0 0 140px #0fa;
        }
    }

    @keyframes pulsate1 {
        100% {
            /* Larger blur radius */
            text-shadow:
                    0 0 4px #fff,
                    0 0 11px #fff,
                    0 0 19px #fff,
                    0 0 40px #0c1,
                    0 0 80px #0c1,
                    0 0 90px #0c1,
                    0 0 100px #0c1,
                    0 0 150px #0c1;
        }
        0% {
            /* A slightly smaller blur radius */
            text-shadow:
                    0 0 4px #fff,
                    0 0 10px #fff,
                    0 0 18px #fff,
                    0 0 38px #0c1,
                    0 0 73px #0c1,
                    0 0 80px #0c1,
                    0 0 94px #0c1,
                    0 0 140px #0c1;
        }
    }
    @keyframes pulsate2 {
        100% {
            /* Larger blur radius */
            text-shadow:
                    0 0 4px #fff,
                    0 0 11px #fff,
                    0 0 19px #fff,
                    0 0 40px #f00,
                    0 0 80px #f00,
                    0 0 90px #f00,
                    0 0 100px #f00,
                    0 0 150px #f00;
        }
        0% {
            /* A slightly smaller blur radius */
            text-shadow:
                    0 0 4px #fff,
                    0 0 10px #fff,
                    0 0 18px #fff,
                    0 0 38px #f00,
                    0 0 73px #f00,
                    0 0 80px #f00,
                    0 0 94px #f00,
                    0 0 140px #f00;
        }
    }
</style>
{% include nav.html %}
<div class="text-center" style="color: #fff;">
    <h1 style="margin-top:48px;font-size:84px;margin-bottom:0px;font-weight:normal;animation: pulsate0 0.11s ease-in-out infinite alternate;">404</h1>
    <h1 style="margin-top:0px;font-weight:normal;" class="neonText">Not Found</h1>
    <p style="animation: pulsate1 0.11s ease-in-out infinite alternate;margin-top:64px;"><a href="javascript:window.history.back()">LOAD SAVE</a></p>
    <p style="animation: pulsate2 0.11s ease-in-out infinite alternate;margin-bottom:64px;"><a href="/">NEW GAME</a></p>
</div>