-
Notifications
You must be signed in to change notification settings - Fork 33
/
Copy pathindex.html
69 lines (65 loc) · 3.36 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
<!DOCTYPE html>
<html>
<head>
<title>29a.ch - Neonflames</title>
<link rel="stylesheet" href="art_neon.css" />
<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
<meta name="viewport" content="width=device-width, user-scalable=no,maximum-scale=1.0" />
</head>
<body>
<h1><a href="http://29a.ch/">29a.ch</a></h1>
<p><a href="http://29a.ch/experiments/">More Experiments & Toys</a></p>
<div id="social">
<a href="http://twitter.com/share" class="twitter-share-button"
data-url="http://29a.ch/sandbox/2011/neonfuzz/"
data-text="Neon flames is a crazy online HTML5 drawing tool."
data-count="horizontal" data-via="29a_ch">Tweet</a>
<iframe
src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2F29a.ch%2Fsandbox%2F2011%2Fneonfuzz%2F&layout=button_count&show_faces=true&width=450&action=like&font&colorscheme=light&height=21"
scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px;height:20px;" allowTransparency="true"></iframe>
<div class="g-plusone" data-size="medium"
data-href="http://29a.ch/sandbox/2011/neonflames/" data-count="true"></div>
</div>
<ul id="colors">
<li style="background-color: rgb(160, 10, 10)" class="active"
onclick="color='rgb(5, 1, 1)';composite='lighter';lineWidth=1.0;"></li>
<li style="background-color: rgb(40, 200, 20)"
onclick="color='rgb(2, 6, 1)';composite='lighter';lineWidth=1.0;"></li>
<li style="background-color: rgb(10, 10, 80)"
onclick="color='rgb(1, 2, 8)';composite='lighter';lineWidth=1.0;"></li>
<li style="background-color: rgb(200, 150, 50)"
onclick="color='rgb(4, 3, 1)';composite='lighter';lineWidth=1.0;"></li>
<li style="background-color: rgb(75, 25, 100)"
onclick="color='rgb(3, 1, 4)';composite='lighter';lineWidth=1.0;"></li>
<li style="background-color: rgb(25, 100, 75)"
onclick="color='rgb(1, 4, 3)';composite='lighter';lineWidth=1.0;"></li>
<li style="background-color: #000"
onclick="color='rgba(0, 0, 0, 0.6);';composite='source-over';lineWidth=0.1;;"></li>
<li style="background-color: rgb(255, 255, 255)"
onclick="color='rgb(3, 3, 3)';composite='lighter';lineWidth=1.0;"></li>
</ul>
<a href="#" id="clear" class="button" onclick="window.clear();">Clear</a>
<a href="#" id="share" class="button" onclick="window.share();">Share Image</a>
<a href="#" id="download" class="button" onclick="window.download();">Download</a>
<canvas id=c width=800 height=600></canvas>
<noscript>noscript, no fun.</noscript>
<script src="jquery.js"></script>
<script src="input.js"></script>
<script src="clock.js"></script>
<script src="common.js"></script>
<script src="noise.js"></script>
<script src="art_neon.js"></script>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js" async defer></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js" async defer></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-5205069-2']);
_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>
</body>
</html>