forked from erkie/erkie.github.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
161 lines (129 loc) · 5.34 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
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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html>
<head>
<title>Hello, want to kill some time?</title>
<style type="text/css">
body {
font: 14pt/1.3 Arial;
}
h1, h2, h3 { font-weight: normal; text-align: center; }
#wrapper {
width: 800px;
margin: 0 auto;
}
li {
margin: 5px 0;
}
#doit {
margin-top: -10px;
display: block;
width: 498px;
height: 176px;
margin: 0 auto;
background: url(button.png) no-repeat;
text-indent: -99999px;
overflow: hidden;
}
.ASTEROIDSYEAH #doit {
opacity: 0.5;
}
#donate {
position: absolute;
top: 10px;
right: 10px;
font-size: 80%;
text-align: right;
width: 340px;
}
#donate p { margin: 0 0 5px 0; float: left;}
#boom {
text-align: center;
}
#fb-box {
position: absolute;
top: 10px;
right: 10px;
}
</style>
</head>
<body>
<div id="wrapper">
<h1>Bored?</h1>
<p><a id="doit" href="javascript:var%20s%20=%20document.createElement('script');s.type='text/javascript';document.body.appendChild(s);s.src='http://erkie.github.com/asteroids.min.js';void(0);" title="Kick ass">Kick ass</a>
</p>
<script type="text/javascript">
// "PG" version
if ( document.location.search.indexOf('pg') != -1 ) {
var doit = document.getElementById('doit');
doit.title = 'Webstroyer';
doit.innerHTML = 'Webstroyer';
doit.style.backgroundImage = 'url(button-pg.png)';
}
</script>
<p class="none-ie"><a href="javascript:var%20s%20=%20document.createElement('script');s.type='text/javascript';document.body.appendChild(s);s.src='http://erkie.github.com/asteroids.min.js';void(0);">Drag this bookmarklet to your bookmarks bar or a tab and start having some fun on other pages too!</a></p>
<!--[if IE]>
<p class="ie-version">Right click the green button and choose "Add to favorites" (yes, it's safe).</p>
<![endif]-->
<iframe id="fb-box" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FKick-Ass-Destroy-the-web%2F168200253236727&width=292&colorscheme=light&show_faces=false&stream=false&header=false&height=62" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:330px; height:70px;" allowTransparency="true"></iframe>
<p style="clear:both"><strong>Tip:</strong> It works great for vaporizing annoying ads. Try it out!</p>
<div id="boom">
<script type="text/javascript"><!--
google_ad_client = "pub-7093076660001105";
/* Leaderboard, erkie.github.com */
google_ad_slot = "1743160291";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
<!--<p><strong>Tip #2:</strong> I forgot</p>-->
<h2>How to</h2>
<div style="float: left; width: 300px;">
<ul>
<li><strong>Steer</strong> with the arrow-keys.</li>
<li><strong>Shoot</strong> with space.</li>
<li>To <strong>activate</strong> click the bookmark <em>once</em> on your webpage of choice.</li>
<li>Can't see your remaining enemies? Then <strong>press and hold B</strong></li>
</ul>
</div>
<img class="none-ie" style="float: right" src="wow.png" alt="" />
<!--[if IE]>
<div style="float: right; text-align: right">
<strong>Add to your favorites</strong>
<img src="ie-add.png" />
<strong>Activate on any page</strong>
<img src="ie-activate.png" />
</div>
<![endif]-->
<p style="clear: both;"><strong>Remember</strong>: It's cooler if you make your own sound effects.</p>
<!--[if IE]>
<style type="text/css">
.none-ie { display: none; }
body #doit { background-image: url(button-ie.png); }
</style>
<![endif]-->
<h2>About me</h2>
<p>My name is Erik Rothoff Andersson (most of the time I'm Erik Andersson, but it is such a common name in Sweden that the email adress [email protected] was taken before I get could it). I am 18 years of age and currently live and study in Sweden.</p>
<p>If you feel like contacting me: <a href="mailto:[email protected]">[email protected]</a> or you can go to the <a href="http://github.com/erkie/erkie.github.com">github page.</a> Feel free to do whatever you want with this app. But remember you saw it first here!</p>
<h3>Thanks to:</h3>
<p>I would like to thank the wonderful community members who have contributed to the improvement of this app.</p>
<ul>
<li><a href="http://github.com/voxwerk">Josh Varner (Voxwerk)</a></li>
<li><a href="http://github.com/jswartwood">jswartwood</a></li>
<li><a href="http://github.com/camperdave">Dave Lee (camperdave)</a></li>
<li><a href="http://github.com/TheBiggerGuy">Guy Taylor (TheBiggerGuy)</a></li>
</ul>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-18836340-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</div>
</body>
</html>