-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
265 lines (231 loc) · 10.5 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
262
263
264
265
<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-146763574-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "UA-146763574-1");
</script>
<meta charset="UTF-8" />
<!-- SEO optimization -->
<title>Lordinatrice portfolio</title>
<meta name="description"
content="Site web de Camille Regnault développeuse fullstack connue sous le pseudo de Lordinatrice." />
<meta name="author" content="Camille Regnault - Lordinatrice" />
<link rel="icon" type="image/png" href="assets/logos/cr_logo-removebg-preview.png" />
<!-- OG Tags for social networks -->
<meta name="og:title" property="og:title" content="Lordinatrice website" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.lordinatrice.com" />
<meta property="og:image" content="assets/logos/cr_logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Keywords -->
<meta name="keywords" content="fullstack developer développeuse ruby js Paris portfolio lordinatrice" />
<title>Lordinatrice</title>
<!-- fonts google -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" />
<!-- css -->
<link rel="stylesheet" href="css/style.css" />
<!-- bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" />
<!-- animate css -->
<link rel="stylesheet" href="animate.min.css">
</head>
<body>
<div class="main-wrapper">
<!-- hero section -->
<div class="container">
<!-- logo -->
<div class="row">
<div class="logo" title="lordinatrice.com">
<img src="assets/logos/cr_logo-removebg-preview.png" alt="CR" height="120" />
</div>
</div>
<!-- banner headline -->
<div class="row headline col-12">
<div class="nine column">
<div class=" .d-none .d-sm-block">
<img src="images/undraw_noted_pc9f.svg" alt="coder illustration" title="illustration"
class="illustration" />
</div>
<div>
<h1>
Bienvenue sur Lordinatrice.com
</h1>
<h2>
<hr class="small-hr">
Mon nom est Camille Regnault —
</br>
développeuse fullstack, marketeuse, traductrice et speaker.
</h2>
<h3>
Je suis engagée en faveur de la diversité et de l'inclusion dans le secteur de la tech.
</h3>
</div>
<div class="networks">
<img src="assets/logos/linkedin_circle_small.png" alt="LinkedIn link" title="LinkedIn"
class="social-logos" />
<img src="assets/logos/twitter_circle_small.png" alt="Twitter link" title="Twitter" class="social-logos" />
<img src="assets/logos/github_circle_small.png" alt="Github link" title="Github" class="social-logos" />
<img src="assets/logos/malt_circle.png" alt="Malt link" height="30" title="Malt" class="social-logos" />
<a href="mailto:[email protected]" target=”_blank”>
<img src="assets/logos/gmail_small.png" alt="Email link" title="Email" class="social-logos" />
</a>
</div>
<div class="event">
<a href="https://www.meetup.com/fr-FR/meetup-LesHackeuses/events/265922192/" target=”_blank”>
<img src="assets/logos/iconfinder_213_Meetup_logo_logos_4373118 (3).png" alt="Meetup link"
title="Atelier Meetup" height="100" class="social-logos" />
</a>
<p>
<a href="https://p2p.paris/fr/event/festival-0/" target=”_blank”>
<strong>Atelier: Intro à Git & Github</strong>
</a>
</br>
<b>Du 8 au 12 janvier 2020</b>
</br>
Festival P2P
</p>
</div>
</div>
</div>
<div class="row col-12">
<hr>
</div>
<!-- About -->
<div class="row">
<div class="six column col-xl-6 col-md-6 col-sm-12">
<h2>A PROPOS</h2>
<p class="subhead">
Développeuse passionnée à la fois par la logique et la créativité dans le code !
</p>
<p>
<b>
Développeuse full-stack</b>,
je code principalement dans les langages
<span style="white-space: nowrap;">
<a href="https://www.ruby-lang.org/fr/documentation/" target=”_blank”>
<img src="assets/logos/ruby-on-rails_x24.png" alt="ruby icon" title="ruby" /></a>
et
<a href="https://developer.mozilla.org/fr/docs/Web/JavaScript" target=”_blank”>
<img src="assets/logos/js_x32.png" alt="javascript icon" title="javascript" /></a>.
</span>
Passionnée par mon métier, j'écris et je parle du développement informatique et de la tech en général pour
partager mes compétences et mon expérience. Je crée également des <b>ateliers d'initiation, de culture
informatique et de développement professionnel</b>.
</p>
<p>
Je suis engagée en faveur de la <b>diversité</b>, de l'<b>accessibilité</b> et de l'<b>inclusion</b> dans le
secteur de la <b>tech</b>, dans lequel il y a tant d'opportunités.
</p>
<p>
Au lycée, j'ai du faire un choix entre mes deux matières préférées: les mathématiques et les langues
étrangères. J'ai choisi de m'orienter vers une formation internationale me permettant de vivre différentes
expériences à l'étranger. Mais, malgré la magie des langues, quelque chose me manquait.
</p>
</div>
<div class="six column right col-xl-6 col-md-6 col-sm-12">
<p>
Diplômée en Langues Étrangères Appliquées au commerce international, j’acquiers de l’expérience
professionnelle à Paris et au Luxembourg dans des postes de marketing, de traduction et de conseil en
entreprise et en gestion de projets.
Captivée par la logique et la créativité, je décide alors de suivre la <b>formation de développeur.se du
Wagon Paris</b>.
</p>
<p>
Je participe alors à de plus en plus d'événements et d'ateliers tech. C'est ainsi que <b>je décide de
m'engager plus activement dans la communauté des dev' et de la tech</b> au sens large.
</p>
<blockquote class="brooks">
If we spoke a different language, we would perceive a somewhat different world.
</blockquote>
<p>
Les langues étrangères et les langages informatiques présentent pour moi des logiques et des attraits
similaires, c'est pourquoi j'ai décidé de rallier ces deux <b>passions</b> en devenant développeuse.
</p>
<p>
Je m'attache désormais à devenir une meilleure développeuse jour après jour, projet après projet
<a href="https://github.com/camilleregnault/" target=”_blank” title="github">
[.]</a>.
</p>
</div>
</div>
<div class="row col-12">
<hr>
</div>
<!-- what is lordinatrice -->
<div class="row col-12">
<div class="nine column">
<h2> L'ORDINATRICE
</h2>
<p class="subhead">
Que diriez-vous d' « ordinateur » ?
</p>
<p>
<a href="https://usbeketrica.com/article/computer-grrrls-hommage-femmes-informatique" target=”_blank”
style="color:black; font-weight: bold; background-color:#ffd450;" title="ordinatrice">
« Ordinatrice »</a>
est l'un des termes proposés en 1955 par le professeur Jacques Perret, professeur à la Sorbonne, dans sa
correspondance avec le président d'IBM France afin de traduire le mot <strong>« computer »</strong> dans la
langue française
<a href=" http://centenaireibmfrance.blogspot.com/2014/04/1955-terme-ordinateur-invente-par-jacques-perret.html"
title="source">
[source]</a>
.
</p>
</div>
</div>
<div class="row col-12">
<hr>
</div>
<!-- Contact section -->
<div class="row col-12">
<div class="six column">
<h3>Me contacter,
<a href="mailto:[email protected]" target=”_blank”
style="color:black; font-weight: bold; background-color:#ffd450" title="email">
</a>
</h3>
</div>
</div>
<!-- Main qualities -->
<!-- Skills section -->
<!-- Portfolio section -->
<!-- Footer -->
<hr class="foot-hr">
<div class="footer">
<div>
<img src="assets/logos/linkedin_circle_small.png" alt="LinkedIn link" title="LinkedIn" class="social-logos"
height="25" style="padding-right:5px;" />
<img src="assets/logos/twitter_circle_small.png" alt="Twitter link" title="Twitter" class="social-logos"
height="25" style="padding-right:5px;" />
<img src="assets/logos/github_circle_small.png" alt="Github link" title="Github" class="social-logos"
height="25" style="padding-right:5px;" />
<img src="assets/logos/malt_circle.png" alt="Malt link" height="23" title="Malt" class="social-logos"
style="padding-right:5px;" />
<a href="mailto:[email protected]" target=”_blank”>
<img src="assets/logos/gmail_small.png" alt="Email link" title="Email" class="social-logos" height="25"
style="padding-right:5px;" />
</a>
</div>
<div>
<p>
© 2019 👩💻 Camille Regnault. Fait avec 💛.
</p>
</div>
</div>
</div>
</div>
<script src="https://kit.fontawesome.com/b83b1405ce.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/bootstrap.bundle.min.js"></script>
<script src="script.js"></script>
</body>
</html>