Website/html/index.html

<!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 rel="icon" href="favicon.ico" type="image/x-icon" />
  <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>
        <li><a href="https://github.com/squatconf/organisation/blob/master/code_of_conduct.md#squatconf-code-of-conduct"><i class="icon-chevron-right"></i> Code of Conduct</a></li>
        <li><a href="https://github.com/squatconf/talks#squatconf-call-for-papers"><i class="icon-chevron-right"></i> Submit a talk</a></li>

      </ul>
      <br />

      <div class="formCont">
        <form id="signup-form" method="GET" action="/email">
        <fieldset>
            <legend>JOIN US</legend>
            <label class="text-info">Enter your email..</label>
            <input type="text" name="email" class='input'>
            <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>
            <div id="status-msg">&nbsp;</div>
        </fieldset>
        </form>
      </div>
      <br />

      <ul class="nav nav-list">
        <li><a href="#">Chat with us in <br>#stackvm on freenode</a></li>
      </ul>
<!--  <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 class="maxW"><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>
<pre class="dskW">
         ____                    _    ____             __
        / ___|  __ _ _   _  __ _| |_ / ___|___  _ __  / _|
        \___ \ / _` | | | |/ _` | __| |   / _ \| '_ \| |_
         ___) | (_| | |_| | (_| | |_| |__| (_) | | | |  _|
        |____/ \__, |\__,_|\__,_|\__|\____\___/|_| |_|_|
                  |_|
<br></pre>
<pre class="tblW">
     __
    (_  _     _ |_
    __)(_||_|(_||_
         |
     __       _
    /   _  _ (_
    \__(_)| )|
<br></pre>
      </div>
      <div class="page-header">
        <h1>November, 15 2014, Paris</h1>
      </div>
      <div>
        <h2 id="what-is-squatconf-">Why / What is SquatConf?</h2>
        <p>
          Squatconf if a tech conference that will happen... in a squat, hence the name.
          it won't be a conference about squatting or squatters, but will also talk about technologies that can be used in squats. <br>
          On top of that, the name sounded nice, isn't it ?
        </p>
        <p>It started because some of us are lucky enough to attend marvelous conventions, made with love by amazing people. Great events with top-notch speakers, incredible venues, and amazing parties.</p>
        <p>These conferences are run with huge contributions from volunteers, and financial support from sponsors, providing top-notch events at affordable prices.</p>
        <p>But even then, they're not affordable for everyone.</p>
        <p>We're building an alternative model: SquatConf.</p>
        <p>SquatConf won't be your everyday conference, but we'll have good talks from amazing people. It'll be donation-based, and you'll get to contribute if you want to.</p>
        <h2 id="how-is-this-possible-">How is this possible?</h2>
        <p>Conference costs are huge, and ticket prices are often <a href="http://2014.lxjs.org/about/">nowhere near the true per-attendee cost</a>, even for a non-profit conference.</p>
        <p>Fancy venues, transportation, hotels and food are really nice perks to have, but…</p>
        <p>If you hold a conference in a squat…
        the speakers advance their travel expenses…
        tell people to bring some food…
        and the wifi will be dodgy for sure…</p>
        <p>You'll have a zero-cost conference made with love, but a little rougher around the edges.</p>
        <h2 id="where-and-when-">Where and when?</h2>
        <p>November 15th 2014. A squat in Paris. For obvious reasons, we can't yet disclose where.</p>
        <h2 id="the-plan">The Plan</h2>
        <p>We are a bunch of crazy programmers that believe in anarchy and decentralised systems, conferences included.</p>
        <p>We will provide a space, 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>The inception of SquatConf was at <a href="http://2014.lxjs.org/">LXJS</a>. It was a great conference, and the organisation did an amazing job, and after the final day of the event we ended up with <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 life. Now the idea matured and some folks (<a href="https://github.com/mmalecki">mmalecki</a>, <a href="https://github.com/nathan7">nathan7</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="okay-so-you-re-a-bunch-of-idealists-running-a-10-people-conference-in-a-dump-">Okay, so you're a bunch of idealists, running a 10-people conference in a dump.</h2>
        <p>What you'll get out of SquatConf is in the end exactly what you put into SquatConf.</p>
        <ul>
        <li>Tickets will be donation-based. You want a cheap conference? Give us nothing. You want food? Contribute.</li>
        <li>This won't be a 400-people event, but do you <em>need</em> that many people?</li>
        <li>We already have speakers lined up you're probably prepared to pay for :)</li>
        <li>You have ideas for improvements? Suggestions are always welcome.</li>
        <li>We plan to make SquatConf zero-sum. We'll split any profits with attendees — ROI on a conference!</li>
        </ul>
        <h2 id="i-want-to-give-a-talk-">I want to give a talk!</h2>
        <p>Please see <a href="https://github.com/squatconf/talks">our talks repository</a> to propose a talk.</p>


      </div>
    </div>
  </div>
</div>

<div class="parisCont">
<div class="container">
  <div class="row">
    <div class="span3"></div>
    <div class="span9">
      <div id="logo-wrapper">
        <div id="logoCont"></div>
        <div class="attribution">logo image by <a href="http://substack.net">substack</a></div>
      </div>
    </div>
  </div>
</div>
</div>

<script src="assets/js/email.js"></script>
<script>
    (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
    function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
    e=o.createElement(i);r=o.getElementsByTagName(i)[0];
    e.src='//www.google-analytics.com/analytics.js';
    r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
    ga('create','UA-8478831-9','auto');ga('send','pageview');
</script>
</body>
</html>
updated markup 10 years ago			`<!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">`
favicon 10 years ago			`<link rel="icon" href="favicon.ico" type="image/x-icon" />`
updated markup 10 years ago			`<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>`
v1.1.0: added nav link to code of conduct document 10 years ago			`<li><a href="https://github.com/squatconf/organisation/blob/master/code_of_conduct.md#squatconf-code-of-conduct"><i class="icon-chevron-right"></i> Code of Conduct</a></li>`
v1.1.1: added nav link to the talks repository 10 years ago			`<li><a href="https://github.com/squatconf/talks#squatconf-call-for-papers"><i class="icon-chevron-right"></i> Submit a talk</a></li>`

updated markup 10 years ago			`</ul>`
add #stackvm info 10 years ago			`<br />`
updated markup 10 years ago
fix merdia queries issue, reworked markup, added mq reactive ascii thingies 10 years ago			`<div class="formCont">`
v0.4.3-rc2: removed http://localhost (for production deployment) 10 years ago			`<form id="signup-form" method="GET" action="/email">`
fix merdia queries issue, reworked markup, added mq reactive ascii thingies 10 years ago			`<fieldset>`
			`<legend>JOIN US</legend>`
			`<label class="text-info">Enter your email..</label>`
css classe fix 10 years ago			`<input type="text" name="email" class='input'>`
fix merdia queries issue, reworked markup, added mq reactive ascii thingies 10 years ago			`<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>`
added status messages to the email submission form 10 years ago			`<div id="status-msg"> </div>`
fix merdia queries issue, reworked markup, added mq reactive ascii thingies 10 years ago			`</fieldset>`
			`</form>`
			`</div>`
add #stackvm info 10 years ago			`<br />`
updated markup 10 years ago
add #stackvm info 10 years ago			`<ul class="nav nav-list">`
			`<li><a href="#">Chat with us in <br>#stackvm on freenode</a></li>`
			`</ul>`
updated markup 10 years ago			`<!-- <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">`
fix merdia queries issue, reworked markup, added mq reactive ascii thingies 10 years ago			`<pre class="maxW"><small>`
updated markup 10 years ago			`.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`
paris in ascii :) 10 years ago			`</small></pre>`
fix merdia queries issue, reworked markup, added mq reactive ascii thingies 10 years ago			`<pre class="dskW">`
			`____ _ ____ __`
			`/ ___\| __ _ _ _ __ _\| \|_ / ___\|___ _ __ / _\|`
			\___ \ / _` \| \| \| \|/ _` \| __\| \| / _ \\| '_ \\| \|_
			`___) \| (_\| \| \|_\| \| (_\| \| \|_\| \|__\| (_) \| \| \| \| _\|`
			`\|____/ \__, \|\__,_\|\__,_\|\__\|\____\___/\|_\| \|_\|_\|`
			`\|_\|`
			`<br></pre>`
			`<pre class="tblW">`
mobile version fix 10 years ago			`__`
			`(_ _ _ \|_`
			`__)(_\|\|_\|(_\|\|_`
			`\|`
			`__ _`
			`/ _ _ (_`
			`\__(_)\| )\|`
fix merdia queries issue, reworked markup, added mq reactive ascii thingies 10 years ago			`<br></pre>`
updated markup 10 years ago			`</div>`
updated intro 10 years ago			`<div class="page-header">`
			`<h1>November, 15 2014, Paris</h1>`
			`</div>`
updated markup 10 years ago			`<div>`
updated intro 10 years ago			`<h2 id="what-is-squatconf-">Why / What is SquatConf?</h2>`
			`<p>`
fix typo 10 years ago			`Squatconf if a tech conference that will happen... in a squat, hence the name.`
			`it won't be a conference about squatting or squatters, but will also talk about technologies that can be used in squats. <br>`
updated intro 10 years ago			`On top of that, the name sounded nice, isn't it ?`
			`</p>`
			`<p>It started because some of us are lucky enough to attend marvelous conventions, made with love by amazing people. Great events with top-notch speakers, incredible venues, and amazing parties.</p>`
typos 10 years ago			`<p>These conferences are run with huge contributions from volunteers, and financial support from sponsors, providing top-notch events at affordable prices.</p>`
			`<p>But even then, they're not affordable for everyone.</p>`
			`<p>We're building an alternative model: SquatConf.</p>`
			`<p>SquatConf won't be your everyday conference, but we'll have good talks from amazing people. It'll be donation-based, and you'll get to contribute if you want to.</p>`
			`<h2 id="how-is-this-possible-">How is this possible?</h2>`
some spelling fixes, some language fixes 10 years ago			`<p>Conference costs are huge, and ticket prices are often <a href="http://2014.lxjs.org/about/">nowhere near the true per-attendee cost</a>, even for a non-profit conference.</p>`
			`<p>Fancy venues, transportation, hotels and food are really nice perks to have, but…</p>`
typos 10 years ago			`<p>If you hold a conference in a squat…`
typos 10 years ago			`the speakers advance their travel expenses…`
			`tell people to bring some food…`
			`and the wifi will be dodgy for sure…</p>`
typos 10 years ago			`<p>You'll have a zero-cost conference made with love, but a little rougher around the edges.</p>`
			`<h2 id="where-and-when-">Where and when?</h2>`
			`<p>November 15th 2014. A squat in Paris. For obvious reasons, we can't yet disclose where.</p>`
			`<h2 id="the-plan">The Plan</h2>`
programers -> programers thanks, @itzmjauz 10 years ago			`<p>We are a bunch of crazy programmers that believe in anarchy and decentralised systems, conferences included.</p>`
typos 10 years ago			`<p>We will provide a space, 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>`
some spelling fixes, some language fixes 10 years ago			<p>The inception of SquatConf was at <a href="http://2014.lxjs.org/">LXJS</a>. It was a great conference, and the organisation did an amazing job, and after the final day of the event we ended up with <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 life. Now the idea matured and some folks (<a href="https://github.com/mmalecki">mmalecki</a>, <a href="https://github.com/nathan7">nathan7</a>, <a href="https://github.com/no9">no9</a>, <a href="https://github.com/substack">substack</a>, ...) are in the loop now.</p>
typos 10 years ago			`<h2 id="okay-so-you-re-a-bunch-of-idealists-running-a-10-people-conference-in-a-dump-">Okay, so you're a bunch of idealists, running a 10-people conference in a dump.</h2>`
what you to put -> what you put thanks @gorhgorh 10 years ago			`<p>What you'll get out of SquatConf is in the end exactly what you put into SquatConf.</p>`
typos 10 years ago			`<ul>`
			`<li>Tickets will be donation-based. You want a cheap conference? Give us nothing. You want food? Contribute.</li>`
			`<li>This won't be a 400-people event, but do you <em>need</em> that many people?</li>`
			`<li>We already have speakers lined up you're probably prepared to pay for :)</li>`
			`<li>You have ideas for improvements? Suggestions are always welcome.</li>`
			`<li>We plan to make SquatConf zero-sum. We'll split any profits with attendees — ROI on a conference!</li>`
css classe fix 10 years ago			`</ul>`
typos 10 years ago			`<h2 id="i-want-to-give-a-talk-">I want to give a talk!</h2>`
			`<p>Please see <a href="https://github.com/squatconf/talks">our talks repository</a> to propose a talk.</p>`

updated markup 10 years ago
typos 10 years ago
updated markup 10 years ago			`</div>`
			`</div>`
			`</div>`
			`</div>`

removed ascii paris 10 years ago			`<div class="parisCont">`
svg logo 10 years ago			`<div class="container">`
			`<div class="row">`
			`<div class="span3"></div>`
			`<div class="span9">`
added logo attribution (with link to substack.net) 10 years ago			`<div id="logo-wrapper">`
			`<div id="logoCont"></div>`
			`<div class="attribution">logo image by <a href="http://substack.net">substack</a></div>`
			`</div>`
svg logo 10 years ago			`</div>`
			`</div>`
			`</div>`
removed ascii paris 10 years ago			`</div>`
paris in ascii :) 10 years ago
updated markup 10 years ago			`<script src="assets/js/email.js"></script>`
ga 10 years ago			`<script>`
bump package.json, updated ga 10 years ago			`(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]\|\|(b[l]=`
			`function(){(b[l].q=b[l].q\|\|[]).push(arguments)});b[l].l=+new Date;`
			`e=o.createElement(i);r=o.getElementsByTagName(i)[0];`
			`e.src='//www.google-analytics.com/analytics.js';`
			`r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));`
			`ga('create','UA-8478831-9','auto');ga('send','pageview');`
ga 10 years ago			`</script>`
updated markup 10 years ago			`</body>`
			`</html>`