Page MenuHomeWolfplex
Files F408457

No OneTemporary
Actions

View Options

diff --git a/css/theme/wolfplex.css b/css/theme/wolfplex.css
index c50c1fa..10b15d6 100644
--- a/css/theme/wolfplex.css
+++ b/css/theme/wolfplex.css
@@ -1,213 +1,221 @@
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300);
/**
* Black theme for reveal.js.
*
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
* Copyright (C) 2013 Sébastien Santoro aka Dereckson
*/
/*********************************************
* GLOBAL STYLES
*********************************************/
body {
background: #111111;
background-color: #111111; }
.reveal {
font-family: "Open Sans", sans-serif;
font-size: 30px;
font-weight: 400;
letter-spacing: -0.02em;
color: #eeeeee; }
::selection {
color: white;
background: #e7ad52;
text-shadow: none; }
/*********************************************
* HEADERS
*********************************************/
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
margin: 0 0 20px 0;
color: #eeeeee;
font-family: "Ubuntu", sans-serif;
font-weight: 300;
line-height: 0.9em;
letter-spacing: -0.03em;
text-transform: none;
text-shadow: none; }
.reveal h1 {
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
/*********************************************
* DARK
*********************************************/
.dark h1, .dark h2, .dark h3, .dark h3, .dark p {
color: black;
}
/*********************************************
* Slides
*********************************************/
+#welcome {
+ margin-top: 25%;
+}
+
#stats .container, #what .container {
height: 520px;
}
#stats strong {
font-weight: inherit;
color: gold;
}
#printer3D .container {
width: 480px;
}
#printer3D h2 {
margin-top: 0.5em;
color: #162635;
}
.opaque-bg {
background-color: rgba(0,0,0,0.35);
}
#objects .container {
width: 740px;
margin-left: 380px;
}
#objects h2 {
margin-top: 0.5em;
color: #0a2239;
}
#openknowledge h2 {
margin-top: 0.5em;
color: #354247;
}
+#publicspace {
+ width: 640px;
+}
+
#colophon {
font-size-adjust: 0.3;
}
ul.double {
- width: 760px;
- border-top: 1px solid #ccc;
- border-bottom: 1px solid #ccc;
+ width: 760px;
+ border-top: 1px solid #ccc;
+ border-bottom: 1px solid #ccc;
}
.double li {
- float: left;
+ float: left;
+ width: 50%;
}
-.double li { width: 50%; }
-
input {
background-color: rgba(0, 0, 0, 0.4);
border: none;
color: white;
font-family: "Open Sans";
- font-weight: 700;
+ font-weight: 400;
+ font-size: 1em;
}
#mail {
- height: 2em;
- padding: 0.5em;
+ height: 3em;
+ padding: 0 0.5em;
}
#ok {
height: 3em;
}
/*********************************************
* LINKS
*********************************************/
.reveal a:not(.image) {
color: #e7ad52;
text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
-ms-transition: color .15s ease;
-o-transition: color .15s ease;
transition: color .15s ease; }
.reveal a:not(.image):hover {
color: #f3d7ac;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
background: #d08a1d; }
/*********************************************
* IMAGES
*********************************************/
.reveal section img {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid #eeeeee;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
border-color: #e7ad52;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls div.navigate-left,
.reveal .controls div.navigate-left.enabled {
border-right-color: #e7ad52; }
.reveal .controls div.navigate-right,
.reveal .controls div.navigate-right.enabled {
border-left-color: #e7ad52; }
.reveal .controls div.navigate-up,
.reveal .controls div.navigate-up.enabled {
border-bottom-color: #e7ad52; }
.reveal .controls div.navigate-down,
.reveal .controls div.navigate-down.enabled {
border-top-color: #e7ad52; }
.reveal .controls div.navigate-left.enabled:hover {
border-right-color: #f3d7ac; }
.reveal .controls div.navigate-right.enabled:hover {
border-left-color: #f3d7ac; }
.reveal .controls div.navigate-up.enabled:hover {
border-bottom-color: #f3d7ac; }
.reveal .controls div.navigate-down.enabled:hover {
border-top-color: #f3d7ac; }
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
background: rgba(0, 0, 0, 0.2); }
.reveal .progress span {
background: #e7ad52;
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
diff --git a/img/TunnelMetroFantome.jpg b/img/TunnelMetroFantome.jpg
index 3800f01..01780ed 100644
Binary files a/img/TunnelMetroFantome.jpg and b/img/TunnelMetroFantome.jpg differ
diff --git a/index.html b/index.html
index ead8977..992dedc 100644
--- a/index.html
+++ b/index.html
@@ -1,218 +1,216 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Wolfplex Hackerspace - Créer un hackerspace à Charleroi</title>
<meta name="description" content="Présentation du projet de création d'un hackerspace à Charleroi">
<meta name="author" content="Sébastien Santoro aka Dereckson, Wolfplex Hackerspace">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="css/reveal.min.css">
<link rel="stylesheet" href="css/theme/wolfplex.css" id="theme">
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<div class="slides">
<section id="welcome" data-background="img/TunnelMetroFantome.jpg">
- <h1>Wolfplex<br />Hackerspace</h1>
- <p style="height: 9em;">&nbsp;</p>
<h3>Créer un hackerspace à Charleroi</h3>
<p>
<small>Bienvenue dans notre présentation du projet.<br /><a href="http://irc.lc/wolfplex">Discuter en live</a> (<a href="irc://irc.freenode.net/wolfplex">Freenode #wolfplex</a>)</small>
</p>
<p><small>[ <a href="#/place">START</a> ]</small></p>
</section>
<section id="place" data-background="img/RaumZeitLabor.jpg" class="opaque-bg">
<h2>Un hackerspace c'est …</h2>
<p>Un espace pour se rencontrer</p>
<p>Un espace pour créer</p>
<p>Un espace pour échanger</p>
<p>&nbsp;</p>
<p>Quelque chose comme sur cette photo.</p>
</section>
<section id="stats" data-background="img/Hackerspaces.png">
<div class="container">
<p>Dans plus de <strong>52 pays</strong>.</p>
<p>De <strong>Berlin</strong> à <strong>New York</strong> en passant par <strong>Bruxelles</strong>.</p>
<p>Et maintenant, un à <strong>Charleroi</strong>.</p>
</div>
</section>
<section id="what" data-background="img/Hackerspaces.png">
<div class="container">
<h1>Qu'y fait-on ?</h1>
</div>
</section>
<section id="objects" data-background="img/Sketchy.jpg">
<div class="container">
<h1>Objets créatifs</h1>
<h2>Voici Sketchy</h2>
<p>Né au hackerspace de Bristol, <strong>Sketchy</strong> est<br />un <strong>robot delta</strong> capable de dessiner.</p>
<h2>Au hackerspace</h2>
<p>Notre espace contiendra des composants, des breadboards, un poste à souder, un multimètre.</p>
<p>Et surtout, d'autres passionnés<br /> d'Arduino, de robotique ou d'électronique.</p>
</div>
</section>
<section id="printer3D" data-background="img/MakerBot.jpg">
<div class="container">
<h1>Fablab</h1>
<h2>Création d'objets</h2>
<p>Des outils et du matériel pour créer de nouveaux objets.</p>
<h2>Impression 3D</h2>
<p>À partir d'un modèle 3D, imprimer des objets en plastique.</p>
<h2>Futur équipement</h2>
<ul>
<li>Découpeuse laser</li>
<li>Machine CNC (fraisage, tournage)</li>
<li>PCB milling (circuits imprimés)</li>
</ul>
</div>
</section>
<section id="code" data-background="img/Code.png">
<h2>Développement logiciel</h2>
<p>Programmer mieux, apprendre de nouveaux langages.</p>
<p>Collaborer à des projets open source.</p>
<p>Des workgroups PHP, Python et C#.</p>
<p>&nbsp;</p>
<h2>Mais aussi …</h2>
<p>Des workshops, présentations ou talks sur un tas de sujets.</p>
<p>De l'administration système.</p>
<p>De la sécurité.</p>
</section>
<section id="openknowledge" data-background="img/OSM.jpg" data-state="" class="opaque-bg">
<p>Open data • cartographie libre • connaissance libre</p>
<h2>OpenStreetMap</h2>
<p>Une carte librement modifiable et open source.</p>
<p>À l'arrière-plan, Montigny-le-Tilleul.</p>
<h2>Open data</h2>
<p>Si chaque donnée est réellement libre,<br />l'on peut créer une infinité d'applications.</p>
<h2>Projets Wikimedia</h2>
<p>Des projets comme Wikipédia assurent<br />la transmission du savoir humain.</p>
</section>
<section id="music" data-background="img/SpaceDog.jpg" class="opaque-bg">
<h2>Un hackerspace, c'est aussi</h2>
<h3>Des événements originaux.</h3>
<p>Ici Space Dog, groupe alliant musique<br />et créations robotiques.</p>
<p>Wolfplex organisera également des projections<br />de films sous licence CC ou alternatifs.</p>
<h3></h3>
</section>
<section id="publicspace" data-background="img/NYCR_USB_deaddrop.jpg">
<h2>Des interactions avec l'espace public</h2>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Cette prise USB encastrée dans un mur<br />est une réalisation de NYC Resistor.</p>
<p>En écho avec le concept de Sneakernet, elle<br />permet de placer ou de prendre des données.</p>
<p>D'autres idées consistent en une boîte à lire ou<br />à des collaborations avec des projets d'artistes.</p>
</section>
<section id="saveTheWorld" data-background="img/Quinoa.jpg" class="opaque-bg">
<h2>Créer un monde meilleur</h2>
<p>Notre espace est ouvert à tous et à toutes.</p>
<p>Il est aussi ouvert aux idéalistes qui veulent œuvrer<br />pour un monde meilleur au travers de la technologie.</p>
<p>Culture organique • solutions écoresponsables • recyclage</p>
</section>
<section id="you">
<h1>YOU</h1>
<h4>« Dans un hackerspace, il n'y a pas de passagers,<br /> que des membres de l'équipage. »</h4>
<hr />
<p>Tu es le bienvenu pour rejoindre notre projet.</p>
<p>Intéressé ? Laisse-nous ton mail ici :
<form method="post" action="newsletter.php">
<input id="mail" name="mail" type="text" size=48 />
<input id="ok" type="submit" value="OK" />
</form>
</section>
<section id="colophon">
<h2>Colophon</h2>
<p>Cette présentation utilise <a href="http://lab.hakim.se/reveal-js">Reveal.js</a> de <a href="http://hakim.se/">Hakim El Hattab</a>.</p>
<p>Elle peut être <a href="https://github.com/wolfplex/web-campaigns-2013/">téléchargée sur GitHub</a>.</p>
<hr />
<h2>Crédits photographiques</h2>
<p>Les photos de cette présentation proviennent de Wikimedia Commons,<br />médiathèque de <em>18 millions</em> de médias dans le domaine public et sous licence libre.</p>
<ul class="double">
<li>
<a href="https://commons.wikimedia.org/wiki/File:Tunnel_du_m%C3%A9tro_fant%C3%B4me_de_Charleroi.jpg">Tunnel du réseau fantôme</a> & <a href="https://commons.wikimedia.org/wiki/File:Code_presentation_background.png">Code background</a>
<br /><a href="http://www.dereckson.be/">Sébastien Santoro aka Dereckson</a> // <a rel="license" href="https://creativecommons.org/licenses/by/3.0/">CC-BY</a>
</li>
<li>
<a href="https://commons.wikimedia.org/wiki/File:Space_Dog_3,_Build_Brighton_Hackspace_Launch_Party,_October_2011.jpg">Space Dog at Build Brighton Hackspace launch party</a>
<br /><a href="http://www.flickr.com/people/12449419@N00">Miles Sabin</a> // <a rel="license" href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>
</li>
<li>
<a href="https://commons.wikimedia.org/wiki/File:Sketchy,_portrait-drawing_delta_robot.jpg">Sketchy</a> &
<a href="https://commons.wikimedia.org/wiki/File:Makerbot_print_area.jpg">Makerbot print area</a><br />
Andy Dingley // <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>
</li>
<li>
<a href="https://commons.wikimedia.org/wiki/File:NYCR_USB_deaddrop.jpg">NYC Resistor USB dead drop</a>
<br />Autopilot // <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>
</li>
<li>
<a href="https://commons.wikimedia.org/wiki/File:Quinua.JPG">Quinoa</a>
<br />Maurice Chédel // placée dans le domaine public
</li>
<li>
<a href="https://commons.wikimedia.org/wiki/File:RaumZeitLabor_Stairs.jpg">RaumZeitLabor</a>
<br /><a href="http://www.flickr.com/people/windgeist/">Windgeist</a> // <a rel="license" href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>
</li>
</ul>
<p>La carte d'OpenStretMap est le fruit des contributeurs de ce projet. // <a rel="license" href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>.</p>
</section>
<section id="end">
<h1>YOU</h1>
<h4>« Dans un hackerspace, il n'y a pas de passagers,<br /> que des membres de l'équipage. »</h4>
<hr />
<p>Tu es le bienvenu pour rejoindre notre projet.</p>
<p>Intéressé ? Laisse-nous ton mail ici :
<form method="post" action="newsletter.php">
<input id="mail" name="mail" type="text" size=48 />
<input id="ok" type="submit" value="OK" />
</form>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.min.js"></script>
<script>
Reveal.initialize({
controls: true,
progress: true,
history: true,
mouseWheel: true,
touch: true,
center: true,
theme: Reveal.getQueryHash().theme,
transition: Reveal.getQueryHash().transition || 'none',
dependencies: [
{ src: 'plugin/zoom-js/zoom.js', async: true }
]
});
</script>
</body>
</html>

File Metadata

Mime Type
text/x-diff
Expires
Mon, Jun 9, 2:55 PM (1 w, 2 d ago)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
46293
Default Alt Text
(17 KB)

Event Timeline