-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
235 lines (213 loc) · 11.6 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
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<title>Prototype MétaClub</title>
<link href="semantic-ui/semantic.css" rel="stylesheet">
<style>
body {
padding-top: 50px;
}
</style>
</head>
<body>
<!-- Following Menu -->
<div class="ui large top fixed inverted menu">
<div class="right menu">
<div class="item">
<a class="ui teal button" href="https://groups.google.com/forum/#!forum/metaclub-cedille">S'inscrire à la newsletter</a>
</div>
</div>
</div>
<!-- Page Contents -->
<div class="pusher">
<div class="ui inverted vertical masthead center aligned segment">
<div class="ui text container">
<h1 class="ui center aligned inverted icon header">
<i class="circular users icon inverted"></i>
MétaClub
</h1>
<h2>Une plateforme pour des clubs hors du commun!</h2>
<br><br>
</div>
</div>
<div class="ui vertical stripe segment">
<div class="ui aligned stackable grid container">
<div class="row" id="newsletter">
<div class="nine wide column">
<div class="ui segment stacked">
<h2 class="ui header">Lettre d'information</h2>
<p>
En vous inscrivant à notre lettre d'information, vous pourrez
<b>suivre l'avancée du projet</b> toutes les deux semaines, <b>voter
sur les design</b> et <b>recevoir des accès pour la version bêta</b>.
</p>
<br>
<strong><a class="ui button teal" href="https://groups.google.com/forum/#!forum/metaclub-cedille">S'inscrire à la lettre d'information</a></strong>
</div>
<div class="ui segment center aligned tall stacked">
<h2 class="ui header">Développement de la plateforme</h2>
<div class="ui statistics">
<div class="statistic">
<div class="value">
0
</div>
<div class="label">
Issues
</div>
</div>
<div class="statistic">
<div class="value">
3
</div>
<div class="label">
Réunions
</div>
</div>
<div class="statistic">
<div class="value">
2
</div>
<div class="label">
pull-requests
</div>
</div>
<div class="statistic">
<div class="value">
<i class="users icon"></i> 12
</div>
<div class="label">
Collaborateurs
</div>
</div>
</div>
</div>
</div>
<div class="seven wide right floated column">
<div class="ui segment piled">
<h2 class="ui header">
Les missions de MétaClub
</h2>
<h3 class="ui header">
Faciliter les processus administratifs de la régie
des clubs.
</h3>
<p>
Nous voulons vous offrir un générateur de demandes
administratives simple et efficace vous guidant
tout au long du processus.
Grâce à nos outils, vous éviterez les erreurs et
gagnerez un temps précieux pour votre club. Les
procédures administratives n'auront jamais été
aussi simples!
</p>
<h3 class="ui header">
Répondre aux besoins logiciels les plus fréquents
parmi les clubs
</h3>
<p>
MétaClub souhaite proposer aux clubs une série d'outils
prêts à l'emploi pour favoriser la communication et
l'efficacité dans les clubs. Définissez vos objectifs,
séparez-vous les tâches et communiquez à l'interne
comme à l'externe tout au long de votre route vers le succès.
</p>
</div>
</div>
</div>
<div class="row">
<div class="sixteen wide column">
<br>
<h1 class="ui header center aligned">Outils de développement</h1>
<h4 class="ui header center aligned">Rejoignez nos outils de développement si vous désirez vous impliquer</h4>
<div class="ui four cards">
<div class="ui card">
<div class="image">
<a href="https://github.com/MetaClub" target="_blank" class="ui medium image">
<img src="assets/images/logo/github.png">
</a>
</div>
<div class="content">
<a href="https://github.com/MetaClub" target="_blank" class="header">Dépôt GitHub</a>
<div class="meta">
<span class="date">
Dépôt du code source
</span>
</div>
</div>
</div>
<div class="ui card">
<div class="image">
<a href="https://groups.google.com/forum/#!forum/metaclub-cedille" target="_blank" class="ui medium image">
<img src="assets/images/logo/gmail_mobile.png">
</a>
</div>
<div class="content">
<a href="https://groups.google.com/forum/#!forum/metaclub-cedille" target="_blank" class="header">Google Groups</a>
<div class="meta">
<span class="date">
Mailing list pour suivre la tenue des réunions et autres infos importantes
</span>
</div>
</div>
</div>
<div class="ui card">
<div class="image">
<a href="https://framateam.org/metaclub/channels/town-square" target="_blank" class="ui medium image">
<img src="assets/images/logo/mattermost.png">
</a>
</div>
<div class="content">
<a href="https://framateam.org/metaclub/channels/town-square" target="_blank" class="header">FramaTeam (MatterMost)</a>
<div class="meta">
<span class="date">Conversation instantannée pour les développeurs</span>
</div>
</div>
</div>
<div class="ui card">
<div class="image">
<a href="https://tree.taiga.io/project/rignonnoel-api/backlog" target="_blank" class="ui medium image">
<img src="assets/images/logo/taiga-io.png">
</a>
</div>
<div class="content">
<a href="https://tree.taiga.io/project/rignonnoel-api/backlog" target="_blank" class="header">Taiga</a>
<div class="meta">
<span class="date">Plateforme de gestion du projet et du wiki</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="center aligned column">
<br><br><br>
<a class="ui huge button teal" href="https://groups.google.com/forum/#!forum/metaclub-cedille">S'inscrire à la newsletter</a>
<br><br><br><br><br><br>
</div>
</div>
</div>
</div>
<div class="ui inverted vertical footer segment">
<div class="ui container">
<div class="ui stackable inverted divided equal height stackable grid">
<div class="six wide column">
<h4 class="ui inverted header">Développement</h4>
<div class="ui inverted link list">
<a href="https://github.com/MetaClub" target="_blank" class="item">Code source (Github)</a>
<a href="https://tree.taiga.io/project/rignonnoel-api/backlog" target="_blank" class="item">Sprint planning (Taiga.io)</a>
<a href="https://groups.google.com/forum/#!forum/metaclub-cedille" target="_blank" class="item">Mailing list (Google groups)</a>
<a href="https://framateam.org/metaclub/channels/town-square" target="_blank" class="item">Canaux de discussion (Framateam)</a>
</div>
</div>
<div class="seven wide column">
<h4 class="ui inverted header">Licences</h4>
<p>MétaClub est une plateforme développée sous licence AGPL, vous pouvez donc utiliser, analyser, modifier et redistribuer le code source de ce site pour un usage commercial ou non.</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>