-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
179 lines (162 loc) · 11.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Gōng-fu I/O · Perfectionner ensemble la pratique du développement logiciel</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Communauté d'étude et de pratique du développement logiciel. Apprendre et pratiquer ensemble. ">
<meta name="author" content="Olivier Lange, Jacques Couvreur">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-gongfuio.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="shortcut icon" href="ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="index.html">Gōng-fu I/O</a>
<div class="nav-collapse">
<ul class="nav">
<!-- <li><a href="presentation.html">C'est quoi?</a></li> -->
<!-- <li><a href="participer.html">Pour participer</a></li> -->
<li><a href="projets.html">Projets</a></li>
<li><a href="materiel.html">Matériel</a></li>
<!-- <li><a href="qui.html">Qui sommes-nous?</a></li> -->
</ul>
</div>
<div class="nav-collapse pull-right">
<ul class="nav">
<li><a href="mailto:[email protected]"><i class="icon-envelope icon-white"></i> Contact</a></li>
<li class="active"><a href="index.html"><i class="icon-home icon-white"></i> Accueil</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<!-- Main hero unit for a primary marketing message or call to action -->
<div class="hero-unit">
<img class="pull-right" src="img/icon-gongfu-128.png" width="128" height="128" alt="功夫 I/O" title="Gōng-fu I/O" />
<h1>Pratiquer ensemble pour apprendre</h1>
<p>Un projet d'étude — un ou plusieurs sujets d'intérêt commun —
des rencontres régulières — pour perfectionner ensemble, en petit groupe, en apprenant l'un de l'autre
et par l'étude, notre pratique du développement logiciel.<br/>Partage et plaisir, de débuter à nouveau.</p>
<!-- <p><a class="btn btn-primary btn-large disabled">En savoir plus »</a></p> -->
<iframe allowtransparency="true" frameborder="0" scrolling="no"
src="http://platform.twitter.com/widgets/follow_button.html?screen_name=gongfuio&lang=fr&show_count=false"
style="width:300px; height:20px;"></iframe>
</div>
<!-- Example row of columns -->
<div class="row">
<div class="span4">
<h2>Rencontres régulières</h2>
<p>Actuellement: 1x par semaine<br/>
avec un ordi portable<br/>
le mercredi de 20h30 à 22h30<br/>
au restaurant de la <a href="http://www.meetup.com/gōngfuIO/">Cité Universitaire, Genève</a></p>
<p><a class="btn" href="http://www.meetup.com/gōngfuIO/"><i class="icon-user"></i> Inscrivez-vous au Meetup</a></p>
<h2>Entre pairs</h2>
<p><a href="https://twitter.com/andreaskundig">Andreas Kündig</a> ·
<a href="https://twitter.com/David_Hodgetts">David Hodgetts</a><br/>
<a href="https://twitter.com/olange">Olivier Lange</a> ·
<a href="https://bitbucket.org/regisboesch/">Régis Boesch</a><br/>
<a href="http://www.cattamada.com/contact/">Mialy Mangasoa</a> ·
<a href="http://www.meetup.com/gōngfuIO/members/182698652/">Sophie Czich</a><br/>
<a href="https://twitter.com/tmsrv">Anthony Ducommun</a> ·
<a href="https://twitter.com/ArnaudSchenk">Arnaud Schenk</a><br/>
<a href="https://twitter.com/jacquescouvreur">Jacques Couvreur</a> ·
<a href="https://twitter.com/risingelephant">Enrique Pardo</a><br/>
<a href="https://twitter.com/grillety">Yannick Grillet</a> ·
<a href="https://twitter.com/benzonico">Nicolas Peru</a><br/>
<a href="https://twitter.com/zephyr">Ben Lucido</a> ·
<a href="https://twitter.com/pattes">Patrick Lange</a><br/>
<a href="https://twitter.com/yannis_">Yannis Jaquet</a> ·
<a href="https://twitter.com/rudifa">Rudi Farkas</a><br/>
… et vous?</p>
</div>
<div class="span4">
<h2>Partenaires d'étude recherchés</h2>
<h3><a href="projets.html">Cattamada</a></h3>
<p>Création de jeux ludiques pour des enfants sur les lémuriens de Madagascar
et exploration du framework <a href="http://phaser.io">Phaser</a>, de HTML5
et de JavaScript.</p>
<h2>Réalisations en cours</h2>
<h3><a href="https://github.com/olange/learning-unity">Learning Unity</a></h3>
<p>Etude et exploration du moteur <a href="http://unity3d.com">Unity</a> et de C#,
d'un peu de <a href="http://blender.org/">Blender</a>, et de splines en 3D.</p>
<h3><a href="https://github.com/andreaskundig/Exquis">Exquis</a></h3>
<p>Un dashboard d'animations qui réagissent les unes aux autres – un cadavre exquis… animé!
Javascript à 100% et API <a href="http://diveintohtml5.info/canvas.html">Canvas 2D</a>
de HTML5, avec un minimum de librairies externes.</p>
<p><a href="http://guarded-earth-1491.herokuapp.com" title="«Exquis» live"><img src="img/projets/exquis-icon.png"
width="100" title="Gōng-fu I/O · Projet «Exquis»"/></a></p>
<p><a class="btn" href="projets.html">Tous les projets »</a></p>
</div>
<div class="span4">
<h2>Montrer la progression</h2>
<p>Le code source des projets d'étude est déposé en l'état sur
<a href="https://github.com/gongfuio">github.com/gongfuio</a></p>
<p>Nous y avons créé une organisation, plutôt qu'un compte utilisateur, qui permet de
former des équipes et chaque participant·e peut contribuer publiquement aux projets.</p>
<p><a class="btn" href="http://github.com/gongfuio/">
<img class="bs-icon" src="img/icon-github.png" alt=""/> Code source »</a></p>
<h2>À disposition</h2>
<p>Du matériel est à votre disposition pour expérimenter, si votre curiosité vous mène
par là: Leap Motion, Makey Makey, Arduino Due, projecteur nomade à LED, …</p>
<p><a class="btn" href="materiel.html">Matériel »</a></p>
</div>
</div>
<hr>
<div class="row">
<div class="span8">
<p>Vous souhaitez explorer et perfectionner une technologie, ou avancer et partager un projet personnel?
Que vous soyez déjà en binôme, en équipe, ou recherchez un pair: soyez bienvenu·e·s.</p>
<p>Ces sessions sont l'opportunité de rendre compte de votre étude, de la stimuler, et de rencontrer celles
et ceux qui comme vous empruntent les chemins de traverse pour nourrir leur pratique du développement logiciel.</p>
<p>Lorsque nous commençons une étude, nous partons de presque rien. Ensemble. Si vous vous dites
‹ je ne connais pas ce domaine et il m'intéresse. Qui voudrait bien m'accompagner
dans son exploration? ›, vous êtes au bon endroit! Rejoignez-nous.</p>
<p><a class="btn" href="http://www.meetup.com/gōngfuIO/"><i class="icon-user"></i> Pour participer</a></p>
<hr>
<p class="muted">
<q>« Les termes ‹gōng› et ‹fu› sont la transcription du sinogramme 功夫 […] ‹<em>Gōng</em>› désigne la ‹maîtrise›, le ‹perfectionnement›, la ‹possession d'un métier› ou une action en laquelle beaucoup de temps a été consacré. Le terme est à rapprocher d'un point de vue sémantique de la notion d'artisan tel qu'il était usité en Europe au xixe siècle: ce terme désignait l'homme de métier qui par un apprentissage auprès d'un maître acquérait cultures, techniques et savoir-faire. ‹<em>Fu</em>› désigne les techniques en tant que contenu, soit l'énergie qui a été mise dans l'action de cette technique. On peut ainsi dire de quelqu'un qu'il possède le ‹gōng fu› en gastronomie, le ‹gōng fu› en peinture, ou le ‹gōng fu› en musique, etc. On désigne également par ‹gōngfu chá› (功夫茶) l'art du thé. »
<a href="http://fr.wikipedia.org/wiki/Kung_Fu">—Wikipedia</a></q>
</p>
</div>
<div class="span4">
<a class="twitter-timeline" href="https://twitter.com/gongfuio" data-widget-id="438099864677650432" width="300" height="390">Tweets de @gongfuio</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div>
<hr>
<footer>
<p><small><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/"><img alt="Licence Creative Commons" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/80x15.png" /></a><br />Le contenu du site <a xmlns:cc="http://creativecommons.org/ns#" href="http://gongfu.io/" property="cc:attributionName" rel="cc:attributionURL">Gōng-fu I/O</a> et le <a href="http://github.com/gongfuio/">code source</a> des projets d'étude sont mis à votre disposition selon les termes <br/>de la <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/">licence Creative Commons Attribution – pas d'utilisation commerciale – partage à l'identique 3.0 non transposé</a>.</small></p>
</footer>
</div> <!-- /container -->
<!-- <script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script> -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-30234556-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>