-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
226 lines (191 loc) · 7.7 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<title>Gitoyen</title>
<link rel="stylesheet" href="/theme/css/main.css">
<link href="https://gitoyen.net/feeds/all.rss.xml" type="application/rss+xml" rel="alternate" title="Gitoyen RSS Feed">
<script src="/theme/scripts/jquery-2.1.4.min.js"></script>
<script src="/theme/scripts/jquery.sticky.js"></script>
<script src="/theme/scripts/mine.js"></script>
<!--[if IE]>
<script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body id="index" class="home">
<header id="banner">
<div id="headerContainer">
<div id="logo">
<a href="/index.html"></a>
</div>
<div class="burger">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<nav>
<ul>
<li class="active">
<a href="/">Accueil</a>
</li>
<li >
<a href="/gitoyen.html">Gitoyen</a>
</li>
<li >
<a href="/services-de-gitoyen.html">Nos Services</a>
</li>
<li >
<a href="/cote-technique.html">Côté technique</a>
</li>
<li >
<a href="/blog.html">Blog</a>
</li>
<li >
<a href="/contact.html">Contact</a>
</li>
<li class="icon twitter"><a href="https://twitter.com/gitoyen"> </a></li>
<li class="icon rss"><a href="https://gitoyen.net/feeds/all.rss.xml"> </a></li>
</ul>
</nav>
</div>
</header><!-- /#banner -->
<div class="cacheMenu"></div>
<div class="container">
<div id="content-home">
<section class="col1of1 m3t">
<div class="col1of2">
<h1>Gitoyen</h1>
<h2>Opérateur réseau, LIR et dinosaures.</h2>
</div>
<img class="col1of2" src="../images/pessin2.png" alt="Pas de profits">
<blockquote class="quote-valeurs col1of2"><p>" Pour qu'Internet reste neutre et décentralisé. "</p></blockquote>
<div class="clearfix"></div>
<hr id="first-sep">
<div class="pre1of3 col2of3">
<p class="presentation m1">
Gitoyen est une association loi 1901, à but non lucratif. Notre objectif ? Un internet décentralisé et neutre, notamment en facilitant l'émergence et l'existence de petits opérateurs réseau.
</p>
</div>
</section>
<section class="col1of1 m1y">
<div class="col1of1">
<h3><span>Nos valeurs</span></h3>
<hr>
</div>
<div class="col1of3">
<div class="col1of1 row7 p2">
<img src="../images/nonprofit.jpg" alt="Pas de profits" class="pre1of6 col2of3">
</div>
<h4>Pas de profits</h4>
<p>Construire un opérateur sans but lucratif et respectant la neutralité du réseau.</p>
</div>
<div class="col1of3">
<img src="../images/partager.jpg" alt="Du partage" class="col1of1 row7 p2">
<h4>Du partage</h4>
<p>Partager nos connaissances, nos expériences avec les autres bénévoles.</p>
</div>
<div class="col1of3">
<img src="../images/collaborer.jpg" alt="De l'entraide" class="col1of1 row7 p2">
<h4>De l'entraide</h4>
<p>Aider d'autres opérateurs sans but lucratif à faire de même.</p>
</div>
<a href="gitoyen.html" class="bouton">Plus d'info sur Gitoyen</a>
</section>
<section class="col1of1 m1y">
<h3><span>Nos services</span></h3>
<hr>
<ul class="services">
<li class="col1of2 row8">
<span>1.</span>
<h4>Transit Internet</h4>
<p>Gitoyen est un opérateur Internet disposant de ses propres liens de communication avec le reste d'Internet. Dans ce cadre nous sommes en mesure de fournir une vue complète d'Internet (du Transit) à nos membres ou nos clients.</p>
</li>
<li class="col1of2 row8">
<span>2.</span>
<h4>LIR / obtention de ressources Internet</h4>
<p>Gitoyen est un registre local d'Internet (LIR). Cela lui donne la possibilité d'assigner des ressources : blocs d'adresses IP ou numéros d'AS.</p>
</li>
<li class="col1of2 row8">
<span>3. </span>
<h4>Commutation et routage</h4>
<p>Nous proposons à nos membres la possibilité d'utiliser notre infrastructure de commutation et notre infrastructure de routage.</p>
</li>
<li class="col1of2 row8">
<span>4.</span>
<h4>Hébergement d'équipement</h4>
<p>Gitoyen dispose de deux points de présence basés à Paris avec notre propre espace d'hébergement d'équipement. L'un à Téléhouse - Paris Voltaire et l'autre à Paris Bourse. </p>
</li>
</ul>
<a href="services-de-gitoyen.html" class="bouton">Le détail de nos services</a>
</section>
<section class="col1of1 m1y">
<h3><span>Actualités</span></h3>
<hr>
</section>
<ol id="posts-list" class="hfeed">
<li>
<article class="hentry">
<header>
<h2>
<a href="/blog/yet-another-tutorial-about-lets-encrypt.html" rel="bookmark" title="Permalink to Yet another tutorial about Let's Encrypt">
Yet another tutorial about Let's Encrypt
</a>
</h2>
</header>
<div class="entry-content">
<footer class="post-info">
<abbr class="published" title="2016-03-07T20:00:00+01:00">
Published: Mon 07 March 2016
</abbr>
<address class="vcard author">
By <a class="url fn" href="/author/gitoyen.html">gitoyen</a>
</address>
<p>In <a href="/category/tech.html">Tech</a>.</p>
<p>tags: <a href="/tag/https.html">https</a> <a href="/tag/letsencrypt.html">letsencrypt</a> </p>
</footer><!-- /.post-info --> <p><img alt="Logo Let's Encrypt" src="//letsencrypt.org/images/letsencrypt-logo-horizontal.svg"/></p>
<p>Voilà 1 million de certificats <a href="//letsencrypt.org/">Let's Encrypt</a> délivrés (les certificats délivrés par <a href="https://crt.sh/?Identity=%25&iCAID=7395">Let's Encrypt</a>); La littérature sur le sujet ne manque pas, mais je vais quand même en apporter une de plus, pour la partie compilation :-)</p>
<p>Pour rappel, Let's Encrypt, est ...</p>
<a class="readmore" href="/blog/yet-another-tutorial-about-lets-encrypt.html">read more</a>
</div><!-- /.entry-content -->
</article>
</li>
<li>
<article class="hentry">
<header>
<h2>
<a href="/blog/pytest-fixture.html" rel="bookmark" title="Permalink to Pytest Fixture">
Pytest Fixture
</a>
</h2>
</header>
<div class="entry-content">
<footer class="post-info">
<abbr class="published" title="2015-04-14T00:00:00+02:00">
Published: Tue 14 April 2015
</abbr>
<address class="vcard author">
By <a class="url fn" href="/author/gitoyen.html">gitoyen</a>
</address>
<p>In <a href="/category/tuto.html">tuto</a>.</p>
<p>tags: <a href="/tag/python.html">python</a> <a href="/tag/dev.html">dev</a> </p>
</footer><!-- /.post-info --> <p>I am a huge fan of python (one of the best language in my toolbox). And
when it comes to tests, <a href="http://pytest.org/">pytest</a> is <em>THE</em> library to use.</p>
<p>I also use <a href="http://flask.pocoo.org/">Flask</a> a lot, so today I will show you
some of my snippets.</p>
<p>This create an app fixture which will ...</p>
<a class="readmore" href="/blog/pytest-fixture.html">read more</a>
</div><!-- /.entry-content -->
</article>
</li>
</ol>
</div>
</div>
<footer id="contentinfo">
<a href="#">Mentions légales</a>
</footer>
</body>
</html>