-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
41 lines (39 loc) · 4.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
<!DOCTYPE html>
<html>
<head>
<title>zee0.github.io</title>
<meta charset="UTF-8">
<link rel="shortcut icon" href="images/zee0.png" />
<style type="text/css">
html {height: 100%;} /*required for dimmer div.*/
body {background: black url('images/background.jpg') center center fixed no-repeat; background-size: cover; height: 100%; margin: 0; padding: 0;} /*height, margin, and padding required for dimmer div.*/
a img {border: none;} /* internet explorer is the only browser to put borders on images embedded in anchors. */
hr {height: 2px; border-width: 0; color: black; background-color: black;}
img.link:hover {opacity: 0.7;}
</style>
</head>
<body>
<div style="width: 416px; height: 400px; position: absolute; top: 50%; left: 50%; margin: -200px 0 0 -208px;"><img src="images/dark/enso.png" alt="enso"></div>
<div style="width: 101px; height: 47px; position: absolute; top: 50%; left: 50%; margin: -314px 0 0 -50.5px;"><a href="pa-kua/chien"><img src="images/dark/chien.png" alt="chien" class=link></a></div>
<div style="width: 105px; height: 105px; position: absolute; top: 50%; left:50%; margin: -267px 0 0 -267px;"><a href="pa-kua/tui"><img src="images/dark/tui.png" alt="tui" class=link></a></div>
<div style="width: 105px; height: 105px; position: absolute; top: 50%; left: 50%; margin: -267px 0 0 162px;"><a href="pa-kua/sun"><img src="images/dark/sun.png" alt="sun" class=link></a></div>
<div style="position: absolute; left: 50%; top: 50%; width: 47px; height: 101px; margin: -50.5px 0 0 -313.5px;"><a href="pa-kua/li"><img src="images/dark/li.png" alt="li" class=link></a></div>
<div style="position: absolute; left: 50%; top: 50%; width: 47px; height: 101px; margin: -50.5px 0 0 266.5px;"><a href="pa-kua/kan"><img src="images/dark/kan.png" alt="kan" class=link></a></div>
<div style="width: 105px; height: 105px; position: absolute; top: 50%; left: 50%; margin: 162px 0 0 -267px"><a href="pa-kua/chen"><img src="images/dark/chen.png" alt="chen" class=link></a></div>
<div style="width: 105px; height: 105px; position: absolute; top: 50%; left: 50%; margin: 162px 0 0 162px"><a href="pa-kua/ken"><img src="images/dark/ken.png" alt="ken" class=link></a></div>
<div style="width: 101px; height: 47px; position: absolute; top: 50%; left: 50%; margin: 267px 0 0 -50.5px;"><a href="pa-kua/kun"><img src="images/dark/kun.png" alt="kun" class=link></a></div>
<div style="position: absolute; left: 50%; top: 50%; width: 631px; margin: 315px 0 0 -315px;"><hr /><a href="https://github.com" target="_blank"><img src="images/dark/github.png" alt="github"></a> <a href="http://www.vim.org/" target="_blank"><img src="images/vi.png" alt="vi"></a> <a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Fzee0.github.io%2F" target="_blank"><img src="images/w3.png" alt="w3"></a></div>
<!--[if lt IE 9]>
<style>
div#dimmer {width: 100%; height: 100%; background-color: black; opacity: 0.6;}
div#popup {width: 500px; height: 220px; position: absolute; left: 50%; top: 50%; margin: -110px 0 0 -250px; background-color: white; border-radius: 0.5em; opacity: 0.8; padding: 0.5em 0;}
div#popup p {margin: 0; padding: 0.5em 1em;}
</style>
<div id="dimmer"></div>
<div id="popup">
<p>we're sorry, but zee doesn't serve web browsers that fail the <a href="http://acid3.acidtests.org/" target="_blank">acid3 test</a>. just get on <a href="http://google.com/chrome/">chrome</a>. or <a href="http://www.mozilla.org/firefox/">firefox</a>. or <a href="http://apple.com/safari/">safari</a>. or <a href="http://opera.com">opera</a>. or <a href="http://rockmelt.com">rockmelt</a>. or <a href="http://android.com">android</a>. or <a href="http://apple.com/ios/">ios</a>. or even the latest <a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">internet explorer</a>.</p>
<p>part of my job is to design web pages. many old web browsers don't conform to w3c standards.<span style="vertical-align: super; font-size: xx-small;"><a href="http://fmbip.com/litmus/">[1]</a></span> however, because so many of these old browsers remain<span style="vertical-align: super; font-size: xx-small;"><a href="http://en.wikipedia.org/wiki/Usage_share_of_web_browsers">[2]</a></span>, it is crippling web designers who have to ensure that their code which works in all the new browsers also works in very old versions. the result is simple: old browsers are holding back the web. the only way this will end is if we take the few minutes to upgrade.</p>
</div>
<![endif]-->
</body>
</html>