-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
124 lines (94 loc) · 4.08 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
<!DOCTYPE html>
<html>
<head>
<title>Webscraper</title>
<!-- CSS /-->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/webscraper.css" rel="stylesheet"/>
<!-- import JS files /-->
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- local JS files /-->
<script src="js/polygon.js" type="text/javascript"></script>
<script src="js/audio.js" type="text/javascript"></script>
<script src="js/win.js" type="text/javascript"></script>
<script src="js/timer.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
<!-- Google Analytics tracking /-->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-46292149-1', 'webscra.pe');
ga('send', 'pageview');
</script>
</head>
<body onload="setup();">
<div id="allBlackDiv"></div>
<div id="pageBackground">
<div class="container" id="topContainer">
<div id="spacer" style="height:110px;"></div>
<div class="row">
<div class="span12">
<div id="viewport" width="800">
<canvas class="canvas" id="background" height="600" width="800"></canvas>
<canvas class="canvas" id="middleground-shadow" height="600" width="800"></canvas>
<canvas class="canvas" id="middleground" height="600" width="800"></canvas>
<canvas class="canvas" id="foreground" height="600" width="800"></canvas>
<canvas class="canvas" id="gradient" height="600" width="800"></canvas>
<canvas class="canvas" id="cursor" height="600" width="800"></canvas>
</div>
<div id="renderCache" width="800">
</div>
</div>
</div>
<div id="iconContainer">
<a href="#" onclick="setup()"><div id="refreshIcon" class="paperIcon">
<img src="img/refresh.png" width="50px" style="margin-left:15px;margin-top:20px;"/>
</div></a>
<br/><br/>
<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?s=100
&p[url]=http://webscra.pe
&p[images][0]=http://kyleerf.com/webscraper/img/fbscrape.png
&p[title]=Webscraper: The Game
&p[summary]=Scraping paint is messy and tedious-- but scraping paint online? That's a whole 'nother story.">
<div id="facebookIcon" class="paperIcon">
<img src="img/FB-f-Logo__blue_50.png" width="40px" style="margin-left:20px;margin-top:22px;"/>
</div>
</a>
<br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/>
<div id="infoIcon" class="paperIcon">
<a href="#" onclick="openInfo();return false;"><img src="img/info.png" width="60px" style="margin-left:10px;margin-top:14px;"/></a>
</div>
</div>
<div id="wintoast"><center>
<h1>WELL DONE.</h1></br>
You scraped that site in <strong><span id="yourTime"></span>onds</strong>.
</center></div>
<div id="tape1" class="frame"></div>
<div id="tape2" class="frame"></div>
<div id="tape3" class="frame"></div>
<div id="tape4" class="frame"></div>
</div>
<div id="timer"></div>
<div id="aboutDiv">
<b>The Game:</b><br/>
We, the makers of Webscraper, are delighted to give you
the joy of thoughtless paint-scraping without its real-world
complications (not to mention the mess).
We wrote this for the <a href="http://hacknjill.com/blog/">Hack'n Jill</a> Build n' Play in 2013.<br/><br/>
<b>The Testimonials:</b><br/>
"I used to be afraid of the internet, but now I've found a home online" <i>-- Russ Goddleson, Paint Scraper</i><br/>
"More fun than watching paint dry" <i>-- anonymous user</i><br/><br/>
<b>The team:</b><br/>
Phillip Quiza<br/>
Amalia Hawkins<br/>
Kyle Erf<br/>
Samantha Ritter<br/><br/>
<a href="#" onclick="closeInfo();return false;">close</a><br/>
</div>
</div>
</body>
</html>