evoluteur.github.io/404.html at main · evoluteur/evoluteur.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
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
<!doctype html>
<html lang="en">
  <head>
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=G-063933E3C2"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());
      gtag("config", "G-063933E3C2");
    </script>
    <title>404 - Page not found</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <meta name="theme-color" content="#bbdefb" />
    <link rel="icon" type="image/png" href="favicon.png" />
    <link rel="manifest" href="manifest.json" />
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Lato"
    />
    <link href="https://evoluteur.github.io/css/me.css" rel="stylesheet" />
    <style>
      .center404 {
        position: relative;
        margin: 40px;
        text-align: center;
      }
      .center404 > p {
        margin: 10px;
      }
      .circles404 {
        position: relative;
        display: block;
        margin: 50px auto 10px;
        height: 440px;
        width: 600px;
      }
      .circles404 p {
        position: absolute;
        top: 160px;
        z-index: 50;
      }
      .left404,
      .spot404,
      .right404 {
        position: absolute;
        color: white;
        border-radius: 50%;
        width: 400px;
        height: 400px;
      }
      .left404 {
        left: 0;
        overflow: hidden;
        background-color: #33ccff;
        z-index: 20;
      }
      .spot404 {
        background: #1a99cc;
        top: 0;
        right: -50%;
      }
      .right404 {
        background-color: #006699;
        left: 200px;
        z-index: 10;
      }
      .left404 > p {
        left: 55px;
      }
      .spot404 > p {
        top: 145px;
        left: 40px;
        font-size: 1.4em;
      }
      .right404 > p {
        right: 30px;
      }
      .strikethrough {
        text-decoration: line-through;
      }
      @media only screen and (max-width: 700px) {
        .circles404 {
          display: none;
        }
      }
    </style>

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

  <body>
    <div class="center404">
      <p>Oops, something went wrong.</p>
      <p>The page you are looking for cannot be found.</p>

      <div class="circles404">
        <div class="left404">
          <p>I broke it</p>
          <div class="spot404">
            <p>404 Page</p>
          </div>
        </div>
        <div class="right404">
          <p>
            <span class="strikethrough">You can't type</span><br />
            Sorry, my bad
          </p>
        </div>
      </div>

      <p>
        Back to
        <a href="https://evoluteur.github.io/">Olivier's Home Page</a> or
        <a href="https://evoluteur.github.io/sitemap.html">Site Map</a>
      </p>
    </div>
  </body>
</html>