Browse Source

update ws

2016
gorhgorh 6 years ago
parent
commit
cef5714eeb
  1. 120
      public/assets/css/squatconf.css
  2. 285
      src/index.hbs
  3. 115
      src/index.md

120
public/assets/css/squatconf.css

@ -1,60 +1,60 @@
.btn{background-color: #fff}
.leftCol{padding-top: 15px;}
.page-header pre {margin-bottom: 0;}
.formCont{
border: 2px solid #000000;
-webkit-box-shadow: 0 0 0 5px, 11px 13px 0 4px black;
-moz-box-shadow: 0 0 0 5px, 11px 13px 0 4px black;
box-shadow: 0 0 0 5px, 11px 13px 0 4px black;
background: #bbbbbb;
padding: 10px 15px;
margin: 10px 5px;
margin-left: -5px;
}
.input{width: 100%;}
#status-msg.info{color: black}
#status-msg.error{color: red}
.parisCont{
background-color: #000;
width: 100% !important;
padding: 1em 0;
}
.parisCont svg{
display: block;
max-width: 80%;
margin: 0 auto;
}
.attribution {
width: 100%;
font-size: small;
text-align: center;
margin-top: 1em;
}
#logoCont{
text-align: center;
}
.belinLogo{
width: 300px;
}
h2{white-space: normal;}
/*mq madness*/
.maxW, .dskW,.tblW{display:none;}
@media (min-width: 1200px) {
.maxW{display:block;}
}
@media (min-width: 980px) and (max-width: 1199px) {
.dskW{display:block;}
}
@media (min-width: 768px) and (max-width: 979px) {}
@media (max-width: 767px) {
.parisCont svg{zoom: 0.6;}
}
@media (max-width: 480px) {}
@media (max-width: 979px) {
.tblW{display:block;}
}
@media (min-width: 980px) {}
.btn{background-color: #fff}
.leftCol{padding-top: 15px;}
.page-header pre {margin-bottom: 0;}
.formCont{
border: 2px solid #000000;
-webkit-box-shadow: 0 0 0 5px, 11px 13px 0 4px black;
-moz-box-shadow: 0 0 0 5px, 11px 13px 0 4px black;
box-shadow: 0 0 0 5px, 11px 13px 0 4px black;
background: #bbbbbb;
padding: 10px 15px;
margin: 10px 5px;
margin-left: -5px;
}
.input{width: 100%;}
#status-msg.info{color: black}
#status-msg.error{color: red}
.parisCont{
background-color: #000;
width: 100% !important;
padding: 1em 0;
}
.parisCont svg{
display: block;
max-width: 80%;
margin: 0 auto;
}
.attribution {
width: 100%;
font-size: small;
text-align: center;
margin-top: 1em;
}
#logoCont{
text-align: center;
}
.belinLogo{
width: 200px;
}
h2{white-space: normal;}
/*mq madness*/
.maxW, .dskW,.tblW{display:none;}
@media (min-width: 1200px) {
.maxW{display:block;}
}
@media (min-width: 980px) and (max-width: 1199px) {
.dskW{display:block;}
}
@media (min-width: 768px) and (max-width: 979px) {}
@media (max-width: 767px) {
.parisCont svg{zoom: 0.6;}
}
@media (max-width: 480px) {}
@media (max-width: 979px) {
.tblW{display:block;}
}
@media (min-width: 980px) {}

285
src/index.hbs

@ -1,150 +1,135 @@
<!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">
<div class="formCont">
<fieldset>
<legend>BE PART OF IT</legend>
<label class="text-info">Send us your talk proposal</label>
<a href="mailto:talks@squatconf.eu">
<button type="submit" class="btn">Email</button>
</a>
<a href="https://github.com/squatconf/talks/pulls">
<button type="submit" class="btn">GH Pull Request</button>
</a>
<div id="status-msg">&nbsp;</div>
<span class="help-block">
You can either send us a pull request on <a href="https://github.com/squatconf/talks/pulls">GitHub</a> or a simple email, if you have a talk to propose.
</span>
</fieldset>
</form>
</div>
<br />
<div class="formCont">
<fieldset>
<legend>JOIN US</legend>
<label class="text-info">Squatconf's mailing list</label>
<a href="https://mailinglists.dyne.org/cgi-bin/mailman/listinfo/squatconf">
<button type="submit" class="btn">Subscribe</button>
</a>
<div id="status-msg">&nbsp;</div>
<span class="help-block">we'll send you info about future events, and talk about all and nothing</span>
</fieldset>
</form>
</div>
<br />
<!-- <ul class="nav nav-list">
<li><a href="https://twitter.com/squatconf">@squatconf</a>
</ul> -->
<br>
<ul class="nav nav-list">
<li><a href="#">#squatconf on freenode</a></li>
</ul>
<br>
</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">
{{md "src/header.md"}}
</div>
<div>
{{md "src/index.md"}}
</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">
<img src="assets/img/squatconf2016.svg" alt="" class="belinLogo"/>
<img src="assets/img/squatconf2016Berliner.svg" alt="" class="belinLogo"/>
</div>
<div class="attribution">logo image by <a href="http://zhizzzzzz.blogspot.fr/search?updated-max=2010-06-07T16:36:00-07:00&max-results=7&reverse-paginate=true">Zhi Zhang</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>
<!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">
<div class="formCont">
<fieldset>
<legend>BE PART OF IT</legend>
<label class="text-info">Send us your talk proposal</label>
<div>
<a href="https://pad.ijhack.nl/p/squatconf-cfp">
<button type="submit" class="btn">Pad</button>
</a>
</div>
<a href="mailto:talks@squatconf.eu">
<button type="submit" class="btn">Email</button>
</a>
<a href="https://git.cryto.net/Squatconf/Talks/pulls">
<button type="submit" class="btn">pull request</button>
</a>
<div id="status-msg">&nbsp;</div>
<span class="help-block">
You can either send us a pull request, write on the pad or send an email, if you have a talk to propose.
</span>
</fieldset>
</form>
</div>
<br />
<div class="formCont">
<fieldset>
<legend>JOIN US</legend>
<label class="text-info">Squatconf's mailing list</label>
<a href="https://mailinglists.dyne.org/cgi-bin/mailman/listinfo/squatconf">
<button type="submit" class="btn">Subscribe</button>
</a>
<div id="status-msg">&nbsp;</div>
<span class="help-block">we'll send you info about future events, and talk about all and nothing</span>
</fieldset>
</form>
</div>
<br />
<!-- <ul class="nav nav-list">
<li><a href="https://twitter.com/squatconf">@squatconf</a>
</ul> -->
<br>
<ul class="nav nav-list">
<li><a href="#">#squatconf on freenode</a></li>
</ul>
<br>
</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">
{{md "src/header.md"}}
</div>
<div>
{{md "src/index.md"}}
</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">
<img src="assets/img/squatconf2016Berliner.svg" alt="" class="belinLogo"/>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

115
src/index.md

@ -1,65 +1,50 @@
## What is SquatConf?
The intentions behind the first SquatConf was to organise a tech conference in a squat. Why would we want to pay an expensive venue, when we could organise this in a squat, creating a beneficial synergy and make it accessible to everyone, without relying on any sponsors. This is almost what happened, but it did not end as a "more than a tech conference"...
[Olizilla][1] wrote something that sums up what happened in the first edition pretty well [here][2].
We still don't really know what this second edition wil be, but this is one of the important points about SquatConf. We will list all proposed talks and you will see what kind of people are interested in coming and what they are proposing. It is then up to you, to participate or not, to attend or not, to be or not.
SquatConf won't be your everyday conference, but you'll have great talks from amazing people and cool workshops, all based on donations, open to everybody with no restrictions.
We will provide a space, we will provide a context, some talks, and the rest is up to you...
## What we (kind of) know
This time around we are making it a two day event, with the first day dedicated to talks
and the second dedicated to workshops and hacking sessions.
In addition we are planing some events for the week after, but we know even less about this
right now then we know about the rest.
We are also looking for place to host people (if you have some or know something please contact us).
## How is this possible?
Conference costs are huge, and ticket prices are often nowhere near the true per-attendee cost, even for a non-profit conference.
Fancy venues, transportation, hotels and food are really nice perks to have, but ...
if you hold a conference in a squat ... the speakers advance their travel expenses ...
you can have a almost zero cost conference made with a lot of love, a little rougher around the edges and it will allow you to remove sponsors from the equation.
## Where and when?
### Now
Berlin, 29-30 April 2016
### Past
14/11/15 : Le hangard56
## How much does this cost?
There won't be any tickets as the whole event is donation-based. We will inform you of the venu at a later point in time (when we actually know about it). Vegan and non vegan food will be available.
### For more info subscribe to the [mailing list][4]
I want to speak / do a workshop / dance
Everybody here is welcome, we won't promise that every proposal will be accepted, but they will all be displayed here and in a git repository, and the curation process will happen in the open.
See the side column for info to propose a talk/workshop/whatever.
## Who is behind this
A bunch of people that had fun at the first one, or knew each others before, coming from loads of different horizons.
## Etiquette
While we are open to discuss a lot of things, we are
- ### antifascists
- ### against all form of discrimination
Hence any form of exclusion, harassment, racism or the likes will **NOT** be tolerated.
This is explained in detail in our [COC][3].
[1]: https://twitter.com/olizilla
[2]: http://blog.tableflip.io/squatconf-information-wants-to-be-free/
[3]: https://github.com/squatconf/organisation/blob/master/code_of_conduct.md#squatconf-code-of-conduct
[4]: https://mailinglists.dyne.org/cgi-bin/mailman/listinfo/squatconf
## What is SquatConf? It started in Paris Nov 2014 ...
Squatconf happened in November 2014 in Paris in a squat, hence the name.
It wasn't your typical IT conference because it was mostly Just-in-Time-organized
by all the people who attend. There were no advertisements from Silicon
Valley companies (or any others) and several people felt free to give somewhat
radical talks on technologies and society, even openly associate with
anarchism. There also were a fair share of advanced tech talks on web
Crypto, decentralized tech demos, internet of things, automatic garden
planting systems and what not. And we had many personal conversations
among each other which continue to this day.
## ... and now we go to Berlin end april 2016!
We want to make another Squatconf happening happen around
end April 2016 in Berlin. Timing wise it's next to "re:publica" so that
researchers and others who are going to this business conference can also
drop by at squatconf to participate in a more independent event.
Berlin has gotten quite trendy, more expensive and squatting
is much less happening than it used to. But there still is lots of life
and lazyness which hasn't been fully occupied by world-wide-capitalism
yet.
## Money and time
Whatever we need money wise we'll pay for it by asking
for donations by all who come. We'd like to keep it a somewhat small
no-entrance-fee conference, collectively organized by those who attend,
with a personal atmosphere. Besides listening to good talks you can
also have interesting conversations while preparing food for all in the
kitchen. We'd like nobody to get overly stressed which can happen all
too easily if single individuals feel responsible for collective
outcomes. The most important commitment when coming to Squatconf is our
time and dedication to create a space where things happen and people
feel free to talk. Btw, any kind of racist or sexist behaviour
will receive fierce opposition.
## I want to help / I need help
If you can help with organizing stuff in Berlin please come a few days earlier
as some of us do. Drop by at #squatconf on freenode and/or subscribe to the
[mailing list](https://mailinglists.dyne.org/cgi-bin/mailman/listinfo/squatconf).
If you need travel funding or a place to sleep please ask on the channel.
If you bring a sleeping bag something should be possible but it's good
if you tell before so that we have an idea on how many people need accomodation.
## I want to give a talk!
Please see [our talks repository](https://git.cryto.net/Squatconf/Talks/pulls) to propose a talk.
Loading…
Cancel
Save