-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
50 lines (44 loc) · 4 KB
/
index.html
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
<html><head><title>-Oops! An Error Occured-</title>
<style>body{/* background:#0000aa;background:-webkit-linear-gradient(#0000aa 45.7%,#0c1f59 100%); */background: #f4f4f4; color:#545454;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-size:10pt;font-weight: 300; text-align:center;margin:100px 0 0 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}blink{color:#fff;}.neg{background:#fff;border-bottom:1px solid#14125d;color:#0000aa;padding:2px 8px;font-weight:bold;}p{margin:10px auto;width:50%;text-align:left;font-weight: 300;line-height: 1.5em;}a,a:hover{color:inherit;font:inherit;}.menu{text-align:center;margin-top:50px;}.input_type{text-decoration:blink;}@-webkit-keyframes blink{from{opacity:1.0;}to{opacity:0.0;}}blink{font-weight:bolder;-webkit-animation-name:blink;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(1.0,0,0,1.0);-webkit-animation-duration:1s;}
.circle {font-size: 1.25em; position: relative;display: inline-block;border-radius: 50%;width: 300px;height: 300px;/* box-shadow: 0px 0px 10px rgba(0,0,0,0.5) */}
.circle:nth-child(2) {background: rgba(45,110,82,.5);box-shadow: 0px 0px 35px rgba(45,110,82,.75)}
.circle:nth-child(6) {background: rgba(111,82,45,0.5);margin-top: -170px}
.circle:nth-child(4) {background: rgba(102,111,45,0.5);box-shadow: 0px 0px 35px rgba(102,111,45,.75); margin-left: -150px;margin-right: auto;}
.circle p{background: ; height: 50px; padding: 1em; color:white;width: 100px; font-weight: 900; display: block; margin: auto;top:0px;bottom: 0;position: absolute;text-align: center;line-height: 1.25em;letter-spacing: -.05em;}
.circle:nth-child(4) p{right: 0;z-index: 7;}
.circle:nth-child(6) p{right: 0;left: 0;margin: auto;top: 150px}
.fourofour{font-size:1.25em;color: white;display: table;font-weight: 900;position: absolute;z-index: 2; top:285px;bottom: 0;width: 200px;height: 50px;left: 0;right: 0;margin: 0 auto;letter-spacing: -.05em;}
a:link{background: white; border: none; border-radius: 0;font-size: 14px;font-weight: 500;margin: 0 auto;display: block;text-align: center;padding: 1em 2em;text-decoration: none;}
a:hover{color: black;}
@media only screen and (max-width: 603px) {
body{margin: 10px 0 0 0;}p{width: 80%;}
.circle p{width: 200px;font-size: 1.25em; }
.circle:nth-child(2) p{right: 0;left: 0;margin-top: 20px;}
.fourofour{top:270px;bottom:0;margin:0 auto;left: 0;right:0;width: 200px;text-align: center;font-size: 1.5em; }
.circle:nth-child(4){ margin-left: 0;margin-top: -150px;}
.circle:nth-child(4) p{right: 0;left: 0;bottom: 0;margin-bottom: 20px;}
}
</style>
<!-- <script type="text/javascript">document.onkeyup=KeyCheck;function KeyCheck(){window.location="http://www.joeldombek.com/"}</script> -->
</head>
<body>
<!--
<span class="neg">ERROR 404</span><p>
The page is missing or never was written. You can wait and<br />
see if it becomes available again, or you can restart your computer.
</p>
<p>
* Send us an e-mail to notify this and try it later.<br />
* Press CTRL+ALT+DEL to restart your computer. You will<br />
lose unsaved information in any programs that are running.
</p>Press any key to continue <blink>_</blink><div class="menu"><a href="http://www.joeldombek.com">Home</a> <a href="/blog/">Blog</a> <a href="/about/">About</a> <a href="/contact/">Contact</a></div>
-->
<h1>An error has occured</h1>
<div class="circle"><p>We Broke Something</p></div>
<div class="fourofour">404 Page</div>
<div class="circle"><p>You Can't Type</p></div><br/>
<!-- <div class="circle"><p>Other</p></div> -->
<h1>The Venn Diagram</h1>
<p>Venn diagrams or set diagrams are diagrams that show all hypothetically possible logical relations between a finite collection of sets (groups of things). Venn diagrams were conceived around 1880 by John Venn. They are used in many fields, including set theory, probability, logic, statistics, computer science, and trying to visit web pages that don't exist.</p>
<p><a href="#">Go Home</a></p>
</body></html>