-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathBlog.html
260 lines (260 loc) · 11.1 KB
/
Blog.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
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
<!DOCTYPE html>
<html lang="fr">
<head>
<meta
charset="UTF-8"
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<title>Dre Drey Le blog</title>
<link rel="stylesheet" href="style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&family=Walter+Turncoat&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div class="root-content">
<div class="header">
<div class="navigation">
<div class="titre">
<h1><a href="Projets.html">⦗Projets⦘</a></h1>
</div>
<div class="logo">
<a href="index.html">
<img
src="Pictures/Screen Shot 2022-12-08 at 13.53.42.png"
alt="logo
pinguin qui code"
/>
<img class="mug" src="./Pictures/mug.png" />
</a>
</div>
<div class="blog">
<h1><a href="Blog.html">⦗Le blog ⦘</a></h1>
</div>
</div>
</div>
<h2>Le blog</h2>
<div class="chapeau">
<p>
<i
>Manier les mots est mon plaisir depuis plus de 10 ans : écrire
<a
href="https://metis-lab.com/2017/10/20/impressions-dafrique-lart-contemporain-africain-a-la-fondation-louis-vuitton/en"
>
en ligne</a
>
ou sur papier, pour des
<a href="https://journals.openedition.org/iss/590">connaisseurs</a>
ou des amateurs, pour mon plaisir ou pour mon travail, écrire rythme
ma vie. Normal donc qu'au moment de commencer une nouvelle étape,
j'ai eu envie de la documenter via un blog. Climb inside pour suivre
mes pérégrinations dans l'univers de la programmation informatique.
</i>
</p>
</div>
<hr />
<div class="posts">
<div class="posts-content">
<a href="./ART-TechforGood.html"><h2>Tech for Good Tour</h2></a>
<div class="date"><p>04 avril 2023</p></div>
<p>
Le 30 mars dernier, j'ai participé à un atelier Tech For Good donné
par 3 apprenant.e.s d'Ada Tech School formé.e.s aux enjeux de la
tech par Latitudes et MakeSense. Je reviens sur son contenu au
travers de mon expérience personnelle et de ma participation, mais
aussi au travers de l'avis de ses trois animateurs.trices : Hélène,
Hortense et Johan.
</p>
</div>
<div class="posts-img"><img src="/Pictures/olaf.gif" /></div>
</div>
<div class="posts">
<div class="posts-content">
<a href="./ART-Revue_de_presse_fevrier.html"
><h2>Revue de presse de février</h2></a
>
<div class="date"><p>28 février 2023</p></div>
<p>
Comme d'habitude, voici un résumé de la veille que j'ai effectuée
ces dernières semaines. Si ce rythme vous semble régulier, il n'en
est rien : je publie quand j'ai de la matière et en l'occurence ce
début d'année se concentre sur l'IA et la sécurité. Avec des bouts
de carnaval suisse dedans.
</p>
</div>
<div class="posts-img"><img src="/Pictures/Gaston.gif" /></div>
</div>
<div class="posts">
<div class="posts-content">
<a href="./ART-Reconversion.html"><h2>"Reconversion"</h2></a>
<div class="date"><p>31 janvier 2023</p></div>
<p>
"Reconversion [subst. fém.] de re-convertere - tourner à nouveau.
Reconvertir : transformer, faire revenir à un état antérieur ; par
extension, adapter à des conditions nouvelles. Recommencer."
Recommencer, comme dans "tout effacer" ? Oui. Mais non. Mais oui.
Panorama.
</p>
</div>
<div class="posts-img"><img src="/Pictures/cendrillon.gif" /></div>
</div>
<div class="posts">
<div class="posts-content">
<a href="./ART-Revue_de_presse_noel.html"
><h2>La revue de presse de Noël</h2></a
>
<div class="date"><p>25 décembre 2022</p></div>
<p>
Oups. C'est déja Noël et je suis un peu à la bourre. J'ai regroupé
quelques catégories phares des lectures faites depuis la rentrée,
majoritairement du CSS et des outils d'organisation. Quelques thèmes
seront servis sur le plateau suivant, car je compte les étoffer
début 2023 (cybersécurité et AI, principalement), car comme Aya, en
ce moment j'ai pas le time.
</p>
</div>
<div class="posts-img"><img src="/Pictures/noel.gif" /></div>
</div>
<div class="posts">
<div class="posts-content">
<a href="./ART-Bilan1.html"
><h2>Bilan : les mois "bac à sable"</h2></a
>
<div class="date"><p>25 novembre 2022</p></div>
<p>
Voici maintenant plus d'un mois que je me suis réellement lancée
dans l'apprentissage du code. Il est temps de faire le premier point
sur les connaissances acquises, mais aussi sur ce qui reste à
parcourir.
</p>
</div>
<div class="posts-img"><img src="/Pictures/heiho.gif" /></div>
</div>
<div class="posts">
<div class="posts-content">
<a href="ART-Revue_de_presse2.html"
><h2>La revue de presse de la rentrée</h2></a
>
<div class="date"><p>21 octobre 2022</p></div>
<p>
Dans les lectures de cette rentrée, il y a beaucoup de choses
techniques, puisque j'ai enfin commencé ma formation. Je ne
détaillerai pas ici les innombrables ressources que j'ai ingérées
ces deux dernières semaines, car elles sont beaucoup trop nombreuses
et seront résumées dans un article "bac à sable : le bilan"...
</p>
</div>
<div class="posts-img"><img src="/Pictures/belle.gif" /></div>
</div>
<div class="posts">
<div class="posts-content">
<a href="ART-Creer un blog.html"><h2>Créer un blog</h2></a>
<div class="date"><p>29 septembre 2022</p></div>
<p>
La première étape du blog : créer le blog. Pour cela, je ne me suis
pas vraiment embêtée avec des noms de domaines, des benchmarks
d'hébergements... Après avoir vu passer un tweet de
<a href="https://twitter.com/MathisHammel">Mathis Hammel</a>
sur le sujet, j'ai décidé de creuser l'option "hébergement par
GitHub". Un résumé de la version ultra light que j'ai appliquée.
</p>
</div>
<div class="posts-img"><img src="/Pictures/mulan.gif" /></div>
</div>
<div class="posts">
<div class="posts-content">
<a href="ART-Revue_de_presse.html"
><h2>Revue de presse de l'été</h2></a
>
<div class="date"><p>20 septembre 2022</p></div>
<p>
Qu'est-ce que j'ai lu cet été : des livres, beaucoup d'articles en
ligne et quelques tweets. Un panorama sous forme de pense-bête pour
attaquer la rentrée avec quelques références, de l'accessibilité à
l'usage de GitHub.
</p>
</div>
<div class="posts-img">
<img src="Pictures/books.gif" />
</div>
</div>
<div class="posts">
<div class="posts-content">
<a href="ART-Le sens du code.html"><h2>Le sens du code</h2></a>
<div class="date"><p>15 septembre 2022</p></div>
<p>
Pourquoi me lancer dans la programmation ? Qu'est-ce que coder peut
m'apporter ? C'est peut-être une déformation professionnelle
"d'avant" : avant de commencer son terrain, l'anthropologue fait un
"vide-sac" : il met à plat ses raisons, ses idées reçues, ses
attentes. Je ne sais pas si ça me servira ici ; dans le doute, j'ai
tenté l'exercice.
</p>
</div>
<div class="posts-img">
<img src="Pictures/pocahontas.gif" />
</div>
</div>
</div>
<div class="footer">
<a
href="https://github.com/Dre-Drey"
aria-label="Homepage"
class="footer-octicon"
title="GitHub"
>
<svg
aria-hidden="true"
class="octicon octicon-mark-github"
height="24"
version="1.1"
viewBox="0 0 16 16"
width="24"
>
<path
fill-rule="evenodd"
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"
></path>
</svg>
</a>
<a
href="https://twitter.com/doyen_audrey?lang=fr"
target="_blank"
class="twitter-icon-link"
>
<svg
alt="logotwitter"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
>
<path
d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.066 9.645c.183 4.04-2.83 8.544-8.164 8.544-1.622 0-3.131-.476-4.402-1.291 1.524.18 3.045-.244 4.252-1.189-1.256-.023-2.317-.854-2.684-1.995.451.086.895.061 1.298-.049-1.381-.278-2.335-1.522-2.304-2.853.388.215.83.344 1.301.359-1.279-.855-1.641-2.544-.889-3.835 1.416 1.738 3.533 2.881 5.92 3.001-.419-1.796.944-3.527 2.799-3.527.825 0 1.572.349 2.096.907.654-.128 1.27-.368 1.824-.697-.215.671-.67 1.233-1.263 1.589.581-.07 1.135-.224 1.649-.453-.384.578-.87 1.084-1.433 1.489z"
></path>
</svg>
</a>
<a
href="https://www.linkedin.com/in/audrey-doyen-6b21b5147/"
target="_blank"
class="linkedin-icon-link"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
>
<path
d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2 16h-2v-6h2v6zm-1-6.891c-.607 0-1.1-.496-1.1-1.109 0-.612.492-1.109 1.1-1.109s1.1.497 1.1 1.109c0 .613-.493 1.109-1.1 1.109zm8 6.891h-1.998v-2.861c0-1.881-2.002-1.722-2.002 0v2.861h-2v-6h2v1.093c.872-1.616 4-1.736 4 1.548v3.359z"
></path>
</svg>
</a>
<a href="mailto:[email protected]" target="_blank">[email protected]</a>
</div>
</body>
</html>