-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
268 lines (264 loc) · 35.1 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
266
267
268
<!DOCTYPE html>
<html lang="fr" class="has-navbar-fixed-top">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Quentin Bubu" />
<meta name="description" content="Portfolio de Quentin Bubu" />
<meta name="keyword" content="dev,developepur,developper,web,php,html,css,sql,Quentin,Quentin Bubu,back,back-end" />
<meta property="og:title" content="Portfolio de Quentin Bubu" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://quentinbubu.github.io" />
<meta property="og:image" content="https://quentinbubu.github.io/assets/picture/favicon.ico" />
<meta property="og:description" content="Portfolio de Quentin Bubu" />
<meta property="og:site_name" content="Portfolio de Quentin Bubu" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:locale:alternate" content="en_US" />
<link rel="shortcut icon" href="./assets/picture/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="./assets/css/style.css">
<script src="./assets/js/annim.js" defer></script>
<!-- 100% privacy-first analytics -->
<script async src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
<title>Portfolio - Quentin Bubu</title>
</head>
<body class="has-background-black-bis has-text-white" data-theme="dark">
<svg id="quentinBubuSvg" xmlns="http://www.w3.org/2000/svg"><path id="quentinBubuPath" d="M84.675 105.036a15.6 15.6 0 0 0 .335-3.327q0-3.369-3.565-6.665a13.5 13.5 0 0 0-2.763-1.949q-1.679-.906-3.799-1.533a31 31 0 0 0-4.082-.888 20 20 0 0 1 1.217-2.064 16 16 0 0 1 3.299-3.6l.128-.1a9.38 9.38 0 0 1 5.854-2.048l.073-.002.122.002a13 13 0 0 0 1.649-.099 10.6 10.6 0 0 0 3.722-1.147 6.4 6.4 0 0 0 1.916-1.532 6.8 6.8 0 0 0 1.258-2.349q4.102 5.127 14.6 5.127 11.914 0 15.771-6.934.537 3.516 2.222 5.225 1.684 1.709 5.347 1.709l.052-.001.094.001a13 13 0 0 0 1.38-.072 10.5 10.5 0 0 0 4.162-1.32 6.5 6.5 0 0 0 2.045-1.818 7.1 7.1 0 0 0 1.104-2.406 13.2 13.2 0 0 0 3.719 3.216q2.32 1.357 5.367 1.962a27.6 27.6 0 0 0 5.368.486 16 16 0 0 0 .732-.016 13.6 13.6 0 0 0 4.443-.936 58 58 0 0 0 2.259-.952 42 42 0 0 0 1.989-.952q1.073-.55 2.015-.783a5.5 5.5 0 0 1 1.306-.169 7.5 7.5 0 0 1 3.711.952q1.709.952 3.369 1.904a6.96 6.96 0 0 0 3.515.952 1.3 1.3 0 0 0 .375-.054 13 13 0 0 0 .886-.059 9.5 9.5 0 0 0 1.327-.228q1.172-.293 1.953-.708a3.3 3.3 0 0 0 .727-.525 4.2 4.2 0 0 0 .616-.745q.562-.854.879-1.514l.055-.118q.191-.439.355-1.11a15 15 0 0 0 .152-.7l.022-.115q.151-.801.233-1.4a13 13 0 0 0 .062-.536l.22-2.344.023-.345q.025-.355.05-.607l.024-.22V57.08a30 30 0 0 1 .165-2.136 23 23 0 0 1 .299-1.916 13 13 0 0 1 .525-1.85 17 17 0 0 1 .842-1.935l.128-.244a10 10 0 0 1 2.485-3.051q1.01-.827 2.481-1.481a18 18 0 0 1 1.913-.717 16 16 0 0 1 .446-.133q2.631-.746 6.048-.746a37 37 0 0 1 1.827.044q1.467.073 2.753.266a19 19 0 0 1 2.598.569 14 14 0 0 1 .922.319q4.778 1.853 6.207 6.81l.004.013q.656 2.307.82 7.128a103 103 0 0 1 .055 3.504v.097q-.002.943-.041 2.631l-.032 1.276-.031 1.206q-.042 1.848-.042 2.895 0 1.465.057 2.691a37 37 0 0 0 .089 1.386 16 16 0 0 0 .083.762 18 18 0 0 0 .601 2.778l.088.287q.246.764.556 1.408a7.7 7.7 0 0 0 .772 1.284q.879 1.172 2.417 1.904l.013.007q.86.407 1.895.585a10 10 0 0 0 1.729.141l.033-.001.259-.003q3.684-.072 5.201-1.73a6.3 6.3 0 0 0 .917-1.316q.436-.823.723-1.863a14 14 0 0 0 .387-1.972 11.35 11.35 0 0 0 5.349 4.97q2.153 1.021 4.974 1.498a33 33 0 0 0 5.448.417l.035-.001a14 14 0 0 0 .549-.013q1.34-.061 2.415-.382a5.57 5.57 0 0 0 3.886-3.657q2.197 4.053 6.397 4.053h.048a13 13 0 0 0 1.309-.065 9.5 9.5 0 0 0 1.328-.228q1.172-.293 1.953-.708a3.3 3.3 0 0 0 .727-.525 4.2 4.2 0 0 0 .616-.745q.562-.854.879-1.514l.054-.118q.192-.439.356-1.11a15 15 0 0 0 .151-.7l.022-.115q.152-.801.233-1.4a13 13 0 0 0 .063-.536l.22-2.344.022-.345q.026-.355.051-.607l.024-.22V57.08a30 30 0 0 1 .165-2.136 23 23 0 0 1 .299-1.916 13 13 0 0 1 .525-1.85 17 17 0 0 1 .842-1.935l.128-.244a10 10 0 0 1 2.485-3.051q1.01-.827 2.481-1.481a18 18 0 0 1 1.913-.717 16 16 0 0 1 .446-.133q2.631-.746 6.048-.746a37 37 0 0 1 1.827.044q1.467.073 2.753.266a19 19 0 0 1 2.598.569 14 14 0 0 1 .922.319q4.778 1.853 6.207 6.81l.003.013q.657 2.307.821 7.128a103 103 0 0 1 .055 3.504v.097q-.002.943-.041 2.631l-.032 1.276-.031 1.206q-.043 1.848-.043 2.895 0 1.465.058 2.691a37 37 0 0 0 .089 1.386 16 16 0 0 0 .083.762 18 18 0 0 0 .6 2.778l.089.287q.246.764.556 1.408a7.7 7.7 0 0 0 .771 1.284q.879 1.172 2.417 1.904l.014.007q.86.407 1.894.585a10 10 0 0 0 1.706.141 16 16 0 0 0 1.982-.118q4.3-.542 5.464-3.593a13.4 13.4 0 0 0 2.497 1.628 15.3 15.3 0 0 0 4.192 1.375q2.564.464 6.074.624a87 87 0 0 0 3.936.084 44 44 0 0 0 4.988-.271q3.785-.436 6.808-1.575a17.43 17.43 0 0 0 7.98-5.772 10.1 10.1 0 0 0 1.985 3.282 12.5 12.5 0 0 0 2.629 2.187 13.6 13.6 0 0 0 2.563 1.27 14.7 14.7 0 0 0 5.127.879l.073-.002.123.002a13 13 0 0 0 1.648-.099 10.6 10.6 0 0 0 3.723-1.147 6.4 6.4 0 0 0 1.915-1.532 6.8 6.8 0 0 0 1.258-2.349q4.102 5.127 14.6 5.127 11.914 0 15.772-6.934.537 3.516 2.221 5.225t5.347 1.709l.033-.001.259-.003q3.683-.072 5.201-1.73a6.3 6.3 0 0 0 .917-1.316q.436-.823.723-1.863a14 14 0 0 0 .386-1.972 11.35 11.35 0 0 0 5.35 4.97q2.152 1.021 4.973 1.498a33 33 0 0 0 5.449.417q10.4 0 14.6-5.176l.053.166a6.35 6.35 0 0 0 3.12 3.764 10.3 10.3 0 0 0 2.39.904 12.5 12.5 0 0 0 2.981.342l.119-.003.051-.001a3 3 0 0 0 .172.004 13 13 0 0 0 1.649-.099 10.6 10.6 0 0 0 3.722-1.147 6.4 6.4 0 0 0 1.916-1.532 6.8 6.8 0 0 0 1.258-2.349q4.102 5.127 14.6 5.127 11.914 0 15.771-6.934.537 3.516 2.222 5.225t5.347 1.709q.537 0 .927-.391l.013-.012a1.26 1.26 0 0 0 .378-.916q0-.537-.391-.928l-.012-.012a1.26 1.26 0 0 0-.915-.378 10 10 0 0 1-1.081-.057q-.568-.065-1.037-.204a3.8 3.8 0 0 1-.959-.423 2.9 2.9 0 0 1-.797-.793q-.669-.961-.992-2.703a17 17 0 0 1-.212-1.631q-.043-.683-.198-8.507l-.047-2.381V41.553a1.25 1.25 0 0 0-.131-.566 1.5 1.5 0 0 0-.284-.386l-.092-.086a1.28 1.28 0 0 0-.86-.329 1.2 1.2 0 0 0-.543.124 1.4 1.4 0 0 0-.385.291l-.025.028a1.34 1.34 0 0 0-.365.924v22.119a73 73 0 0 1-.024 1.912q-.024.905-.072 1.708a34 34 0 0 1-.148 1.776 16 16 0 0 1-.276 1.646 19 19 0 0 1-.872 2.821q-.903 2.295-2.514 3.638a8.5 8.5 0 0 1-.923.666q-.737.462-1.653.854a18 18 0 0 1-1.892.677 17 17 0 0 1-1.285.328q-2.453.527-5.673.527-1.367 0-2.594-.086a27 27 0 0 1-2.313-.256l-.272-.045q-.941-.162-1.763-.405a11 11 0 0 1-1.701-.649 20 20 0 0 1-1.373-.731 15 15 0 0 1-1.337-.88 6 6 0 0 1-.879-.804 7 7 0 0 1-1.001-1.466 26 26 0 0 1-.659-1.368 19 19 0 0 1-.512-1.269 9 9 0 0 1-.236-.774q-.261-1.01-.399-2.376a71 71 0 0 1-.084-.877q-.123-1.389-.16-2.492l-.01-.313q-.028-.987-.036-2.328l-.003-1.094.049-20.459a1.3 1.3 0 0 0-.098-.507 1.5 1.5 0 0 0-.293-.445l-.037-.038a1.22 1.22 0 0 0-.891-.377 1.25 1.25 0 0 0-.565.131 1.5 1.5 0 0 0-.387.284l-.086.092a1.28 1.28 0 0 0-.329.86v19.482q.049 4.883.317 7.764l.019.195q.192 2.019.384 3.138a11 11 0 0 0 .135.671q.184.772.242 1.336a5 5 0 0 1 .026.471 7 7 0 0 1-.08 1.099 5.15 5.15 0 0 1-1.482 2.978q-1.563 1.538-4.688 1.538a3 3 0 0 0-.184.005h-.011a3 3 0 0 0-.196-.005 10 10 0 0 1-1.897-.175 7 7 0 0 1-2.546-1.021 3.7 3.7 0 0 1-.963-.922q-.487-.676-.693-1.606a7 7 0 0 1-.151-1.501 4 4 0 0 1 .018-.357q.055-.614.275-1.645a20 20 0 0 0 .109-.54q.154-.834.142-1.261l-.006-.103a21 21 0 0 0 .22-1.428q.25-2.033.329-5.091a119 119 0 0 0 .037-3.051v-2.198a61 61 0 0 0-.068-2.017q-.222-4.416-1.08-7.407a14 14 0 0 0-1.147-2.88q-2.82-5.127-10.254-6.409a32.3 32.3 0 0 0-5.469-.427 33 33 0 0 0-4.297.259q-2.828.368-5.055 1.255a12.3 12.3 0 0 0-5.98 4.736V1.563a1.3 1.3 0 0 0-.098-.507 1.5 1.5 0 0 0-.293-.445l-.037-.038a1.22 1.22 0 0 0-.89-.377 1.25 1.25 0 0 0-.566.131 1.5 1.5 0 0 0-.387.284l-.085.092a1.28 1.28 0 0 0-.33.86v69.922l-.023.23q-.037.415-.074 1.088-.257 3.369-.788 5.036a5 5 0 0 1-.384.921q-.642 1.133-2.715 1.39a11 11 0 0 1-1.255.075h-.103a10 10 0 0 1-1.012-.057q-.568-.065-1.037-.204a3.8 3.8 0 0 1-.958-.423 2.9 2.9 0 0 1-.798-.793q-.669-.961-.992-2.703a17 17 0 0 1-.212-1.631q-.043-.683-.198-8.507l-.046-2.381V41.553a1.25 1.25 0 0 0-.132-.566 1.5 1.5 0 0 0-.283-.386 2 2 0 0 0-.093-.086 1.28 1.28 0 0 0-.86-.329 1.2 1.2 0 0 0-.543.124 1.4 1.4 0 0 0-.384.291l-.026.028a1.34 1.34 0 0 0-.365.924v22.119a73 73 0 0 1-.024 1.912q-.024.905-.071 1.708a34 34 0 0 1-.149 1.776 16 16 0 0 1-.276 1.646 19 19 0 0 1-.871 2.821q-.904 2.295-2.515 3.638a8.5 8.5 0 0 1-.923.666q-.736.462-1.653.854a18 18 0 0 1-1.892.677 17 17 0 0 1-1.285.328q-2.453.527-5.673.527-1.367 0-2.594-.086a27 27 0 0 1-2.313-.256l-.271-.045q-.942-.162-1.764-.405a11 11 0 0 1-1.7-.649 20 20 0 0 1-1.374-.731 15 15 0 0 1-1.336-.88 6 6 0 0 1-.88-.804 7 7 0 0 1-1-1.466 26 26 0 0 1-.66-1.368 19 19 0 0 1-.512-1.269 9 9 0 0 1-.236-.774q-.261-1.01-.399-2.376a71 71 0 0 1-.083-.877q-.124-1.389-.161-2.492l-.01-.313q-.028-.987-.036-2.328l-.003-1.094.049-20.459a1.3 1.3 0 0 0-.098-.507 1.5 1.5 0 0 0-.293-.445l-.037-.038a1.22 1.22 0 0 0-.89-.377 1.25 1.25 0 0 0-.566.131 1.5 1.5 0 0 0-.387.284l-.085.092a1.28 1.28 0 0 0-.33.86v19.482q.049 4.883.318 7.764l.018.195q.192 2.019.385 3.138a11 11 0 0 0 .134.671q.184.772.242 1.336a5 5 0 0 1 .026.471 7 7 0 0 1-.08 1.099 5.15 5.15 0 0 1-1.482 2.978q-1.563 1.538-4.688 1.538l-.148.003-.096-.003a14 14 0 0 1-2.118-.157 10.14 10.14 0 0 1-5.157-2.309 10 10 0 0 1-1.425-1.481 6.6 6.6 0 0 1-1.456-4.11q0-.961.189-2.227a28 28 0 0 1 .25-1.41 28 28 0 0 0 .115-.601q.16-.887.241-1.682a15 15 0 0 0 .084-1.55q0-18.946-12.305-23.291a25 25 0 0 0 1.652-.614 21 21 0 0 0 2.816-1.413 29 29 0 0 0 .542-.336q1.614-1.025 2.705-2.032a13 13 0 0 0 2.197-2.637 22 22 0 0 0 .408-.669q.318-.543.561-1.038a11 11 0 0 0 .399-.905q.439-1.148.683-2.588a44 44 0 0 0 .104-.639q.102-.663.152-1.151a11 11 0 0 0 .037-.432q.031-.488.042-1.091a40 40 0 0 0 .007-.764v-.391a58 58 0 0 0-.005-.724q-.031-2.517-.281-4.76a34.5 34.5 0 0 0-.788-4.501 26 26 0 0 0-.218-.819 22.5 22.5 0 0 0-3.249-6.896q-2.393-3.393-6.567-5.2a18 18 0 0 0-1.114-.439q-2.041-.729-4.455-1.07A32 32 0 0 0 330.274 0a25 25 0 0 0-2.821.159 28.3 28.3 0 0 0-6.75 1.648 34 34 0 0 0-3.752 1.655 26 26 0 0 0-4.451 2.886V1.563a1.3 1.3 0 0 0-.098-.507 1.5 1.5 0 0 0-.293-.445l-.037-.038a1.22 1.22 0 0 0-.89-.377 1.25 1.25 0 0 0-.566.131 1.5 1.5 0 0 0-.386.284l-.086.092a1.28 1.28 0 0 0-.329.86v73.974q0 2.491-1.05 3.565a4 4 0 0 1-.698.575q-.747.475-1.573.426a9 9 0 0 0-.554-.017q-.199 0-.393.009a7 7 0 0 0-1.095.13 7 7 0 0 1-1.545-.176 3.97 3.97 0 0 1-2.858-2.314q-.807-1.79-1.034-4.942a37 37 0 0 1-.089-2.676v-.196q.004-.877.041-2.523l.032-1.333.03-1.284q.043-1.986.043-3.257v-.097q0-1.441-.013-2.535l-.011-.713q-.015-.839-.069-1.869a89 89 0 0 0-.078-1.305q-.122-1.831-.415-3.052-.293-1.22-.732-2.758l-.09-.302q-.2-.642-.446-1.188a7.4 7.4 0 0 0-.587-1.074q-.684-1.025-1.636-2.148a7.7 7.7 0 0 0-2.295-1.831 22 22 0 0 0-1.093-.539 28 28 0 0 0-1.885-.78q-1.636-.61-3.809-.879a34 34 0 0 0-1.826-.174 42 42 0 0 0-2.886-.094 32 32 0 0 0-2.776.114q-8.942.77-12.556 6.722v-5.469a1.3 1.3 0 0 0-.097-.507 1.5 1.5 0 0 0-.293-.445l-.037-.038a1.22 1.22 0 0 0-.891-.377 1.25 1.25 0 0 0-.566.131 1.5 1.5 0 0 0-.386.284l-.086.092a1.28 1.28 0 0 0-.329.86v29.932l-.023.23q-.038.415-.075 1.088-.256 3.369-.787 5.036a5 5 0 0 1-.385.921q-.642 1.133-2.715 1.39a11 11 0 0 1-1.338.075h-.048a4.1 4.1 0 0 1-2.829-1.058 5.7 5.7 0 0 1-1.053-1.286q-1.441-2.344-1.441-6.348v-29.98a1.3 1.3 0 0 0-.097-.507 1.5 1.5 0 0 0-.293-.445l-.037-.038a1.22 1.22 0 0 0-.891-.377 1.25 1.25 0 0 0-.566.131 1.5 1.5 0 0 0-.386.284l-.086.092a1.28 1.28 0 0 0-.329.86v29.98l-.023.231q-.038.415-.075 1.088-.256 3.332-.787 4.989a5 5 0 0 1-.385.919q-.642 1.133-2.715 1.39a11 11 0 0 1-1.254.075h-.101a38 38 0 0 1-1.678-.039q-2.939-.135-5.14-.742a14 14 0 0 1-.913-.294q-2.393-.861-4.004-2.458a10.5 10.5 0 0 1-2.603-4.426 16 16 0 0 1-.417-1.932q-.511-3.206-.511-8.859V29.541h15.332q.537 0 .928-.39l.012-.013a1.26 1.26 0 0 0 .379-.915 1.3 1.3 0 0 0-.098-.507 1.5 1.5 0 0 0-.293-.445l-.037-.038a1.22 1.22 0 0 0-.891-.377h-15.332V14.942q0-.537-.39-.928l-.013-.012a1.26 1.26 0 0 0-.915-.379 1.3 1.3 0 0 0-.507.098 1.5 1.5 0 0 0-.445.293l-.038.037a1.22 1.22 0 0 0-.377.891v56.543l-.023.23q-.038.415-.075 1.088-.256 3.369-.787 5.036a5 5 0 0 1-.385.921q-.642 1.133-2.715 1.39a11 11 0 0 1-1.254.075h-.122a7 7 0 0 1-1.547-.176 3.97 3.97 0 0 1-2.858-2.314q-.807-1.79-1.034-4.942a37 37 0 0 1-.089-2.676l.001-.196q.003-.877.04-2.523l.032-1.333.031-1.284q.043-1.986.043-3.257v-.097q-.001-1.441-.014-2.535l-.011-.713q-.015-.839-.069-1.869a89 89 0 0 0-.077-1.305q-.122-1.831-.415-3.052-.293-1.22-.733-2.758l-.09-.302q-.2-.642-.446-1.188a7.4 7.4 0 0 0-.587-1.074q-.683-1.025-1.636-2.148a7.7 7.7 0 0 0-2.295-1.831 22 22 0 0 0-1.093-.539 28 28 0 0 0-1.885-.78q-1.636-.61-3.809-.879a34 34 0 0 0-1.826-.174 42 42 0 0 0-2.886-.094 32 32 0 0 0-2.776.114q-8.942.77-12.556 6.722v-5.469a1.3 1.3 0 0 0-.097-.507 1.5 1.5 0 0 0-.293-.445l-.037-.038a1.22 1.22 0 0 0-.891-.377 1.25 1.25 0 0 0-.566.131 1.5 1.5 0 0 0-.386.284l-.086.092a1.28 1.28 0 0 0-.329.86v29.932l-.023.23q-.037.415-.075 1.088-.256 3.369-.787 5.036a5 5 0 0 1-.385.921q-.642 1.133-2.715 1.39a11 11 0 0 1-1.265.075h-.024q-1.074 0-2.27-.586a14 14 0 0 1-.618-.322 12 12 0 0 1-1.531-.996 6 6 0 0 0-.589-.399q-.414-.25-.921-.48a14 14 0 0 0-1.102-.44 10 10 0 0 0-.845-.256 11 11 0 0 0-2.719-.33q-1.597 0-4.031 1.006a29 29 0 0 0-1.951.899 24 24 0 0 1-1.603.736q-1.304.539-2.503.829a11.3 11.3 0 0 1-2.656.339 31 31 0 0 1-1.372-.029q-3.558-.157-6.148-1.143a12.6 12.6 0 0 1-2.105-1.023 9.2 9.2 0 0 1-2.607-2.346l-.101-.138a14.4 14.4 0 0 1-2.243-4.55 17 17 0 0 1-.108-.398q-.319-1.234-.495-2.65a29 29 0 0 1-.202-2.713l-.049-1.123h1.074a230 230 0 0 0 6.86-.196 156 156 0 0 0 2.564-.134 185 185 0 0 0 4.517-.33 49 49 0 0 0 3.142-.366 38 38 0 0 0 3.669-.732q3.076-.781 5.615-1.929a12 12 0 0 0 1.342-.711 9.2 9.2 0 0 0 2.638-2.414 7.4 7.4 0 0 0 .885-1.586 7.9 7.9 0 0 0 .555-2.979 8.2 8.2 0 0 0-.293-2.155 10.2 10.2 0 0 0-.879-2.167q-1.172-2.173-3.296-4.028a12 12 0 0 0-.348-.293q-2.048-1.656-5.169-2.734a20.5 20.5 0 0 0-2.866-.759 24.5 24.5 0 0 0-4.58-.413 32 32 0 0 0-3.095.145 23 23 0 0 0-3.131.514 26 26 0 0 0-.759.193q-1.111.301-2.067.672a14 14 0 0 0-1.813.844q-1.88 1.05-3.247 2.783a19 19 0 0 0-.834 1.143 15 15 0 0 0-1.314 2.373 13 13 0 0 0-.161.383q-.341.848-.61 1.838a23 23 0 0 0-.45 2.027q-.439 2.466-.561 4.639a64 64 0 0 0-.043.875q-.043.993-.062 2.117a118 118 0 0 0-.017 2.061 49 49 0 0 0 .126 3.577 38 38 0 0 0 .533 4.187q.535 2.856.636 3.747a3 3 0 0 1 .023.306 7 7 0 0 1-.08 1.099 5.15 5.15 0 0 1-1.483 2.978q-1.562 1.538-4.687 1.538l-.114.002-.081-.002a10 10 0 0 1-1.081-.057q-.569-.065-1.037-.204a3.8 3.8 0 0 1-.959-.423 2.9 2.9 0 0 1-.797-.793q-.669-.961-.992-2.703a17 17 0 0 1-.213-1.631q-.042-.683-.197-8.507l-.047-2.381V41.553a1.25 1.25 0 0 0-.131-.566 1.5 1.5 0 0 0-.284-.386l-.092-.086a1.28 1.28 0 0 0-.86-.329 1.2 1.2 0 0 0-.544.124 1.4 1.4 0 0 0-.384.291l-.025.028a1.34 1.34 0 0 0-.365.924v22.119a73 73 0 0 1-.024 1.912q-.024.905-.072 1.708a34 34 0 0 1-.148 1.776 16 16 0 0 1-.276 1.646 19 19 0 0 1-.872 2.821q-.903 2.295-2.514 3.638a8.5 8.5 0 0 1-.924.666q-.736.462-1.652.854a18 18 0 0 1-1.892.677 17 17 0 0 1-1.285.328q-2.453.527-5.673.527-1.367 0-2.594-.086a27 27 0 0 1-2.313-.256l-.272-.045q-.941-.162-1.763-.405a11 11 0 0 1-1.701-.649 20 20 0 0 1-1.373-.731 15 15 0 0 1-1.337-.88 6 6 0 0 1-.879-.804 7 7 0 0 1-1.001-1.466 26 26 0 0 1-.659-1.368 19 19 0 0 1-.513-1.269 9 9 0 0 1-.236-.774q-.26-1.01-.398-2.376a71 71 0 0 1-.084-.877q-.123-1.389-.16-2.492l-.01-.313q-.028-.987-.036-2.328l-.003-1.094.049-20.459a1.3 1.3 0 0 0-.098-.507 1.5 1.5 0 0 0-.293-.445l-.037-.038a1.22 1.22 0 0 0-.891-.377 1.25 1.25 0 0 0-.565.131 1.5 1.5 0 0 0-.387.284l-.086.092a1.28 1.28 0 0 0-.329.86v19.482q.049 4.883.317 7.764l.019.195q.192 2.019.384 3.138a11 11 0 0 0 .134.671q.185.772.243 1.336a5 5 0 0 1 .026.471 7 7 0 0 1-.08 1.099 5.15 5.15 0 0 1-1.482 2.978q-1.087 1.069-2.929 1.395a10 10 0 0 1-1.65.143 1.3 1.3 0 0 0-.353-.049 12 12 0 0 0-7.837 2.783q-3.394 2.783-5.444 7.276a100 100 0 0 1-2.642-.444q-6.22-1.134-9.468-2.657a15 15 0 0 1-.709-.355q-1.222-.654-2.125-1.448a7.3 7.3 0 0 1-2.146-3.104 44 44 0 0 0 3.791-.696 33 33 0 0 0 4.339-1.306 31 31 0 0 0 2.953-1.299 24 24 0 0 0 3.248-1.973 19.2 19.2 0 0 0 4.516-4.663q1.905-2.758 3.101-5.835.636-1.634 1.126-3.557a44 44 0 0 0 .754-3.62q.684-4.102.952-8.277.269-4.175.269-9.546a439 439 0 0 0-.011-3.166q-.035-4.847-.185-7.576-.732-12.695-5.322-19.385Q62.695.196 41.309.196a69 69 0 0 0-8.273.466q-9.598 1.165-15.458 5.246a21 21 0 0 0-2.017 1.601q-3.751 3.368-5.886 8.526a35 35 0 0 0-2.107 7.549 45 45 0 0 0-.349 2.65q-.578 5.521-.578 15.124a219 219 0 0 0 .05 4.797q.05 2.279.15 4.32a109 109 0 0 0 .312 4.555q.385 4.211.879 6.692a20 20 0 0 0 .342 1.462l.031.11q.471 1.675.943 2.885a16 16 0 0 0 .442 1.033q.443.931.809 1.69l.412.849a5 5 0 0 1 .384 1.129 6.2 6.2 0 0 1 .129 1.288 6.5 6.5 0 0 1-1.267 3.839 9.7 9.7 0 0 1-1.639 1.752 10 10 0 0 1-3.857 2.027 13 13 0 0 1-3.443.439q-.537 0-.927.39l-.012.013a1.26 1.26 0 0 0-.379.915q0 .537.391.928l.012.012a1.26 1.26 0 0 0 .915.379 17 17 0 0 0 .733-.016 13.8 13.8 0 0 0 7.593-2.548 13 13 0 0 0 1.342-1.093 9.8 9.8 0 0 0 3.028-5.279 23.8 23.8 0 0 0 8.788 5.93q7.406 3.006 18.507 3.006a85 85 0 0 0 3.601-.074 65 65 0 0 0 3.283-.219 9.6 9.6 0 0 0 2.622 4.375 12.6 12.6 0 0 0 2.92 2.07 20 20 0 0 0 1.246.597q2.911 1.279 7.37 2.273a85 85 0 0 0 4.641.89 29 29 0 0 0-.422 1.325 25.1 25.1 0 0 0-1.043 7.073q0 2.728.611 4.876a10.8 10.8 0 0 0 1.758 3.62 7.94 7.94 0 0 0 3.079 2.513 8.4 8.4 0 0 0 3.293.71q5.078 0 7.91-2.979 1.858-1.954 2.497-4.876ZM69.287 68.457a26 26 0 0 0 1.947-4.448 30 30 0 0 0 .348-1.118 31 31 0 0 0 .731-3.151q.285-1.568.465-3.326l.049-.506a146 146 0 0 0 .234-2.798q.16-2.191.206-3.915a153 153 0 0 0 .032-1.519q.028-1.709.037-4.008a576 576 0 0 0 .004-2.213q0-9.129-.527-14.428a43 43 0 0 0-.401-3.052 32 32 0 0 0-1.859-6.691q-1.787-4.375-4.84-7.318a19 19 0 0 0-2.188-1.811 24.9 24.9 0 0 0-6.809-3.265q-3.267-1.036-7.261-1.538a66 66 0 0 0-8.146-.471 62.4 62.4 0 0 0-9.097.614q-11.028 1.63-16.415 7.594a18 18 0 0 0-.856 1.021 21.1 21.1 0 0 0-2.969 5.425q-1.006 2.63-1.621 5.868a54 54 0 0 0-.781 6.187 81 81 0 0 0-.106 2.145q-.138 3.617-.138 9.623a250 250 0 0 0 .061 5.731q.123 5.351.494 8.992a45 45 0 0 0 .422 3.148 31.3 31.3 0 0 0 1.87 6.685q1.844 4.464 5.034 7.419A19 19 0 0 0 19.287 75q5.274 3.688 14.075 4.773a65 65 0 0 0 7.947.452q3.369 0 6.396-.293-.037-.295-.046-.867l-.003-.403a12.1 12.1 0 0 1 .962-4.639A16.4 16.4 0 0 1 50 71.411a19.25 19.25 0 0 1 5.859-5.883 16 16 0 0 1 2.771-1.434q1.842-.724 3.628-.803a10 10 0 0 1 .437-.009 7 7 0 0 1 2.953.597q2.511 1.161 3.639 4.578Zm260.938-25.586H312.5v33.106q2.49 2.783 6.445 3.515t11.182.733a25.3 25.3 0 0 0 7.422-1.062 22.7 22.7 0 0 0 3.76-1.526 16 16 0 0 0 3.524-2.412 12.1 12.1 0 0 0 3.214-4.717q.63-3.778.718-5.355a8 8 0 0 0 .014-.455q0-5.127-.927-8.985a27 27 0 0 0-.789-2.69q-.734-2.074-1.726-3.584-1.587-2.417-3.98-3.907-2.392-1.489-5.078-2.075a25 25 0 0 0-2.856-.439q-1.502-.146-3.172-.147zM312.5 10.059v30.127h17.578a28 28 0 0 0 5.79-.563q3.764-.792 6.666-2.697a17 17 0 0 0 1.045-.744 13 13 0 0 0 5.047-9.009 19 19 0 0 0 .153-2.466q0-5.127-.927-8.984a27 27 0 0 0-.844-2.853q-.493-1.366-1.098-2.494a14 14 0 0 0-.573-.976q-1.587-2.466-3.98-3.98t-5.053-2.124a23 23 0 0 0-2.838-.458q-1.461-.147-3.087-.152h-.105a24.6 24.6 0 0 0-9.222 1.833 29 29 0 0 0-1.032.437q-5.079 2.271-7.52 5.103Zm103.392 60.275a16 16 0 0 0 .417 1.932 10.5 10.5 0 0 0 2.603 4.426q1.611 1.597 4.003 2.458a14 14 0 0 0 .913.294q2.202.607 5.141.742a38 38 0 0 0 1.744.039 29.4 29.4 0 0 0 4.576-.328q6.361-1.006 8.754-5.092 1.568-2.806 1.916-8.508a53 53 0 0 0 .086-2.185v-2.588l-.002-.905q-.004-1.286-.022-2.147l-.017-.609q-.031-.935-.101-2.165l-.004-.083a30 30 0 0 0-.073-.998q-.094-1.023-.245-1.711t-.371-1.561a85 85 0 0 0-.215-.832 10 10 0 0 0-.302-.956q-.176-.465-.386-.843a5 5 0 0 0-.264-.423q-.547-.775-1.307-1.677l-.109-.129a6.2 6.2 0 0 0-1.953-1.538 23 23 0 0 0-1.202-.556 31 31 0 0 0-1.362-.543 12 12 0 0 0-1.647-.481 17 17 0 0 0-1.648-.276 31 31 0 0 0-1.954-.165 40 40 0 0 0-2.148-.055 30 30 0 0 0-4.528.318q-6.434.995-8.802 5.102a11 11 0 0 0-.951 2.275q-.948 3.122-1.051 8.272v2.637q0 5.653.511 8.859ZM166.016 52.735q0-1.563-.952-3.223-.953-1.66-2.686-3.174a10.6 10.6 0 0 0-1.817-1.261q-.913-.51-2.02-.934a20 20 0 0 0-.826-.295 19 19 0 0 0-4.253-.876 23 23 0 0 0-2.192-.101 27 27 0 0 0-2.805.139 20 20 0 0 0-2.542.423 20 20 0 0 0-1.864.534q-.888.306-1.634.677a11 11 0 0 0-.482.254 9.2 9.2 0 0 0-2.758 2.368q-1.148 1.465-1.783 2.905-.634 1.441-1.001 3.491a37 37 0 0 0-.299 1.966 28 28 0 0 0-.164 1.794 54 54 0 0 0-.06 1.364q-.019.603-.029 1.263a95 95 0 0 0-.009 1.377 377 377 0 0 0 3.363-.084q1.323-.039 2.515-.085a196 196 0 0 0 2.252-.1 166 166 0 0 0 5.269-.352 190 190 0 0 0 1.835-.16q2.769-.255 4.858-.66a28 28 0 0 0 1.343-.292 31 31 0 0 0 3.101-.928 26 26 0 0 0 1.489-.586 10 10 0 0 0 1.424-.743q.729-.463 1.26-1.011a5 5 0 0 0 .441-.517 5.13 5.13 0 0 0 1.025-3.089zm-87.577 56.579a6 6 0 0 0 .736-.451 8.2 8.2 0 0 0 1.322-1.164 5.8 5.8 0 0 0 1.193-1.961 10.8 10.8 0 0 0 .53-2.28 14 14 0 0 0 .104-1.749 3.3 3.3 0 0 0-.121-.852q-.102-.378-.291-.787a7 7 0 0 0-.222-.436 8 8 0 0 0-.629-.956q-.339-.448-.771-.916a16 16 0 0 0-.554-.569q-.927-.91-2.506-1.724a20 20 0 0 0-1.449-.669 21 21 0 0 0-2.844-.946q-1.502-.391-3.205-.633l-.054-.008a25.5 25.5 0 0 0-1.223 4.785 21 21 0 0 0-.242 3.174 16 16 0 0 0 .269 2.954 13.4 13.4 0 0 0 .878 2.857q.611 1.416 1.88 2.295a5.2 5.2 0 0 0 2.176.851 7 7 0 0 0 .852.076q2.466 0 4.171-.891ZM62.695 65.967a8.7 8.7 0 0 0-3.634.842q-1.32.604-2.666 1.64a21 21 0 0 0-1.854 1.62 17 17 0 0 0-2.304 2.733q-1.244 1.865-1.671 3.806a9.5 9.5 0 0 0-.224 2.054q0 .191.023.499l.001.014q.024.306.025.453v.011q11.425-1.611 16.845-8.154a12.4 12.4 0 0 0-.424-2.014q-1.082-3.504-4.117-3.504Zm188.379-39.844h.098a5 5 0 0 1 1.23.179 3.4 3.4 0 0 1 1.7 1.091 4.5 4.5 0 0 1 .761 1.261 3.9 3.9 0 0 1 .264 1.424q0 1.905-1.245 2.979a4.8 4.8 0 0 1-1.061.705 3.7 3.7 0 0 1-1.6.369h-.049a5 5 0 0 1-1.258-.186 3.5 3.5 0 0 1-1.696-1.083 4.6 4.6 0 0 1-.713-1.096 3.7 3.7 0 0 1-.337-1.541q0-1.904 1.245-3.003a4.8 4.8 0 0 1 1.035-.709 3.6 3.6 0 0 1 1.626-.39Zm-.879 3.076q-.341.391-.341.928a1.4 1.4 0 0 0 .366.952 1.2 1.2 0 0 0 .644.373 1.8 1.8 0 0 0 .406.042 1.1 1.1 0 0 0 .421-.076q.252-.102.433-.339a1.53 1.53 0 0 0 .317-.952 1.8 1.8 0 0 0-.07-.529q-.177-.583-.799-.735a2 2 0 0 0-.498-.054 1.2 1.2 0 0 0-.46.086 1.1 1.1 0 0 0-.419.304Z" stroke-linecap="round" font-size="12" stroke="#000" stroke-width=".945" fill="none" style="stroke:#D0C0E5;stroke-width:.25mm;fill:none"/></svg>
<header>
<nav class="navbar is-fixed-top" role="navigation">
<div class="navbar-brand">
<a href="/" class="navbar-item">
<img src="./assets/images/pfp.png" alt="profile" class="circle">
</a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false"
data-target="main-navbar">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="main-navbar" class="navbar-menu">
<div class="navbar-end">
<a class="navbar-item" href="#home">
Home
</a>
<a class="navbar-item" href="#about-me">
About me
</a>
<a class="navbar-item" href="#experiencies">
Experiencies
</a>
<a class="navbar-item" href="#projects">
Projects
</a>
<a class="navbar-item" href="#used-tools">
Used tools
</a>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">
Contact me!
</a>
<div class="navbar-dropdown">
<a class="navbar-item is-selected" href="mailto:[email protected]">
Mail
</a>
<a class="navbar-item" href="https://discord.com/users/1200876345283059743">
Discord
</a>
<a class="navbar-item" href="https://github.com/QuentinBubu">
GitHub
</a>
<a class="navbar-item" href="https://www.linkedin.com/in/quentin-buffard/">
Linkedin
</a>
<a class="navbar-item" href="https://instagram.com/quentin_bubu/">
Instagram
</a>
</div>
</div>
</div>
</div>
</nav>
<section class="section is-large" id="home">
<h1 class="is-size-1 has-text-centered has-text-weight-bold m-4 title-shadow">Quentin Bubu</h1>
<p class="is-size-4 has-text-centered">Software developper</p>
</section>
</header>
<main class="is-size-4">
<section class="section is-large" id="about-me">
<h2 class="title mb-1">Did you said... <span class="strong pink-light">Quentin Bubu</span> ?</h2>
<p class="subtitle"><span class="strong orange-light">Hey !</span> I'm Quentin,</p>
<p class="ml-4">
As a developer with years of experience, my passion for coding only grows stronger with time.
Every day presents an <span class="tape tape-purple has-text-link-light">opportunity</span> to delve into the latest technologies, frameworks, and methodologies, each offering new insights and challenges.
This perpetual journey of exploration fuels my excitement, driving me to continuously seek out innovative solutions and refine my skills.
<br>
One aspect of development that particularly captivates me is the design and implementation of <span class="tape tape-green has-text-link-light">advanced systems</span>.
Whether it's crafting complex algorithms or architecting scalable software solutions, I relish the opportunity to tackle intricate problems and bring creative ideas to life.
The satisfaction of seeing a well-designed system seamlessly come together is unparalleled, motivating me to push boundaries and strive for excellence in every project I undertake.
</p>
</section>
<section class="section is-large" id="experiencies">
<h2 class="title">Okay but... What's your educational background and experiencies?</h2>
<ul class="ml-4 cbp_tmtimeline">
<li>
<time class="cbp_tmtime" datetime="2024-07-04">04/07/2024</time>
<div class="cbp_tmicon"></div>
<div class="cbp_tmlabel">
<h3>Second year of Bachelort Universitaire de Technologie at Valence's IUT.</h3>
</div>
</li>
<li>
<time class="cbp_tmtime" datetime="2024-05-28">28/06/2024</time>
<div class="cbp_tmicon"></div>
<div class="cbp_tmlabel">
<h3>Internship as a C# developer at IPM France.</h3>
<p>Dashboard creation with chart automation. Fetching data from multiple sources </p>
<ul class="is-flex is-justify-content-space-between">
<li><a class="tag is-link is-medium"
href="https://learn.microsoft.com/en-us/dotnet/csharp">C#</a></li>
<li><a class="tag is-link is-medium" href="https://www.postgresql.org/">PostgreSQL</a></li>
<li><a class="tag is-link is-medium" href="https://blazor.net/">Blazor</a></li>
<li><a class="tag is-link is-medium"
href="https://apexcharts.github.io/Blazor-ApexCharts/">Blazor ApexCharts</a></li>
<li><a class="tag is-link is-medium" href="https://tabblazor.com/">TabBlazor</a></li>
</ul>
</div>
</li>
<li>
<time class="cbp_tmtime" datetime="2022-06-30">30/06/2022</time>
<div class="cbp_tmicon"></div>
<div class="cbp_tmlabel">
<h3>General Baccalaureate</h3>
<p>General Baccalaureate with honors at Lycée Albert Triboulet, with specialities Mathematics
and Computer Sciences, advanced Mathematics option</p>
</div>
</li>
<li>
<time class="cbp_tmtime" datetime="2019">2019</time>
<div class="cbp_tmicon"></div>
<div class="cbp_tmlabel">
<h3>Self-taught</h3>
</div>
</li>
</ul>
</section>
<section class="section is-large" id="projects">
<h2 class="title">And, what's about your projects?</h2>
<p>I have worked on multiple projects</p>
</section>
<section class="section is-large fixed-grid has-2-cols" id="used-tools">
<h2 class="title">Ohhh okay ! What tools do you use?</h2>
<ul class="ml-4 grid is-gap-8">
<li class="cell">
<h3 class="is-size-3 icon-text">
<span class="icon has-text-white mr-4">
<i class="fas fa-code"></i>
</span>
<span>
Frontend
</span>
</h3>
<ul class="is-flex is-justify-content-space-between is-flex-wrap-wrap">
<li><a href="https://www.typescriptlang.org/">TypeScript</a></li>
<li class="list-separator">•</li>
<li><a href="https://getbootstrap.com/">Bootstrap</a></li>
<li class="list-separator">•</li>
<li><a href="https://tailwindcss.com/">Tailwind CSS</a></li>
<li class="list-separator">•</li>
<li><a href="https://bulma.io/">Bulma</a></li>
</ul>
</li>
<li class="cell">
<h3 class="is-size-3 icon-text">
<span class="icon has-text-white mr-4">
<i class="fas fa-server"></i>
</span>
<span>
Backend
</span>
</h3>
<ul class="is-flex is-justify-content-space-between is-flex-wrap-wrap">
<li><a href="https://www.php.net/">PHP</a></li>
<li class="list-separator">•</li>
<li><a href="https://nodejs.org">Node</a></li>
<li class="list-separator">•</li>
<li><a href="https://laravel.com/">Laravel</a></li>
<li class="list-separator">•</li>
<li><a href="https://symfony.com/">Symfony</a></li>
<li class="list-separator">•</li>
<li><a href="https://learn.microsoft.com/en-us/dotnet/csharp/">C#</a></li>
<li class="list-separator">•</li>
<li><a href="https://www.python.org/">Python</a></li>
<li class="list-separator">•</li>
<li><a href="https://www.java.com/">Java</a></li>
<li class="list-separator">•</li>
<li><a href="https://www.rust-lang.org/">Rust</a></li>
</ul>
</li>
<li class="cell">
<h3 class="is-size-3 icon-text">
<span class="icon has-text-white mr-4">
<i class="fas fa-database"></i>
</span>
<span>
Database
</span>
</h3>
</span>
<ul class="is-flex is-justify-content-space-between is-flex-wrap-wrap">
<li><a href="https://www.postgresql.org/">PostgreSQL</a></li>
<li class="list-separator">•</li>
<li><a href="https://www.mysql.com/">MySQL</a></li>
<li class="list-separator">•</li>
<li><a href="https://www.mongodb.com/">MongoDB</a></li>
<li class="list-separator">•</li>
<li><a href="https://www.sqlite.org/">SQLite</a></li>
</ul>
</li>
<li class="cell">
<h3 class="is-size-3 icon-text">
<span class="icon has-text-white mr-4">
<i class="fas fa-tools"></i>
</span>
<span>
Tools
</span>
</h3>
<ul class="is-flex is-justify-content-space-between is-flex-wrap-wrap is-gap-2">
<li><a href="https://git-scm.com/">Git</a></li>
<li class="list-separator">•</li>
<li><a href="https://github.com/">GitHub</a></li>
<li class="list-separator">•</li>
<li><a href="https://gitlab.com/">GitLab</a></li>
<li class="list-separator">•</li>
<li><a href="https://www.gitkraken.com/">Git Kraken</a></li>
<li class="list-separator">•</li>
<li><a href="https://graphql.org/">GraphQL</a></li>
<li class="list-separator">•</li>
<li><a href="https://visualstudio.microsoft.com/">Visual Studio</a></li>
<li class="list-separator">•</li>
<li><a href="https://code.visualstudio.com/">VS Code</a></li>
<li class="list-separator">•</li>
<li><a href="https://www.jetbrains.com">JetBrains</a></li>
<li class="list-separator">•</li>
<li><a href="https://insomnia.rest/">Insomnia</a></li>
<li class="list-separator">•</li>
<li><a href="https://www.openapis.org/">OpenAPI</a></li>
<li class="list-separator">•</li>
<li><a href="https://swagger.io/">Swagger</a></li>
<li class="list-separator">•</li>
<li><a href="https://www.linux.org/">Linux</a></li>
<li class="list-separator">•</li>
<li><a href="https://www.microsoft.com/windows/">Windows</a></li>
</ul>
</li>
</ul>
</section>
</main>
<footer class="is-flex is-justify-content-space-around">
<p>Made with ♥ by Quentin Bubu</p>
</footer>
</body>
</html>