-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
261 lines (248 loc) · 14.8 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
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
261
<!DOCTYPE html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-168682918-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-168682918-3');
</script>
<title>SANDRA VILDER portfolio</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script src="https://kit.fontawesome.com/3956043bb5.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
<link rel="shortcut icon" type="image/png" href="src/images/favicon.png">
</head>
<body>
<!-- navbar -->
<div class="my-navbar">
<a href="#clock" class="">
<div class="clock" id="clock">
<div class="clock-face">
<div class="clock-point"></div>
<div class="hand hour-hand"></div>
<div class="hand min-hand"></div>
<div class="hand second-hand"></div>
</div>
</div>
</a>
<div class="animated jello delay-2s">
<a class="contact" href="#contact">
Contact
<i class="fas fa-dragon"></i>
</a>
</div>
</div>
<!-- end of navbar -->
<!-- header -->
<div class="container" id="top">
<div class="row justify-content-center">
<div class="col-md-10">
<div class="header">
<h1 class="text-center">SANDRA VILDER</h1>
<h3 class="text-center">Ecrivaine d'histoires pour enfants</h3>
</div>
<br>
<!-- end of header -->
<!-- publications -->
<div class="xp-display">
<h5 class="text-center">Publications</h5>
<div class="project">
<p class="text-center">
<span class="name">
<a href="https://bonboncitron.com/produit/les-ponts-de-la-tata-de-raimon-precommandes/" target="_blank">Les ponts de la tata de Raimon</a>
</span><br>
<span class="description">
Publié par Bonbon Citron éditions en mai 2024 - à partir de 2 ans - Illustrations : Alex Campos - 36 pages - ISBN : 978-2-9590005-7-7
</span>
</p>
<p>Un livre qui se lit comme il se chante et rappelle l’amour et l’attachement que la distance ne saurait affecter.</p>
<p>La tata de Raimon vit très loin de son neveu. Si loin qu’un océan les sépare. Elle entreprend alors la construction d’un pont pour rejoindre Raimon. Sur le pont de Raimon, l’on y danse, l’on y danse…</p>
<div class="image">
<img src="src/images/les_ponts_couverture.png" alt="Bonbon Citron éditions - couverture" class="imgs small">
</div>
<div class="image">
<img src="src/images/les_ponts_page1.png" alt="Bonbon Citron éditions - intérieur" class="imgs">
</div>
<div class="image">
<img src="src/images/les_ponts_page2.png" alt="Bonbon Citron éditions - intérieur" class="imgs">
</div>
</div>
<div class="project">
<p class="text-center">
<span class="name">
<a href="https://grilledcheesemag.com/boutique/magazine/2-4-ans/invisible/" target="_blank">Le chant de l'oiseau dans le champ de fleurs</a>
</span><br>
<span class="description">
Publié dans le numéro 19 de Grilled Cheese en octobre 2023 - 2 ans à 4 ans - Illustrations : Julien Castanié - Illustration de couverture : Roanna Farmer - bilingue français anglais - 7 pages (sur 24) - ISBN : 977-2-561332401-19
</span>
</p>
<p>Certaines choses sont invisibles, c’est-à-dire qu’on ne peut pas les voir. Dans ce numéro, nous explorerons plein de choses qui sont invisibles. Dans toutes les pages, on peux utiliser l’acétate rouge pour faire apparaitre des choses qu'on ne peux pas voir habituellement.</p>
<p>Alix a un ami invisible : Alphonse...</p>
<div class="image">
<img src="src/images/le_chant_couverture.jpg" alt="Grilled Cheese - Invisible - couverture" class="imgs small">
</div>
<div class="image">
<img src="src/images/le_chant_page1.jpg" alt="Grilled Cheese - Invisible - intérieur" class="imgs small">
<img src="src/images/le_chant_page3.jpg" alt="Grilled Cheese - Invisible - intérieur" class="imgs small">
</div>
<div class="image">
<img src="src/images/le_chant_page2.jpg" alt="Grilled Cheese - Invisible - intérieur" class="imgs">
</div>
</div>
<div class="project">
<p class="text-center">
<span class="name">
<a href="https://grilledcheesemag.com/boutique/magazine/2-4-ans/traversee-2/" target="_blank">Les ponts de la tata de Raimon</a>
</span><br>
<span class="description">
Publié dans le numéro 18 de Grilled Cheese en juin 2023 - 2 ans à 4 ans - Illustrations : Vincent Tourigny - Illustration de couverture : Mary Kirkpatrick - bilingue français anglais - 8 pages (sur 24) - ISBN : 977-2-561332401-18
</span>
</p>
<p>Raimon et sa tata aimeraient bien se voir, mais ils habitent chacun de leur côté de l’océan. Comment réussiront-ils à se faire enfin un gros câlin ? </p>
<p>Une belle démonstration de la force des liens qui unissent les proches entre eux.</p>
<div class="image">
<img src="src/images/traversee_couv.jpg" alt="Grilled Cheese - Traversée - couverture" class="imgs small">
<img src="src/images/traversee_page1.jpg" alt="Grilled Cheese - Traversée - intérieur" class="imgs small">
</div>
<div class="image">
<img src="src/images/traversee_page2.jpg" alt="Grilled Cheese - Traversée - intérieur" class="imgs small">
<img src="src/images/traversee_page3.jpg" alt="Grilled Cheese - Traversée - intérieur" class="imgs small">
</div>
<div class="image">
<img src="src/images/traversee_page4.jpg" alt="Grilled Cheese - Traversée - intérieur" class="imgs small">
<img src="src/images/traversee_page5.jpg" alt="Grilled Cheese - Traversée - intérieur" class="imgs small">
</div>
<div class="image">
<img src="src/images/traversee_page6et7.jpg" alt="Grilled Cheese - Traversée - intérieur" class="imgs">
</div>
<div class="image">
<img src="src/images/traversee_page8.jpg" alt="Grilled Cheese - Traversée - intérieur" class="imgs small">
</div>
</div>
<div class="project">
<p class="text-center">
<span class="name">
<a href="https://grilledcheesemag.com/boutique/magazine/5-10-ans/5-10-ans-numero-14/" target="_blank">Grilled Cheese : Tempête</a>
</span><br>
<span class="description">
Publié dans le numéro 14 de Grilled Cheese en février 2019 - 5 ans à 10 ans - Illustrations : Sandra Dumais - Illustration de couverture : Lucia Calfapietra - bilingue français anglais - 6 pages (sur 24) - ISSN : 2371-0209
</span>
</p>
<p>Sans titre, cette histoire s’inspire complètement du thème de ce numéro. Une petite fille s’interroge sur l’origine des tempêtes et part à la recherche d’une réponse. Celle-
ci n’est ni unique ni évidente puisque tous les personnages qu’elle va croiser au fil de sa quête de sens et de soi vont apporter une nouvelle couleur à un éventail
de réponses malgré tout incomplet.</p>
<p>C’est une histoire qui traite de la curiosité essentielle et du désir d’aventure et de voyage. En fin de compte, ce qui va construire le personnage, ce sont surtout ses
rencontres. La confrontation des différents points de vue souligne indubitablement le fait que la vérité n’est jamais absolue.</p>
<div class="image">
<img src="src/images/tempete_couverture.jpg" alt="Grilled cheese - Tempête - couverture" class="imgs small">
<img src="src/images/tempete_quatrieme.jpg" alt="Grilled cheese - Tempête - quatrieme" class="imgs small">
</div>
<div class="image">
<img src="src/images/tempete_page_1.jpg" alt="Grilled cheese - Tempête - intérieur" class="imgs">
</div>
<div class="image">
<img src="src/images/tempete_page_2.jpg" alt="Grilled cheese - Tempête - intérieur" class="imgs">
</div>
</div>
<div class="project">
<p class="text-center">
<span class="name">
<a href="https://grilledcheesemag.com/boutique/livres/ribambelle/" target="_blank">Ribambelle</a>
</span><br>
<span class="description">
Publié par l’Abricot en novembre 2018 - 3 à 8 ans - Illustrations : Melanie Lambrick - 12 pages (sur 138) - bilingue français anglais - ISBN : 978-2-9817906
</span>
</p>
<p>Il s’agit d’un livre de 136 pages imprimé en trois couleurs en risographie. Il comprend les histoires et les poèmes des numéros 1 à 10 du magazine Grilled Cheese, publiés entre octobre 2014 et novembre 2017, dans une version rééditée. Tout comme les magazines, le livre est bilingue.</p>
<p>Dans ce cadre, l’histoire Martin l’arbre est reparue dans Rimbabelle en 2018.</p>
<p>Ribambelle a obtenu la deuxième place, catégorie Jeunesse du Prix de la Société Alcuin pour l’excellence de la conception graphique du livre au Canada 2018.</p>
<div class="image">
<img src="src/images/ribambelle_couverture.jpeg" alt="Ribambelle - couverture" class="imgs small">
</div>
<div class="image">
<img src="src/images/ribambelle_premierepage.png" alt="Ribambelle - intérieur" class="imgs">
</div>
<div class="image">
<img src="src/images/ribambelle_martin_larbre.png" alt="Ribambelle - intérieur" class="imgs">
</div>
</div>
<div class="project">
<p class="text-center">
<span class="name">
<a href="https://grilledcheesemag.com/boutique/magazine/2-4-ans/abonnement-au-magazine-combo/" target="_blank">Martin l’arbre</a>
</span><br>
<span class="description">
Publié dans le numéro 4 de Grilled Cheese en octobre 2015 - 3 à 8 ans - Illustrations : Melanie Lambrick - Illustration de couverture : Elise Morbidelli - 6 pages (sur 24) - bilingue français anglais - ISSN : 2371-0209
</span>
</p>
<p>La nuit, Martin l’arbre se réveille et tous les animaux qui gravitent autour de lui viennent échanger avec lui dans une bonne humeur et une grande jovialité.</p>
<p>C’est un récit sur l’amitié et l’importance de son entourage, d’accepter ses proches comme ils sont et de les chérir. Les personnages ont tous une personnalité unique très marquée.</p>
<div class="image">
<img src="src/images/nuit_couverture.jpg" alt="Grilled Cheese - Nuit - couverture" class="imgs small">
</div>
<div class="image">
<img src="src/images/nuit_page_1.jpg" alt="Grilled Cheese - Nuit - intérieur" class="imgs">
</div>
<div class="image">
<img src="src/images/nuit_page_2.jpg" alt="Grilled Cheese - Nuit - intérieur" class="imgs">
</div>
<div class="image">
<img src="src/images/nuit_page_3.jpg" alt="Grilled Cheese - Nuit - intérieur" class="imgs">
</div>
<div class="image">
<img src="src/images/nuit_page_4.jpg" alt="Grilled Cheese - Nuit - intérieur" class="imgs">
</div>
</div>
</div>
<br>
<!-- end of publications -->
<!-- backgrounds details -->
<div class="details">
<h5 class="text-center">Mieux me connaître</h5>
<p class="text-center">
Je suis franco-québécoise et je vis désormais dans le sud de la France à Arles. D'ailleurs j'y anime désormais des ateliers d'écriture au sein du tiers lieux Parade dans le quartier de la Roquette.
</p>
<p class="text-center">
J'ai travaillé au Québec dans le milieu culturel pendant de nombreuses années à Montréal, et particulièrement dans l'édition de bande dessinée. Puis j'ai été ingénieure logicielle pendant quelques années à Paris.
</p>
<p class="text-center">
Je consacre désormais mon temps à écrire des histoires.
</p>
<p class="text-center">
J'ai envie de transmettre de l'amour, de l'espoir, le goût de la découverte, l'esprit d'aventure et l'ouverture d'esprit aux enfants et aux adultes qui lisent pour eux.
</p>
</div>
<br>
<!-- end of background -->
<!-- contacts links -->
<div class="links">
<h5 class="text-center" id="contact">Contact</h5>
<ul class="text-center">
<li data-toggle="tooltip" data-placement="bottom" title="Pour m'écrire">
<a href="mailto:[email protected]">@</a>
</li>
<li data-toggle="tooltip" data-placement="bottom" title="Pour me suivre">
<a href="https://www.instagram.com/sandravilder.ecrivaine/"><i class="fab fa-instagram"></i></a>
</li>
<li data-toggle="tooltip" data-placement="bottom" title="Pour en savoir plus">
<a href="https://www.linkedin.com/in/🌳-sandra-vilder-29560565"><i class="fab fa-linkedin"></i></a>
</li>
</ul>
</div>
<br>
<br>
<!-- end of contact links -->
<!-- footer -->
<div class="text-center">
<a class="big-arrow" href="#top"><i class="fas fa-arrow-up"></i></a>
</div>
</div>
</div>
</div>
<script src="main.js"></script>
</body>
</html>