Commit 3e059478 authored by colmoneill's avatar colmoneill

polissage

parent 63e77f3f
......@@ -402,6 +402,18 @@ def program():
articles = (p for p in pages if 'published' in p.meta and language in p.meta)
return render_template('program.html', articles=articles)
@app.route("/partners")
def partners():
session['url'] = request.url
try:
session['language']
except:
language = 'fr'
else :
language = session['language']
articles = (p for p in pages if 'published' in p.meta)
return render_template('partners.html', articles=articles)
@app.route("/contact")
def contact():
session['url'] = request.url
......
......@@ -6,8 +6,44 @@ fr: oui
folderImg: .
...
<div markdown=true class="col-xs-12 col-sm-12 col-md-8 offset-md-2 col-lg-8 offset-lg-2">
BeMaker souhaite **inspirer et former les jeunes à la création par les nouvelles technologies**. Équipé des machines issues des Fablabs (Imprimante 3D, Laser, CNC, etc.), notre tech-truck se rend gratuitement dans les écoles. Grâce à la découverte de ces technologies et de leurs capacités de création presque infinies, nous souhaitons **stimuler la créativité des jeunes et les ouvrir à un nouveau monde des possibles**.
Entièrement financé, notre programme est **gratuit et accessible à toutes les écoles**. Nous oeuvrons pour un système scolaire équitable où tous les jeunes peuvent se former aux nouvelles technologies et se préparer aux enjeux sociétaux de demain.
BeMaker participe ainsi à une **intégration du numérique à l'école**; une intégration réfléchie, critique et surtout créative. Les technologies présentes dans notre fablab mobile sont mises au service de la créativité pour inventer et concevoir des objets tangibles du quotidien. Un lien entre le monde numérique et le monde réel permettant aux jeunes de passer de consommateur de technologie à créateur.
<div class="spacer"></div>
### L'équipe BeMaker :
<div class="spacer"></div>
</div>
<div markdown=true class="person col-xs-12 col-sm-12 col-md-3 col-lg-3">
<a href="mailto:&#121;&#111;&#114;&#105;&#99;&#107;&#64;&#98;&#101;&#109;&#97;&#107;&#101;&#114;&#46;&#101;&#117;">
<img class="person-bubble" src="../static/img/yorick.jpg">
<p>Yorick Schetgen : &#121;&#111;&#114;&#105;&#99;&#107;&#64;&#98;&#101;&#109;&#97;&#107;&#101;&#114;&#46;&#101;&#117;</p></a>
</div>
<div markdown=true class="person col-xs-12 col-sm-12 col-md-3 col-lg-3">
<a href="mailto:&#106;&#117;&#108;&#105;&#101;&#110;&#64;&#98;&#101;&#109;&#97;&#107;&#101;&#114;&#46;&#101;&#117;">
<img class="person-bubble" src="../static/img/julien.jpeg">
<p>Julien Dutertre : &#106;&#117;&#108;&#105;&#101;&#110;&#64;&#98;&#101;&#109;&#97;&#107;&#101;&#114;&#46;&#101;&#117;</p></a>
</div>
<div markdown=true class="person col-xs-12 col-sm-12 col-md-3 col-lg-3">
<a href="mailto:&#109;&#97;&#114;&#103;&#111;&#116;&#64;&#98;&#101;&#109;&#97;&#107;&#101;&#114;&#46;&#101;&#117;">
<img class="person-bubble" src="../static/img/placeHolder.png">
<p>Margot Brulard : &#109;&#97;&#114;&#103;&#111;&#116;&#64;&#98;&#101;&#109;&#97;&#107;&#101;&#114;&#46;&#101;&#117;</p></a>
</div>
<div markdown=true class="person col-xs-12 col-sm-12 col-md-3 col-lg-3">
<a href="mailto:&#99;&#111;&#108;&#109;&#64;&#98;&#101;&#109;&#97;&#107;&#101;&#114;&#46;&#101;&#117;">
<img class="person-bubble" src="../static/img/placeHolder.png">
<p>Colm O'Neill : &#99;&#111;&#108;&#109;&#64;&#98;&#101;&#109;&#97;&#107;&#101;&#114;&#46;&#101;&#117;</p></a>
</div>
...
title: Partners
published: 2018-09-10
contenu_statique: oui
fr: oui
folderImg: .
partnerLogos:
- img/Logo-DBSF.png
- img/innoviris.jpg
- img/fortis.jpg
- img/Intel-logo.svg
...
Ils ont soutenus le projet de BeMaker:
......@@ -8,6 +8,8 @@ folderImg: .
<div markdown=true class="col-xs-12 col-sm-12 col-md-8 offset-md-1 col-lg-8 offset-lg-1">
<div class="spacer"></div>
Notre programme combine une découverte du tech truck et d’un atelier à l’école, des tutoriels en ligne et des ateliers de suivi via un réseau de fablab et autres acteurs de formation au numérique.
### Tech-truck à l’école
......
......@@ -8,6 +8,10 @@ folderImg: .
# NDLS
<div markdown=true class="col-xs-12 col-sm-12 col-md-8 offset-md-1 col-lg-8 offset-lg-1">
<div class="spacer"></div>
Notre programme combine une découverte du tech truck et d’un atelier à l’école, des tutoriels en ligne et des ateliers de suivi via un réseau de fablab et autres acteurs de formation au numérique.
### Tech-truck à l’école
......@@ -17,10 +21,28 @@ Notre activité de sensibilisation se compose de la **visite du tech-truck** et
Dans un premier temps, les élèves visitent le Tech-Truck. Les machines y sont installées et leurs fonctionnements expliqués. L'imprimante 3D, similaire au pistolet à colle ? Des coordonnées X Y Z, comme au cours de math, pour la commander ? Rien de sorcier dans tout ça !
</div>
<div markdown=true class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<img class="w-100" src="../static/img/photos/bemaker_imgs/0navid.jpg">
</div>
<div markdown=true class="col-xs-12 col-sm-12 col-md-8 offset-md-1 col-lg-8 offset-lg-1">
Il s'agit avant tout de **démystifier** les technologies de création mais aussi d'**inspirer** le jeune en lui montrant différent projet et ainsi libérer son imagination et sa créativité .
Ensuite, les élèves retournent en classe pour un atelier participatif où ils pourront eux même tester activement ces nouvelles technologies.
</div>
<div markdown=true class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<img class="w-100" src="../static/img/photos/bemaker_imgs/0makertown1.jpg">
</div>
<div markdown=true class="col-xs-12 col-sm-12 col-md-8 offset-md-1 col-lg-8 offset-lg-1">
### Tuto, quizz et projet en ligne
Via notre **plateforme web**, nous proposons aux jeunes de continuer leur parcours makers. Des tutoriels en ligne leur permettront d'approfondir les techniques appréhendées lors de la visite du tech truck(impression 3D, laser, CNC, etc.) et des quizzs challegeront leur apprentissage.
......@@ -31,3 +53,82 @@ Grâce à des exemples de projets à réaliser, le maker en herbe peut égalemen
Finalement, nous proposons également aux jeunes de s’inscrire à des **ateliers et événements makers** accessibles à proximité de chez lui.
Ce suivi est rendu possible grâce à la mise en réseau de nombreuses associations travaillant dans le secteur numérique et de la jeunesse. Découvre-les ici.
<div class="spacer"></div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4" style="clear:both;min-height:250px;height:auto">
<div class="facePic" style="width:200px; height:200px;border-radius: 10%;margin:auto; overflow: hidden;">
<img style="max-width:100%;display: block;"src="../static/img/openfab.png">
</div>
<div class="name" style="text-align: center ;margin-bottom: 15px;">
<h2>OpenFab</h2>
<p> blrd de la courrone 237 <br /> 1050 Ixelles<br />
<a href="http://openfab.be/" target="_blank"> site internet</a></p></div>
</p>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4" style="min-height:250px;height:auto">
<div class="facePic" style="width:200px; height:200px;border-radius: 10%;margin:auto; overflow: hidden; background:white">
<img style="max-width:100%;display: block;margin: auto;"src="../static/img/imal.png">
</div>
<div class="name" style="text-align: center ;margin-bottom: 15px;">
<h2>IMAL</h2>
<p> 30 Quai des Charbonnages<br />Bruxelles 1080<br />
<a href="http://imal.org/en/" target="_blank">site internet</a></p></div>
</p></div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4" style="min-height:250px;height:auto">
<div class="facePic" style="width:200px; height:200px;border-radius: 10%;margin:auto; overflow: hidden; background: white">
<img style="max-width:60%;display: block;margin:auto;"src="../static/img/logos-fablabke-clef-v6.png">
</div>
<div class="name" style="text-align: center ;margin-bottom: 15px;">
<h2>Fablab’ke</h2>
<p> Maison des Cultures et de la Cohésion Sociale <br />Molenbeek-Saint-Jean<br />
<a href="http://fablabke.castii.be" target="_blank">site internet</a></p></div>
</p></div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4" style="min-height:250px;height:auto">
<div class="facePic" style="width:200px; height:200px;border-radius: 10%;margin:auto; overflow: hidden; background: white">
<img style="max-width:100%;display: block;margin:auto;"src="../static/img/coderdojo.jpeg">
</div>
<div class="name" style="text-align: center ;margin-bottom: 15px;">
<h2>CoderDojo</h2>
<p> <a href="https://www.coderdojobelgium.be/fr" target="_blank">site internet</a></p></div>
</p></div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4" style="min-height:250px;height:auto">
<div class="facePic" style="width:200px; height:200px;border-radius: 10%;margin:auto; overflow: hidden; background: white">
<img style="max-width:100%;display: block;margin:auto;"src="../static/img/FabLabULB.jpg">
</div>
<div class="name" style="text-align: center ;margin-bottom: 15px;">
<h2>Fablab ULB</h2>
<p> Rue du Belvédère 21 <br />Ixelles, 1050<br />
<a href="https://www.fablabs.io/labs/fablabulb" target="_blank">site internet</a></p></div>
</p></div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4" style="min-height:250px;height:auto">
<div class="facePic" style="width:200px; height:200px;border-radius: 10%;margin:auto; overflow: hidden; background: white">
<img style="max-width:100%;display: block;margin:auto;"src="../static/img/flablablol.png">
</div>
<div class="name" style="text-align: center ;margin-bottom: 15px;">
<h2>Fablab Bruxelles</h2>
<p> RuCampus Kaai Nijverheidskaai 170 <br />1070 BRUSSEL<br />
<a href="http://fablab.hylas.be/fablab-english/" target="_blank">site internet</a></p></div>
</p></div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4" style="min-height:250px;height:auto">
<div class="facePic" style="width:200px; height:200px;border-radius: 10%;margin:auto; overflow: hidden; background: white">
<img style="max-width:100%;display: block;margin:auto;"src="../static/img/microfactory-e1512380616266.png">
</div>
<div class="name" style="text-align: center ;margin-bottom: 15px;">
<h2>Micro Factory</h2>
<p> 55 quai Fernand Demets <br />1070 Anderlecht<br />
<a href="http://microfactory.be/" target="_blank">site internet</a></p></div>
</p></div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4" style="min-height:250px;height:auto">
<div class="facePic" style="width:200px; height:200px;border-radius: 10%;margin:auto; overflow: hidden; background: white">
<img style="max-width:100%;display: block;margin:auto;"src="../static/img/robot-1d741827.png">
</div>
<div class="name" style="text-align: center ;margin-bottom: 15px;">
<h2>techies lab</h2>
<p> <a href="http://techieslab.org/" target="_blank">site internet</a></p></div>
</p></div>
</div>
......@@ -566,6 +566,22 @@ div.tutoContent div.toc li li li {
display: none;
}
div.person {
text-align: center;
}
div.person a {
color: grey;
}
img.person-bubble {
width: 220px;
height: 220px;
border-radius: 50%;
background-color: blue;
clear: both;
margin-bottom: 32px;
}
.tutoItem .tutoBox {
position: relative;
overflow: hidden;
......
......@@ -585,6 +585,22 @@ div.tutoContent{
}
}
div.person{
text-align: center;
a{
color: grey;
}
}
img.person-bubble{
width: 220px;
height: 220px;
border-radius: 50%;
background-color: blue;
clear: both;
margin-bottom: 32px;
}
.tutoItem .tutoBox {
position: relative;
overflow: hidden;
......
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
width="300"
height="198.51317"
fill="#0071c5"
id="svg4419">
<path
id="path4423"
d="M88.79854 84.35368v48.12215H73.47991v-60.4873l31.62545.0314c13.43261 0 18.00847 9.47252 18.00847 18.07669v42.37928h-15.29098v-42.3c0-3.60428-1.86574-5.82215-6.36602-5.82215H88.79854zm104.16449-.7227c-5.23588 0-9.28815 2.69169-10.9806 6.34574-1.00293 2.19391-1.34768 3.87529-1.46567 6.56144h23.56698c-.30235-6.56144-3.27795-12.90718-11.12071-12.90718m-12.44627 23.33285c0 7.83538 4.87084 13.60222 13.56719 13.60222 6.76608 0 10.12884-1.87496 14.041-5.76684l9.46146 9.03373c-6.05813 5.98071-12.41493 9.61264-23.61492 9.61264-14.66415 0-28.69778-7.99578-28.69778-31.29913 0-19.91109 12.2527-31.18297 28.35302-31.18297 16.31972 0 25.74799 13.19662 25.74799 30.4824v5.51795h-38.85796m-28.17419 25.43641c-12.47946 0-17.77434-8.68713-17.77434-17.26733V55.50842h15.29467v16.48011h11.52999v12.36515H149.8629v29.82054c0 3.51394 1.65926 5.46449 5.30778 5.46449h6.22221v12.76153h-9.05032M59.85003 63.62956H44.42632V48.97832h15.42371v14.65124zm.0388 69.48232c-11.55027-1.10986-15.47902-8.11561-15.47902-16.19988l.0167-44.92347h15.46244v61.12335zm183.82912-1.29238c-11.52631-1.1117-15.43662-8.10639-15.43662-16.1796V46.89318h15.43662v84.92632zm53.96458-74.99105C283.69314-11.37625 151.29731-15.694 65.95986 36.25734v5.7355c85.2508-43.81176 206.15719-43.55366 217.17282 19.26582 3.68539 20.77206-8.01975 42.42906-28.92455 54.87717v16.28654c25.16172-9.20519 50.96686-39.05523 43.47439-75.59392M142.55855 176.16037c-58.89626 5.44421-120.27034-3.10465-128.85792-49.1269-4.20345-22.68758 6.13188-46.73759 19.84288-61.67644v-7.9884C8.86113 79.01272-4.53461 106.41443 3.17725 138.79207c9.84309 41.51829 62.51713 65.04656 142.91552 57.2333 31.80981-3.10465 73.44426-13.33305 102.38908-29.21952v-22.56957c-26.2642 15.63941-69.72568 28.57239-105.9233 31.92409" />
<path
id="path4425"
d="M261.56171 51.45816c0-.74851-.43694-.98633-1.43618-.98633h-.96421v2.11831c.14011 0 .84069.0258.96421.0258.99924 0 1.43618-.33369 1.43618-1.03427v-.12344zm1.50439 5.25247h-1.14304c-.10324 0-.19358-.0646-.23783-.15117l-1.5597-2.64375c-.0277-.0534-.16224-.118-.2157-.118h-.70058v2.62163c0 .14012-.0959.29129-.28023.29129h-1.03427c-.12905 0-.2581-.15117-.2581-.29129v-6.6315c0-.38347.14933-.54386.47381-.59364.36503-.0479 1.3569-.0811 1.89155-.0811 1.89893 0 3.0475.56046 3.0475 2.34508v.12345c0 1.10433-.5494 1.68691-1.40115 1.97267l1.61686 2.73409c.0103.0553.0479.13097.0479.19542 0 .10693-.0646.22677-.24705.22677m-2.7138-8.79406c-2.81337 0-5.08839 2.32296-5.08839 5.11973 0 2.80045 2.27502 5.08654 5.08839 5.08654 2.79861 0 5.09576-2.28609 5.09576-5.08654 0-2.79677-2.29715-5.11973-5.09576-5.11973m0 11.26082c-3.41807 0-6.14479-2.75805-6.14479-6.14109 0-3.37751 2.72672-6.14294 6.14479-6.14294 3.3812 0 6.15953 2.76543 6.15953 6.14294 0 3.38304-2.77833 6.14109-6.15953 6.14109" />
</svg>
......@@ -7,7 +7,19 @@
<dir class="row no-gutters justify-content-md-center">
<div class=" col col-12 col-sm-12 col-md-8 col-lg-8">
<!-- <h1></h1> -->
<h3>{{_("Envoyez-nous un mail directement : ")}}</h3>
<ul>
<br><a href="mailto:&#104;&#101;&#108;&#108;&#111;&#64;&#98;&#101;&#109;&#97;&#107;&#101;&#114;&#46;&#101;&#117;">Equipe : &#104;&#101;&#108;&#108;&#111;&#64;&#98;&#101;&#109;&#97;&#107;&#101;&#114;&#46;&#101;&#117;</a></li>
<br><a href="mailto:&#121;&#111;&#114;&#105;&#99;&#107;&#64;&#98;&#101;&#109;&#97;&#107;&#101;&#114;&#46;&#101;&#117;">Yorick Schetgen : &#121;&#111;&#114;&#105;&#99;&#107;&#64;&#98;&#101;&#109;&#97;&#107;&#101;&#114;&#46;&#101;&#117;</a>
<br><a href="mailto:&#106;&#117;&#108;&#105;&#101;&#110;&#64;&#98;&#101;&#109;&#97;&#107;&#101;&#114;&#46;&#101;&#117;">Julien Dutertre : &#106;&#117;&#108;&#105;&#101;&#110;&#64;&#98;&#101;&#109;&#97;&#107;&#101;&#114;&#46;&#101;&#117;</a>
<br><a href="mailto:&#109;&#97;&#114;&#103;&#111;&#116;&#64;&#98;&#101;&#109;&#97;&#107;&#101;&#114;&#46;&#101;&#117;">Margot Brulard : &#109;&#97;&#114;&#103;&#111;&#116;&#64;&#98;&#101;&#109;&#97;&#107;&#101;&#114;&#46;&#101;&#117;</a>
<br><a href="mailto:&#99;&#111;&#108;&#109;&#64;&#98;&#101;&#109;&#97;&#107;&#101;&#114;&#46;&#101;&#117;">Colm O'Neill : &#99;&#111;&#108;&#109;&#64;&#98;&#101;&#109;&#97;&#107;&#101;&#114;&#46;&#101;&#117;</a>
</ul>
<div class="spacer"></div>
<h3>{{_("Ou utilisez notre formulaire de contact : ")}}</h3>
<div class="form-area">
<form role="form" method="POST" action="/succes">
......
......@@ -54,6 +54,12 @@
<img class="logo-partn" title="Digital Belgium Skill Funds" src="{{ url_for('static', filename='img/Logo-DBSF.png')}}">
</div>
</div>
<div class="spacer"></div>
<div class="row no-gutter align-items-center justify-content-md-center">
<div class="col-md-auto">
<a href="/partners">{{_("Partenaires additionnels")}}</a>
</div>
<div>
</div>
</footer>
{% extends "base.html" %}
{% block content %}
<div class="container">
<div class="spacer"></div>
<h1 class="center">{{_("Nos partenaires")}}</h1>
<div class="container-fluid">
<div class="row no-gutter">
<div class="col col-12 col-sm-12 col-md-12 col-lg-12">
<div class="row">
{% for article in articles %}
{% if article.title == "Partners" %}
{{ article }}
</div>
</div>
</div>
<div class="row">
{% for logo in article.partnerLogos %}
<div class=" col col-6 col-sm-12 col-md-6 col-lg-6">
<img class=" w-100 partnerLogo" src="/static/{{logo}}">
</div>
{% endfor %}
</div>
{% else %}
{% endif %}
{% endfor %}
<div class="spacer"></div>
</div>
{% endblock %}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment