Browse Source

added browserify workflow for my client-side js

2015
joates 7 years ago
parent
commit
82b5332a6f
  1. 6
      .gitignore
  2. 5
      base.html
  3. 0
      html/.empty-placeholder
  4. 117
      html/index.html
  5. 5
      package.json
  6. 4
      server.js
  7. 10
      src/email.js

6
.gitignore

@ -1,3 +1,5 @@
.DS_Store
lib-cov
*.seed
*.log
@ -13,3 +15,7 @@ results
npm-debug.log
node_modules
assets/js/email.js
html/index.html
html/assets/*

5
base.html

@ -1,3 +1,4 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
@ -83,4 +84,6 @@
</div>
</footer>
</body></html>
</body>
<script src="assets/js/email.js"></script>
</html>

0
html/.empty-placeholder

117
html/index.html

@ -1,117 +0,0 @@
<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">
</head>
<body>
<div class="container">
<div class="row">
<div class="span3">
<ul class="nav nav-list">
<li><a href="#"><i class="icon-chevron-right"></i> SquatConf</a></li>
<li><a href="#"><i class="icon-chevron-right"></i> Code</a></li>
<li><a href="#"><i class="icon-chevron-right"></i> Tables</a></li>
</ul>
<br /><br />
<ul class="nav nav-list">
<!-- WARNING: This only works for development system (localhost) -->
<form method="GET" action="http://localhost:8000/email">
<fieldset>
<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>
</fieldset>
</form>
</ul>
<br /><br />
<ul class="nav nav-list invisible">
<fieldset>
<legend>SUPPORT US</legend>
<button type="submit" class="btn">Donate BTC</button>
</fieldset>
</ul>
</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><br>
</pre>
</div>
<h1 id="the-squatconf-manifest">The SquatConf Manifest</h1>
<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
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>
<li>we plan to make it zero sum ... ie, we will split eventual benefit with attendees, ROI in a squat conference !!!</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>
<!-- Footer
================================================== -->
<footer class="footer">
<div class="container">
some info, maybe ? ;)
</div>
</footer>
</body></html>

5
package.json

@ -4,7 +4,8 @@
"description": "website for the squatConf conference",
"main": "server.js",
"scripts": {
"start": "echo -n 'building.. '; node build.js && node server.js",
"start": "echo -n 'building.. '; npm run build && node server.js",
"build": "browserify src/email.js -o assets/js/email.js && node build.js",
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
@ -22,6 +23,8 @@
},
"homepage": "https://github.com/squatconf/website",
"dependencies": {
"browserify": "^5.11.2",
"domready": "^1.0.7",
"marked": "^0.3.2",
"wrench": "^1.5.8"
}

4
server.js

@ -32,5 +32,5 @@ process.on('uncaughtException', function (err) {
})
server.listen(port)
console.log('['+ process.pid +'] server started on port '+ port)
console.log('(use ctrl+c to stop server)')
console.error('['+ process.pid +'] server started on port '+ port)
console.error('(use ctrl+c to stop server)')

10
src/email.js

@ -0,0 +1,10 @@
var ready = require('domready')
process.nextTick(function() {
ready(function() {
console.log('ready')
})
})
Loading…
Cancel
Save