-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
181 lines (170 loc) · 12.2 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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!doctype html>
<html>
<head>
<title>DemoJS demoparty 2011</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="shortcut icon" type="image/png" href="favicon.png"/>
<link rel="stylesheet" type="text/css" href="style.css"/>
<script src="lib/jquery.js"></script>
<script src="lib/underscore.js"></script>
</head>
<body>
<div id="container" itemscope="" itemtype="http://schema.org/Event">
<div id="logo"><h1 itemprop="name"><span class="logoFallback">Demo.js Paris</span></h1></div>
<div id="content" class="shadow">
<h2>DemoJS demoparty - Paris - 1st & 2nd of July 2011</h2>
<p>DemoJS party is a french <strong>demoparty focused on web technologies</strong> (JavaScript, Canvas, SVG, Audio... well every openweb-related piece of technology). The event is part of the <a href="http://mozillalabs.com/demoparty/paris">Mozilla Labs demoparty initiative</a>.</p>
<p>Coders and artists will gather in Paris for 2 days to socialize, party, and produce audiovisual web demos that will compete in two categories.</p>
<ul>
<li>
<strong>
<span itemprop="startDate" datetime="2011-07-01T19:30CEST">1st</span>
&
<span itemprop="endDate" datetime="2011-07-02T23:30CEST" >2nd of July</span>
</strong> (from Friday 19:30 to Saturday 23:30) (<a href="#schedule">schedule</a>)</li>
<li itemprop="location" itemscope itemtype="http://schema.org/LocalBusiness">
<strong itemprop="name">@ ISART Digital</strong>
- 2 rue de la Roquette (Passage du Cheval Blanc) - 75011 Paris (<a href="#map">map</a>)
</li>
<li><strong>2 compos:</strong> 1k & One-effect/freestyle. And <strong>cool prizes</strong>! (<a href="#compos">more info</a>)</li>
<li><strong>remote entries allowed (<a href="#remote">more info</a>)</strong></li>
<li><strong>conferences & workshops (<a href="#conf">more info</a>)</strong></li>
<li><strong>free entrance!</strong></li>
<li><a href="#register">REGISTER NOW</a></li>
</ul>
<p>You can come on Friday and spand the night at the venue, or you can come straight for the party on saturday.</p>
<p>Contact us by <a href="contact@demojs.org">email</a>, on <a href="http://twitter.com/demojsorg">Twitter</a> (hashtag: <a href="http://search.twitter.com/search?q=%23demojs">#demojs</a>), on <a href="https://www.facebook.com/DemoJS">Facebook</a> (<a href="https://www.facebook.com/event.php?eid=226012780761812">event</a>) or on <a href="irc://irc.freenode.net/demojs">IRC</a> (#demojs on Freenode).</p>
<h2 id="demoscene">Demoscene? Demoparty?</h2>
<p>The demoscene is a computer art subculture that specializes in producing demos, which are audio-visual presentations that run in real-time on a computer. Demosceners are coders, graphic artists, computer musicians... (<a href="http://en.wikipedia.org/wiki/Demoscene">more info</a>)</p>
<p>A demoparty is an event that gathers demosceners and other computer enthusiasts to compete (<a href="http://en.wikipedia.org/wiki/Demoparty">more info</a>).</p>
<p>DemoJS demoparty is a demoparty specialized in web technologies. We welcome both experienced demosceners and people who have never been to a demoparty.</p>
<p>If you are a beginner in web technologies, <a href="#beginner" class="moreInfos">here are some links</a> to help you. Also, you will find help at the party place, don't hesitate to ask people around you!</p>
<div id="beginner" class="moreInfos">
<p>Some resources gathered to get started on webgl : </p>
<ul>
<li>3d tutorials and WebGL related documentation :
<ul>
<li><a href="http://learningwebgl.com/">http://learningwebgl.com/</a></li>
<li><a href="http://www.khronos.org/registry/webgl/specs/latest/">http://www.khronos.org/registry/webgl/specs/latest/</a></li>
</ul>
</li>
<li>3d frameworks:
<ul>
<li><a href="https://github.com/mrdoob/three.js">https://github.com/mrdoob/three.js</a></li>
<li><a href="http://osgjs.org/">http://osgjs.org/</a></li>
<li><a href="http://www.cubicvr.org/">http://www.cubicvr.org/</a></li>
<li><a href="http://spidergl.org/">http://spidergl.org/</a></li>
<li><a href="http://www.ambiera.com/copperlicht/index.html">http://www.ambiera.com/copperlicht/index.html</a></li>
<li><a href="http://www.glge.org/">http://www.glge.org/</a></li>
<li><a href="http://www.scenejs.com/">http://www.scenejs.com/</a></li>
</ul>
</li>
<li>Webgl utilities:
<ul>
<li><a href="http://github.com/OneGeek/WebGLU">http://github.com/OneGeek/WebGLU</a></li>
<li><a href="http://github.com/jackpal/webgltrace">http://github.com/jackpal/webgltrace</a></li>
<li><a href="https://cvs.khronos.org/svn/repos/registry/trunk/public/webgl/sdk/demos/common/webgl-utils.js">https://cvs.khronos.org/svn/repos/registry/trunk/public/webgl/sdk/demos/common/webgl-utils.js</a></li>
<li><a href="https://github.com/fintler/webgl-unproject">https://github.com/fintler/webgl-unproject</a></li>
</ul></li>
<li>Shader creation:
<ul>
<li><a href="http://www.iquilezles.org/apps/shadertoy/">http://www.iquilezles.org/apps/shadertoy/</a></li>
</ul>
</li>
<li>Canvas documentation :
<ul>
<li><a href="http://diveintohtml5.org/canvas.html#divingin">http://diveintohtml5.org/canvas.html#divingin</a></li>
<li><a href="https://developer.mozilla.org/en/canvas_tutorial">https://developer.mozilla.org/en/canvas_tutorial</a></li>
</ul>
</li>
</ul>
</div>
<h2 id="schedule">Schedule</h2>
<ul class="schedule">
<li>Friday <strong>19:30 - <em>party starts!</em></strong></li>
<li>Saturday <strong>10:00 - <em>breakfast</em></strong></li>
<li>Saturday <strong>14:00 > 17:00 - <em>conferences</em></strong></li>
<li>Saturday <strong>19:00 - <em>deadline for remote entries</em></strong></li>
<li>Saturday <strong>20:00 - <em>deadline for party entries</em></strong></li>
<li>Saturday <strong>21:00 - <em>entries are shown on the bigscreen!</em></strong></li>
<li>Saturday <strong>22:00 - <em>public vote</em></strong></li>
<li>Saturday <strong>23:00 - <em>prizegiving</em></strong></li>
<li>Saturday <strong>23:00 - <em>party ends</em></strong></li>
</ul>
<h2 id="map">Venue: Isart Digital - right next to the Opera Bastille</h2>
<p>
<iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.fr/maps?f=q&source=s_q&hl=fr&geocode=&q=ISART+DIGITAL,+Rue+de+la+Roquette,+Paris&aq=0&sll=46.75984,1.738281&sspn=10.178118,19.204102&ie=UTF8&hq=ISART+DIGITAL,&hnear=Rue+de+la+Roquette,+75011+Paris&ll=48.856386,2.370901&spn=0.013553,0.027466&z=15&iwloc=A&output=embed"></iframe>
<a href="http://maps.google.fr/maps?f=q&source=embed&hl=fr&geocode=&q=ISART+DIGITAL,+Rue+de+la+Roquette,+Paris&aq=0&sll=46.75984,1.738281&sspn=10.178118,19.204102&ie=UTF8&hq=ISART+DIGITAL,&hnear=Rue+de+la+Roquette,+75011+Paris&t=h&ll=48.856386,2.370901&spn=0.013553,0.027466&z=15&iwloc=A">zoom</a>
</p>
<h2 id="compos">Compos & prizes</h2>
<p>Open Web technologies only, no plug-ins, no extras. The demo should not have been released previously, shoud not include copyrighted material, should work on the last version of Firefox & Chrome, and should work offline.</p>
<ul>
<li><strong>Size limited - JavaScript 1k:</strong> play with a few bytes (<a href="http://js1k.com/">The original</a>); the shim file is <a href="demojs_shim.html">here</a> (<a href="view-source:http://demojs.org/demojs_shim.html">view the source here</a>)</li>
<li><strong>Freestyle - One effect or more:</strong> no size-limit, just show us cool stuff using web technologies ;)</li>
</ul>
<p>Compo machines specs coming soon.</p>
<p>The organizing team reserve the right to disqualify entries that are inappropriate (pornography, illegal content, ...).</p>
<p>
<strong>The winning demo of each category will be featured on <a href="http://mozillalabs.com">the Mozilla Labs website</a>. We also have cool prizes for the top entries: books, tshirts, ...</strong>
</p>
<h2 id="remote">Remote participation</h2>
<p>Remote participation is welcome, but you won't win any physical prize. Deadline is <strong>July 2nd at 19:00</strong>.</p>
<p>Send your production by email: <a href="mailto:contact@demojs.org">contact@demojs.org</a>.</p>
<h2 id="conf">Conferences and workshops</h2>
<p>More info coming soon</p>
<h2 id="register">Register</h2>
<p>Please take a few minutes to register if you are planning to come.</p>
<div id="registration">
<iframe src="http://www.eventbrite.com/tickets-external?eid=1795958761&ref=etckt" frameborder="0" width="100%" vspace="0" hspace="0" marginheight="5" marginwidth="5" scrolling="auto" allowtransparency="true"></iframe>
<a href="http://demojs1.eventbrite.com/">view the attendee list on eventbrite</a>
</div>
<h2 id="contast">Contact us</h2>
<p>You can contact us:</p>
<ul>
<li>by email: <a href="mailto:contact@demojs.org">contact@demojs.org</a></li>
<li>on Twitter: <a href="http://twitter.com/demojsorg">@demojsorg</a> (hashtag: <a href="http://search.twitter.com/search?q=%23demojs">#demojs</a>) </li>
<li>on Facebook: <a href="https://www.facebook.com/DemoJS">page</a> - <a href="https://www.facebook.com/event.php?eid=226012780761812">event</a></li>
<li>on IRC: <a href="irc://irc.freenode.net">#demojs @ freenode</a></li>
</ul>
<p>Many thanks to the <a href="https://twitter.com/demojsorg/orga/members">organizing team</a>, to <a href="http://twitter.com/tbx">@tbx</a> from Mozilla Labs and to <a href="http://m4de.com">@m4de</a> for the nice logo.</p>
</div>
<div id="footer" class="shadow">
<div class="center ">
<a href="http://mozillalabs.com"><img src="img/logoMozillaLabs_sd.png" alt="Mozilla Labs"></a> <a href="http://www.demoscene.fr"><img src="img/logoDemoscenefr_sd.png" alt="Demoscene.fr"></a>
<br>
<a href="http://parisjs.org"><img alt="ParisJS community" src="img/logoParisJS_sd.png"></a> <a href="http://www.isartdigital.com/"><img src="img/logoIsart_sd.png" alt="Isart Digital"></a>
<br>
<a href="http://www.prologin.org"><img src="img/logoPrologin_sd.png" alt="Prologin"></a>
<a href="http://www.popsyteam.org"><img src="img/popsyteam_sd.png" alt="Popsyteam"></a>
</div>
</div>
</div>
<script>
jQuery(function($){
$("a.moreInfos").click(function(e){
e.preventDefault();
e.stopPropagation();
var $link = $(this);
var target = $link.attr("href");
var $t = $(target);
$t.height( $t.height()===0?$t.attr("data-targetSize"):0);
});
$("div.moreInfos").each(function(i, elt){
var $elt = $(elt);
$elt.attr("data-targetSize", $elt.height());
$elt.height(0);
});
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-23979135-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>
</body>
</html>