Browse Source

updated markup

2015
Jérôme Loï 7 years ago
parent
commit
0d8d005f37
  1. 3
      html/assets/css/squatconf.css
  2. 137
      html/index.html
  3. 2
      package.json

3
html/assets/css/squatconf.css

@ -0,0 +1,3 @@
.btn{background-color: #fff}
.leftCol{padding-top: 15px;}
.page-header pre {margin-bottom: 0;}

137
html/index.html

@ -0,0 +1,137 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>SquatConf.386</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Squatconf webSite">
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<link href="assets/css/squatconf.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="row">
<div class="span3 leftCol">
<ul class="nav nav-list">
<li><a href="#"><i class="icon-chevron-right"></i> SquatConf</a></li>
</ul>
<br /><br />
<form method="GET" action="http://localhost:8000/email">
<fieldset>
<ul class="nav nav-list">
<!-- WARNING: This only works for development system (localhost) -->
<legend>JOIN US</legend>
<label class="text-info">Enter your email..</label>
<input type="text" name="email">
<span class="help-block">we'll send you info about future events</span>
<label class="checkbox text-info">
<input type="checkbox" name="paris"> Paris Nov.2014?
</label>
<button type="submit" class="btn">Send</button>
</ul>
</fieldset>
</form>
<br /><br />
<!-- <fieldset>
<legend>SUPPORT US</legend>
<ul class="nav nav-list">
<li>
<button type="submit" class="btn">Donate BTC</button>
</li>
</ul>
</fieldset> -->
</div>
<!-- content -->
<div class="span9">
<div class="page-header">
<pre><small>
.d8888b. 888 .d888
d88P Y88b 888 d88P"
Y88b. 888 888
"Y888b. .d88888888 888 8888b. 888888 .d8888b .d88b. 88888b. 888888
"Y88b.d88" 888888 888 "88b888 d88P" d88""88b888 "88b888
"888888 888888 888.d888888888 888 888 888888 888888
Y88b d88PY88b 888Y88b 888888 888Y88b. Y88b. Y88..88P888 888888
"Y8888P" "Y88888 "Y88888"Y888888 "Y888 "Y8888P "Y88P" 888 888888
888
888
888
</small></pre>
</div>
<div>
<h2 id="what-is-squatconf-">What is SquatConf ?</h2>
<p>Some of us are lucky enough to attend to some marvellous conventions, made with love by amazing people, they give us some great event with top notch speakers, incredible venues, amazing parties.</p>
<p>Theses conferences are pulled out with a huge work by volunteers, some sponsors, so they can cut the cost of theses event to the minimum.</p>
<p>the minimum is still a bit of money, money some don&#39;t have.</p>
<p>We came out with an alternative model for that ... SquatConf </p>
<p>This will not be your everyday conference, but it will be a on donation with good talk from amazing people, and you will be able to contribute to it if you want too </p>
<h2 id="how-can-this-be-possible-">How can this be possible ?</h2>
<p>Conference have huge cost to handle, and most of the time ticket prices are not even close to the real cost per attendee, see <a href="http://2014.lxjs.org/about/">this transparency report</a> to understand how a 0 profit conference can pull that. Still it costs a pile of cash to do that. <br>
Venues, transportation, hotels, food are really nice perks to have, but ... </p>
<p>If you held a conference in a Squat,
<br>If the Speakers advance their travel expenses,<br>
If you host them in some Friend&#39;s home,<br>
If you tell people to bring some food and<br>
If you know for SURE that the wifi will be shaky ... </p>
<p>you can get a 0 cost conference made with love,but a little rougher</p>
<h2 id="where-when-">Where / when ?</h2>
<p>A Squat in Paris, that will not yet be disclosed for obvious reasons ...</p>
<p>It will happened 2014 November 15th .</p>
<h2 id="the-plan">The plan</h2>
<p>We are a bunch of crazy programers that believe in anarchy and distributed systems, conferences included.</p>
<p>We will provide a place, we will provide a context, some talks, and the rest will be up to you ...</p>
<h2 id="who-is-behind-this">Who is behind this</h2>
<p>SquatConf is an Idea that came after <a href="http://2014.lxjs.org/">LXJS</a>, It was a great conference, and the organisation made an amazing job, and after the final day of the event we ended up <a href="https://github.com/dominictarr">dominictarr</a>, <a href="https://github.com/joates">joates</a> and <a href="https://github.com/gorhgorh">I</a> talking about autonomous self driving boats when this idea came to live, now the idea matured and some folks (<a href="https://github.com/mmalecki">mmalecki</a>,<a href="https://github.com/no9/">no9</a>,<a href="https://github.com/substack/">substack</a>, ...) are in the loop now.</p>
<h2 id="ok-so-you-are-a-bunch-of-idealist-that-will-make-a-10-ppl-conference-in-a-dump-">Ok so you are a bunch of idealist that will make a 10 ppl conference in a dump ...</h2>
<p>What you will get out of SquatConf is, in the end literally what you will want put in SquatConf .</p>
<ul>
<li>Tickets will be on donation, you want a cheap conf give 0, you want provided food ...</li>
<li>this won&#39;t be a 400 ppl conf for sure, but do you NEED that much ppl ?</li>
<li>there are already speakers interested for who you would enjoy spend some bucks :)</li>
<li>you have ideas to improve this thing ? they are gladly welcome. </li>
</ul>
<h2 id="mhhh-i-want-to-talk-here-">mhhh I want to talk here !!!</h2>
<p>Please see <a href="https://github.com/squatconf/talks">here</a> to propose a talk</p>
</div>
</div>
</div>
</div>
<!-- Footer
================================================== -->
<!-- <footer class="footer">
<div class="container">
some info, maybe ? ;)
</div>
</footer> -->
<script src="assets/js/email.js"></script>
</body>
</html>

2
package.json

@ -5,7 +5,7 @@
"main": "server.js",
"scripts": {
"start": "echo -n 'building.. '; npm run build && node server.js",
"build": "browserify src/email.js -o assets/js/email.js",
"build": "browserify src/email.js -o html/assets/js/email.js",
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {

Loading…
Cancel
Save