-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcompetence.html
263 lines (238 loc) · 32.4 KB
/
competence.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
<!-- Page "Mes compétences" -->
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="style2.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=Dosis:wght@300&family=Goldman&display=swap" rel="stylesheet" />
<title>Mes compétences</title>
</head>
<body>
<div class="svg_1">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
style="margin:auto;background:#142b4d;display:block;z-index:1;position:relative" width="2281" height="82"
preserveAspectRatio="xMidYMid" viewBox="0 0 2281 82">
<g transform="translate(1140.5,41) scale(1,1) translate(-1140.5,-41)">
<linearGradient id="lg-0.6659249318463232" x1="0" x2="1" y1="0" y2="0">
<stop stop-color="#445d82" offset="0"></stop>
<stop stop-color="#2195f9" offset="1"></stop>
</linearGradient>
<path d="" fill="url(#lg-0.6659249318463232)" opacity="0.4">
<animate attributeName="d" dur="5.88235294117647s" repeatCount="indefinite"
keyTimes="0;0.333;0.667;1" calcMode="spline" keySplines="0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1"
begin="0s"
values="M0 0L 0 75.66977883622893Q 126.72222222222223 112.50597785357472 253.44444444444446 66.29498017638208T 506.8888888888889 55.8940396707043T 760.3333333333334 60.71533537518765T 1013.7777777777778 42.715269654875804T 1267.2222222222222 46.99852748305905T 1520.6666666666667 39.295363996513366T 1774.111111111111 31.478463615037917T 2027.5555555555557 23.439600586333242T 2281 20.114802440485292L 2281 0 Z;M0 0L 0 76.84890267517983Q 126.72222222222223 92.36339114512955 253.44444444444446 65.83959250458685T 506.8888888888889 54.64479981014746T 760.3333333333334 61.87984274663326T 1013.7777777777778 54.30707892704299T 1267.2222222222222 44.045147601934886T 1520.6666666666667 31.904875133735963T 1774.111111111111 33.61922039846944T 2027.5555555555557 24.342575295941216T 2281 19.844608803385476L 2281 0 Z;M0 0L 0 68.54384865579665Q 126.72222222222223 94.84038703655587 253.44444444444446 70.78145901803151T 506.8888888888889 61.43174356468117T 760.3333333333334 63.72539752571702T 1013.7777777777778 44.93292479540649T 1267.2222222222222 47.71586658985462T 1520.6666666666667 39.678009803334405T 1774.111111111111 29.199471749192234T 2027.5555555555557 26.05680534162454T 2281 22.221795270486915L 2281 0 Z;M0 0L 0 75.66977883622893Q 126.72222222222223 112.50597785357472 253.44444444444446 66.29498017638208T 506.8888888888889 55.8940396707043T 760.3333333333334 60.71533537518765T 1013.7777777777778 42.715269654875804T 1267.2222222222222 46.99852748305905T 1520.6666666666667 39.295363996513366T 1774.111111111111 31.478463615037917T 2027.5555555555557 23.439600586333242T 2281 20.114802440485292L 2281 0 Z">
</animate>
</path>
<path d="" fill="url(#lg-0.6659249318463232)" opacity="0.4">
<animate attributeName="d" dur="5.88235294117647s" repeatCount="indefinite"
keyTimes="0;0.333;0.667;1" calcMode="spline" keySplines="0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1"
begin="-1.9607843137254901s"
values="M0 0L 0 69.48979506810184Q 126.72222222222223 112.54139131619739 253.44444444444446 69.73114202069964T 506.8888888888889 63.45620521592626T 760.3333333333334 51.38595534376515T 1013.7777777777778 55.51446013195146T 1267.2222222222222 40.37591833975263T 1520.6666666666667 37.9348854667034T 1774.111111111111 34.03496418539523T 2027.5555555555557 22.671501008486445T 2281 24.35420482513809L 2281 0 Z;M0 0L 0 68.96272005442219Q 126.72222222222223 98.24154322534623 253.44444444444446 63.297245737694304T 506.8888888888889 61.91807556150994T 760.3333333333334 58.86177545854466T 1013.7777777777778 44.80478339012585T 1267.2222222222222 50.863417596569754T 1520.6666666666667 44.24283642052973T 1774.111111111111 27.83981524633345T 2027.5555555555557 30.08359174981139T 2281 23.23258524438024L 2281 0 Z;M0 0L 0 79.9124312085111Q 126.72222222222223 94.14840143117704 253.44444444444446 74.55582593792255T 506.8888888888889 57.49860221821227T 760.3333333333334 61.57804359802637T 1013.7777777777778 57.49344791604664T 1267.2222222222222 49.27617213268388T 1520.6666666666667 33.90205646527765T 1774.111111111111 26.00292065945699T 2027.5555555555557 31.312415497821902T 2281 22.238461961537276L 2281 0 Z;M0 0L 0 69.48979506810184Q 126.72222222222223 112.54139131619739 253.44444444444446 69.73114202069964T 506.8888888888889 63.45620521592626T 760.3333333333334 51.38595534376515T 1013.7777777777778 55.51446013195146T 1267.2222222222222 40.37591833975263T 1520.6666666666667 37.9348854667034T 1774.111111111111 34.03496418539523T 2027.5555555555557 22.671501008486445T 2281 24.35420482513809L 2281 0 Z">
</animate>
</path>
<path d="" fill="url(#lg-0.6659249318463232)" opacity="0.4">
<animate attributeName="d" dur="5.88235294117647s" repeatCount="indefinite"
keyTimes="0;0.333;0.667;1" calcMode="spline" keySplines="0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1"
begin="-3.9215686274509802s"
values="M0 0L 0 76.34475040947156Q 126.72222222222223 111.40589903124828 253.44444444444446 73.54886635464602T 506.8888888888889 62.85471115209746T 760.3333333333334 56.44689410062179T 1013.7777777777778 51.918849864505646T 1267.2222222222222 42.307207201996754T 1520.6666666666667 41.55136878783685T 1774.111111111111 34.20996080515674T 2027.5555555555557 14.859355943719194T 2281 16.09546203614191L 2281 0 Z;M0 0L 0 72.25710265781333Q 126.72222222222223 104.20268447752127 253.44444444444446 68.56636129969598T 506.8888888888889 57.72554448268461T 760.3333333333334 60.46215397460264T 1013.7777777777778 46.60032287832432T 1267.2222222222222 47.37301421340332T 1520.6666666666667 38.20303538368563T 1774.111111111111 31.76242134438656T 2027.5555555555557 28.689304960643803T 2281 16.630783307368638L 2281 0 Z;M0 0L 0 69.12498509670566Q 126.72222222222223 107.83160363176985 253.44444444444446 62.630579544724576T 506.8888888888889 67.67733398670643T 760.3333333333334 54.37769630370739T 1013.7777777777778 56.8361744626537T 1267.2222222222222 47.74958415462331T 1520.6666666666667 40.638010495434784T 1774.111111111111 31.8452479496571T 2027.5555555555557 33.823803098032656T 2281 20.305219992738195L 2281 0 Z;M0 0L 0 76.34475040947156Q 126.72222222222223 111.40589903124828 253.44444444444446 73.54886635464602T 506.8888888888889 62.85471115209746T 760.3333333333334 56.44689410062179T 1013.7777777777778 51.918849864505646T 1267.2222222222222 42.307207201996754T 1520.6666666666667 41.55136878783685T 1774.111111111111 34.20996080515674T 2027.5555555555557 14.859355943719194T 2281 16.09546203614191L 2281 0 Z">
</animate>
</path>
</g>
</svg>
<!-- <svg width="100%" height="100%" id="svg" viewBox="0 0 1440 600" xmlns="http://www.w3.org/2000/svg"
class="transition duration-300 ease-in-out delay-150">
<style>
.path-0 {
animation: pathAnim-0 4s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes pathAnim-0 {
0% {
d: path("M 0,600 C 0,600 0,150 0,150 C 52.34444035346097,133.27282768777616 104.68888070692194,116.54565537555229 161,120 C 217.31111929307806,123.45434462444771 277.5889175257732,147.090206185567 333,156 C 388.4110824742268,164.909793814433 438.9554491899852,159.0935198821797 508,141 C 577.0445508100148,122.90648011782032 664.5892857142858,92.53571428571429 738,108 C 811.4107142857142,123.46428571428571 870.687407952872,184.76362297496317 928,200 C 985.312592047128,215.23637702503683 1040.6610824742268,184.409793814433 1103,173 C 1165.3389175257732,161.590206185567 1234.6682621502212,169.59720176730485 1292,169 C 1349.3317378497788,168.40279823269515 1394.6658689248893,159.20139911634757 1440,150 C 1440,150 1440,600 1440,600 Z"
);
}
25% {
d: path("M 0,600 C 0,600 0,150 0,150 C 75.8772091310751,181.92746686303389 151.7544182621502,213.85493372606774 201,204 C 250.2455817378498,194.14506627393226 272.8595360824743,142.5077319587629 328,128 C 383.1404639175257,113.49226804123711 470.8074374079529,136.1141384388807 544,138 C 617.1925625920471,139.8858615611193 675.9107142857142,121.03571428571429 738,123 C 800.0892857142858,124.96428571428571 865.5497054491902,147.74300441826216 921,142 C 976.4502945508098,136.25699558173784 1021.8904639175255,101.9922680412371 1085,106 C 1148.1095360824745,110.0077319587629 1228.8884388807069,152.28792341678943 1291,166 C 1353.1115611192931,179.71207658321057 1396.5557805596466,164.85603829160527 1440,150 C 1440,150 1440,600 1440,600 Z"
);
}
50% {
d: path("M 0,600 C 0,600 0,150 0,150 C 72.58155375552283,150.0176730486009 145.16310751104567,150.03534609720177 203,143 C 260.83689248895433,135.96465390279823 303.92912371134014,121.8762886597938 359,120 C 414.07087628865986,118.1237113402062 481.1203976435936,128.45949926362297 538,125 C 594.8796023564064,121.54050073637703 641.5892857142857,104.28571428571429 697,99 C 752.4107142857143,93.71428571428571 816.5224594992636,100.39764359351989 877,106 C 937.4775405007364,111.60235640648011 994.3208762886597,116.12371134020617 1057,116 C 1119.6791237113403,115.87628865979383 1188.1940353460973,111.10751104565537 1253,116 C 1317.8059646539027,120.89248895434463 1378.9029823269514,135.4462444771723 1440,150 C 1440,150 1440,600 1440,600 Z"
);
}
75% {
d: path("M 0,600 C 0,600 0,150 0,150 C 47.96539027982328,150.69826951399116 95.93078055964656,151.39653902798233 156,135 C 216.06921944035344,118.60346097201769 288.242268041237,85.11211340206187 359,100 C 429.757731958763,114.88788659793813 499.1001472754051,178.15500736377027 552,183 C 604.8998527245949,187.84499263622973 641.3571428571428,134.26785714285714 704,107 C 766.6428571428572,79.73214285714286 855.4712812960238,78.77356406480118 921,96 C 986.5287187039762,113.22643593519882 1028.7577319587626,148.63788659793812 1076,147 C 1123.2422680412374,145.36211340206188 1175.497790868925,106.67488954344626 1237,101 C 1298.502209131075,95.32511045655374 1369.2511045655374,122.66255522827687 1440,150 C 1440,150 1440,600 1440,600 Z"
);
}
100% {
d: path("M 0,600 C 0,600 0,150 0,150 C 52.34444035346097,133.27282768777616 104.68888070692194,116.54565537555229 161,120 C 217.31111929307806,123.45434462444771 277.5889175257732,147.090206185567 333,156 C 388.4110824742268,164.909793814433 438.9554491899852,159.0935198821797 508,141 C 577.0445508100148,122.90648011782032 664.5892857142858,92.53571428571429 738,108 C 811.4107142857142,123.46428571428571 870.687407952872,184.76362297496317 928,200 C 985.312592047128,215.23637702503683 1040.6610824742268,184.409793814433 1103,173 C 1165.3389175257732,161.590206185567 1234.6682621502212,169.59720176730485 1292,169 C 1349.3317378497788,168.40279823269515 1394.6658689248893,159.20139911634757 1440,150 C 1440,150 1440,600 1440,600 Z"
);
}
}
</style>
<defs>
<linearGradient id="gradient" x1="0%" y1="50%" x2="100%" y2="50%">
<stop offset="5%" stop-color="#002bdc"></stop>
<stop offset="95%" stop-color="#32ded4"></stop>
</linearGradient>
</defs>
<path
d="M 0,600 C 0,600 0,150 0,150 C 52.34444035346097,133.27282768777616 104.68888070692194,116.54565537555229 161,120 C 217.31111929307806,123.45434462444771 277.5889175257732,147.090206185567 333,156 C 388.4110824742268,164.909793814433 438.9554491899852,159.0935198821797 508,141 C 577.0445508100148,122.90648011782032 664.5892857142858,92.53571428571429 738,108 C 811.4107142857142,123.46428571428571 870.687407952872,184.76362297496317 928,200 C 985.312592047128,215.23637702503683 1040.6610824742268,184.409793814433 1103,173 C 1165.3389175257732,161.590206185567 1234.6682621502212,169.59720176730485 1292,169 C 1349.3317378497788,168.40279823269515 1394.6658689248893,159.20139911634757 1440,150 C 1440,150 1440,600 1440,600 Z"
stroke="none" stroke-width="0" fill="url(#gradient)" fill-opacity="0.4"
class="transition-all duration-300 ease-in-out delay-150 path-0" transform="rotate(-180 720 300)">
</path>
<style>
.path-1 {
animation: pathAnim-1 4s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes pathAnim-1 {
0% {
d: path("M 0,600 C 0,600 0,300 0,300 C 65.67986008836525,271.42452135493374 131.3597201767305,242.84904270986746 192,247 C 252.6402798232695,251.15095729013254 308.24097938144325,288.02835051546396 357,306 C 405.75902061855675,323.97164948453604 447.6763622974963,323.03755522827686 512,328 C 576.3236377025037,332.96244477172314 663.0535714285714,343.82142857142856 726,349 C 788.9464285714286,354.17857142857144 828.109351988218,353.6767304860088 887,326 C 945.890648011782,298.3232695139912 1024.5090206185566,243.4716494845361 1087,243 C 1149.4909793814434,242.5283505154639 1195.8545655375553,296.43667157584684 1252,315 C 1308.1454344624447,333.56332842415316 1374.0727172312222,316.7816642120766 1440,300 C 1440,300 1440,600 1440,600 Z"
);
}
25% {
d: path("M 0,600 C 0,600 0,300 0,300 C 57.242452135493366,301.3967231222386 114.48490427098673,302.7934462444772 164,294 C 213.51509572901327,285.2065537555228 255.30283505154642,266.22293814432993 327,285 C 398.6971649484536,303.77706185567007 500.3037555228277,360.31480117820325 561,346 C 621.6962444771723,331.68519882179675 641.4821428571428,246.51785714285717 694,247 C 746.5178571428572,247.48214285714283 831.7676730486008,333.6137702503682 903,342 C 974.2323269513992,350.3862297496318 1031.4471649484535,281.0270618556701 1096,251 C 1160.5528350515465,220.97293814432987 1232.4436671575845,230.27798232695142 1291,245 C 1349.5563328424155,259.7220176730486 1394.7781664212077,279.8610088365243 1440,300 C 1440,300 1440,600 1440,600 Z"
);
}
50% {
d: path("M 0,600 C 0,600 0,300 0,300 C 52.38917525773195,292.21005154639175 104.7783505154639,284.4201030927835 169,291 C 233.2216494845361,297.5798969072165 309.27577319587635,318.5296391752577 379,333 C 448.72422680412365,347.4703608247423 512.1185567010309,355.4613402061856 570,342 C 627.8814432989691,328.5386597938144 680.25,293.62499999999994 733,291 C 785.75,288.37500000000006 838.8814432989691,318.0386597938144 902,318 C 965.1185567010309,317.9613402061856 1038.2242268041236,288.2203608247422 1096,285 C 1153.7757731958764,281.7796391752578 1196.2216494845359,305.0798969072165 1251,312 C 1305.7783505154641,318.9201030927835 1372.889175257732,309.46005154639175 1440,300 C 1440,300 1440,600 1440,600 Z"
);
}
75% {
d: path("M 0,600 C 0,600 0,300 0,300 C 46.77282768777614,281.27448453608247 93.54565537555229,262.548969072165 156,264 C 218.4543446244477,265.451030927835 296.59020618556696,287.07860824742266 355,293 C 413.40979381443304,298.92139175257734 452.09351988217975,289.13659793814435 513,278 C 573.9064801178203,266.86340206185565 657.0357142857142,254.375 731,252 C 804.9642857142858,249.625 869.763622974963,257.36340206185565 933,279 C 996.236377025037,300.63659793814435 1057.909793814433,336.17139175257734 1106,339 C 1154.090206185567,341.82860824742266 1188.597201767305,311.95103092783506 1242,300 C 1295.402798232695,288.04896907216494 1367.7013991163476,294.02448453608247 1440,300 C 1440,300 1440,600 1440,600 Z"
);
}
100% {
d: path("M 0,600 C 0,600 0,300 0,300 C 65.67986008836525,271.42452135493374 131.3597201767305,242.84904270986746 192,247 C 252.6402798232695,251.15095729013254 308.24097938144325,288.02835051546396 357,306 C 405.75902061855675,323.97164948453604 447.6763622974963,323.03755522827686 512,328 C 576.3236377025037,332.96244477172314 663.0535714285714,343.82142857142856 726,349 C 788.9464285714286,354.17857142857144 828.109351988218,353.6767304860088 887,326 C 945.890648011782,298.3232695139912 1024.5090206185566,243.4716494845361 1087,243 C 1149.4909793814434,242.5283505154639 1195.8545655375553,296.43667157584684 1252,315 C 1308.1454344624447,333.56332842415316 1374.0727172312222,316.7816642120766 1440,300 C 1440,300 1440,600 1440,600 Z"
);
}
}
</style>
<defs>
<linearGradient id="gradient" x1="0%" y1="50%" x2="100%" y2="50%">
<stop offset="5%" stop-color="#002bdc"></stop>
<stop offset="95%" stop-color="#32ded4"></stop>
</linearGradient>
</defs>
<path
d="M 0,600 C 0,600 0,300 0,300 C 65.67986008836525,271.42452135493374 131.3597201767305,242.84904270986746 192,247 C 252.6402798232695,251.15095729013254 308.24097938144325,288.02835051546396 357,306 C 405.75902061855675,323.97164948453604 447.6763622974963,323.03755522827686 512,328 C 576.3236377025037,332.96244477172314 663.0535714285714,343.82142857142856 726,349 C 788.9464285714286,354.17857142857144 828.109351988218,353.6767304860088 887,326 C 945.890648011782,298.3232695139912 1024.5090206185566,243.4716494845361 1087,243 C 1149.4909793814434,242.5283505154639 1195.8545655375553,296.43667157584684 1252,315 C 1308.1454344624447,333.56332842415316 1374.0727172312222,316.7816642120766 1440,300 C 1440,300 1440,600 1440,600 Z"
stroke="none" stroke-width="0" fill="url(#gradient)" fill-opacity="0.53"
class="transition-all duration-300 ease-in-out delay-150 path-1" transform="rotate(-180 720 300)">
</path>
<style>
.path-2 {
animation: pathAnim-2 4s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes pathAnim-2 {
0% {
d: path("M 0,600 C 0,600 0,450 0,450 C 47.57676730486011,426.7192562592047 95.15353460972023,403.4385125184094 164,397 C 232.84646539027977,390.5614874815906 322.9626288659793,400.965206185567 379,411 C 435.0373711340207,421.034793814433 456.9959499263623,430.70066273932247 515,446 C 573.0040500736377,461.29933726067753 667.0535714285714,482.23214285714295 736,471 C 804.9464285714286,459.76785714285705 848.7897643593518,416.37076583210603 897,408 C 945.2102356406482,399.62923416789397 997.7873711340208,426.284793814433 1061,448 C 1124.2126288659792,469.715206185567 1198.0607511045653,486.490058910162 1263,486 C 1327.9392488954347,485.509941089838 1383.9696244477173,467.754970544919 1440,450 C 1440,450 1440,600 1440,600 Z"
);
}
25% {
d: path("M 0,600 C 0,600 0,450 0,450 C 52.38365243004418,442.61487481590575 104.76730486008836,435.2297496318115 160,428 C 215.23269513991164,420.7702503681885 273.3144329896908,413.6958762886598 337,429 C 400.6855670103092,444.3041237113402 469.97496318114884,481.9867452135494 532,475 C 594.0250368188512,468.0132547864506 648.7857142857142,416.3571428571428 704,404 C 759.2142857142858,391.6428571428572 814.8821796759943,418.58468335787927 885,432 C 955.1178203240057,445.41531664212073 1039.6855670103091,445.30412371134014 1102,445 C 1164.3144329896909,444.69587628865986 1204.375552282769,444.19882179676 1257,445 C 1309.624447717231,445.80117820324 1374.8122238586157,447.90058910161997 1440,450 C 1440,450 1440,600 1440,600 Z"
);
}
50% {
d: path("M 0,600 C 0,600 0,450 0,450 C 47.876104565537545,483.7453976435935 95.75220913107509,517.490795287187 155,505 C 214.2477908689249,492.50920471281296 284.86726804123714,433.7822164948454 351,425 C 417.13273195876286,416.2177835051546 478.77871870397644,457.38033873343164 544,451 C 609.2212812960236,444.61966126656836 678.0178571428571,390.69642857142856 745,397 C 811.9821428571429,403.30357142857144 877.149852724595,469.8339469808542 932,490 C 986.850147275405,510.1660530191458 1031.3827319587626,483.9677835051546 1089,478 C 1146.6172680412374,472.0322164948454 1217.3192194403534,486.2949189985273 1278,485 C 1338.6807805596466,483.7050810014727 1389.3403902798232,466.8525405007364 1440,450 C 1440,450 1440,600 1440,600 Z"
);
}
75% {
d: path("M 0,600 C 0,600 0,450 0,450 C 69.84554491899854,441.83836524300443 139.69108983799708,433.6767304860088 201,432 C 262.3089101620029,430.3232695139912 315.0811855670102,435.13144329896903 365,450 C 414.9188144329898,464.86855670103097 461.98416789396185,489.79749631811484 525,477 C 588.0158321060381,464.20250368188516 666.9821428571428,413.67857142857144 735,405 C 803.0178571428572,396.32142857142856 860.0872606774668,429.4882179675993 908,432 C 955.9127393225332,434.5117820324007 994.6688144329896,406.3685567010309 1056,418 C 1117.3311855670104,429.6314432989691 1201.2374815905744,481.0375552282769 1269,493 C 1336.7625184094256,504.9624447717231 1388.381259204713,477.48122238586154 1440,450 C 1440,450 1440,600 1440,600 Z"
);
}
100% {
d: path("M 0,600 C 0,600 0,450 0,450 C 47.57676730486011,426.7192562592047 95.15353460972023,403.4385125184094 164,397 C 232.84646539027977,390.5614874815906 322.9626288659793,400.965206185567 379,411 C 435.0373711340207,421.034793814433 456.9959499263623,430.70066273932247 515,446 C 573.0040500736377,461.29933726067753 667.0535714285714,482.23214285714295 736,471 C 804.9464285714286,459.76785714285705 848.7897643593518,416.37076583210603 897,408 C 945.2102356406482,399.62923416789397 997.7873711340208,426.284793814433 1061,448 C 1124.2126288659792,469.715206185567 1198.0607511045653,486.490058910162 1263,486 C 1327.9392488954347,485.509941089838 1383.9696244477173,467.754970544919 1440,450 C 1440,450 1440,600 1440,600 Z"
);
}
}
</style>
<defs>
<linearGradient id="gradient" x1="0%" y1="50%" x2="100%" y2="50%">
<stop offset="5%" stop-color="#002bdc"></stop>
<stop offset="95%" stop-color="#32ded4"></stop>
</linearGradient>
</defs>
<path
d="M 0,600 C 0,600 0,450 0,450 C 47.57676730486011,426.7192562592047 95.15353460972023,403.4385125184094 164,397 C 232.84646539027977,390.5614874815906 322.9626288659793,400.965206185567 379,411 C 435.0373711340207,421.034793814433 456.9959499263623,430.70066273932247 515,446 C 573.0040500736377,461.29933726067753 667.0535714285714,482.23214285714295 736,471 C 804.9464285714286,459.76785714285705 848.7897643593518,416.37076583210603 897,408 C 945.2102356406482,399.62923416789397 997.7873711340208,426.284793814433 1061,448 C 1124.2126288659792,469.715206185567 1198.0607511045653,486.490058910162 1263,486 C 1327.9392488954347,485.509941089838 1383.9696244477173,467.754970544919 1440,450 C 1440,450 1440,600 1440,600 Z"
stroke="none" stroke-width="0" fill="url(#gradient)" fill-opacity="1"
class="transition-all duration-300 ease-in-out delay-150 path-2" transform="rotate(-180 720 300)">
</path>
</svg> -->
</div>
<nav class="navbar">
<a href="index.html">Accueil</a>
<a href="project1.html">Mes projets</a>
<a href="competence.html">Mes compétences</a>
<a href="about.html">Qui suis-je ?</a>
<a href="contact.html">Contact</a>
</nav>
<div class="balisetext">
<h3>Mes compétences</h3>
</div>
<div class="container">
<div class="skills">
<h3>Gestion de projet</h3>
<div class="progress-bar">
<div class="gp"><span>90%</span></div>
</div>
<h3>Graphisme/Photographie</h3>
<div class="progress-bar">
<div class="graphic"><span>70%</span></div>
</div>
<h3>HTML/CSS</h3>
<div class="progress-bar">
<div class="htmlcss"><span>65%</span></div>
</div>
<h3>Python</h3>
<div class="progress-bar">
<div class="python"><span>85%</span></div>
</div>
<h3>PhP</h3>
<div class="progress-bar">
<div class="php"><span>40%</span></div>
</div>
</div>
</div>
<div class="svg_2">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
style="margin:auto;background:#142b4d;display:block;z-index:1;position:relative" width="2281" height="82"
preserveAspectRatio="xMidYMid" viewBox="0 0 2281 82">
<g transform="translate(1140.5,41) scale(1,-1) translate(-1140.5,-41)">
<linearGradient id="lg-0.14888962981202125" x1="0" x2="1" y1="0" y2="0">
<stop stop-color="#445d82" offset="0"></stop>
<stop stop-color="#2195f9" offset="1"></stop>
</linearGradient>
<path d="" fill="url(#lg-0.14888962981202125)" opacity="0.4">
<animate attributeName="d" dur="5.88235294117647s" repeatCount="indefinite"
keyTimes="0;0.333;0.667;1" calcMode="spline" keySplines="0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1"
begin="0s"
values="M0 0L 0 77.91372892092387Q 126.72222222222223 99.07115928129394 253.44444444444446 67.99302304538112T 506.8888888888889 56.54946835781412T 760.3333333333334 60.97254540617595T 1013.7777777777778 49.42584752025279T 1267.2222222222222 34.86588265144178T 1520.6666666666667 32.95486336975439T 1774.111111111111 31.730102148545058T 2027.5555555555557 21.045292742326936T 2281 17.24475882884117L 2281 0 Z;M0 0L 0 73.3039051020541Q 126.72222222222223 113.44125849140747 253.44444444444446 65.5613481704926T 506.8888888888889 65.04701840173965T 760.3333333333334 51.6792754694652T 1013.7777777777778 50.30959901437744T 1267.2222222222222 48.23660383990665T 1520.6666666666667 38.47011226549259T 1774.111111111111 34.298581853595756T 2027.5555555555557 24.221179402218723T 2281 17.713460083938486L 2281 0 Z;M0 0L 0 70.78468388370776Q 126.72222222222223 117.42195995780456 253.44444444444446 65.38353355588973T 506.8888888888889 66.61076150488458T 760.3333333333334 51.677252412141726T 1013.7777777777778 56.45818108817481T 1267.2222222222222 43.705834197984224T 1520.6666666666667 38.48832324735892T 1774.111111111111 26.191427687806467T 2027.5555555555557 29.399555355158185T 2281 22.807635468476526L 2281 0 Z;M0 0L 0 77.91372892092387Q 126.72222222222223 99.07115928129394 253.44444444444446 67.99302304538112T 506.8888888888889 56.54946835781412T 760.3333333333334 60.97254540617595T 1013.7777777777778 49.42584752025279T 1267.2222222222222 34.86588265144178T 1520.6666666666667 32.95486336975439T 1774.111111111111 31.730102148545058T 2027.5555555555557 21.045292742326936T 2281 17.24475882884117L 2281 0 Z">
</animate>
</path>
<path d="" fill="url(#lg-0.14888962981202125)" opacity="0.4">
<animate attributeName="d" dur="5.88235294117647s" repeatCount="indefinite"
keyTimes="0;0.333;0.667;1" calcMode="spline" keySplines="0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1"
begin="-1.9607843137254901s"
values="M0 0L 0 78.30100455053665Q 126.72222222222223 91.61113423824618 253.44444444444446 75.27989106146511T 506.8888888888889 56.147244815841155T 760.3333333333334 55.19443087757564T 1013.7777777777778 53.84613938601714T 1267.2222222222222 38.57472728036621T 1520.6666666666667 34.41235206107388T 1774.111111111111 26.134774678136722T 2027.5555555555557 22.575556929345083T 2281 20.58875489768193L 2281 0 Z;M0 0L 0 67.65530758031315Q 126.72222222222223 95.08103157327396 253.44444444444446 75.35260653640657T 506.8888888888889 61.86173091272388T 760.3333333333334 53.59266108708502T 1013.7777777777778 51.39899771186532T 1267.2222222222222 49.42415810790835T 1520.6666666666667 40.746343930794616T 1774.111111111111 42.04281395769165T 2027.5555555555557 23.245756685151576T 2281 30.731849511855778L 2281 0 Z;M0 0L 0 79.67514593062718Q 126.72222222222223 100.70105575119052 253.44444444444446 71.15005324117038T 506.8888888888889 56.172232788434144T 760.3333333333334 51.86255606495704T 1013.7777777777778 50.92678657218532T 1267.2222222222222 49.37247155499861T 1520.6666666666667 44.291510987472904T 1774.111111111111 31.286241386344642T 2027.5555555555557 26.354402906646236T 2281 18.098111257969606L 2281 0 Z;M0 0L 0 78.30100455053665Q 126.72222222222223 91.61113423824618 253.44444444444446 75.27989106146511T 506.8888888888889 56.147244815841155T 760.3333333333334 55.19443087757564T 1013.7777777777778 53.84613938601714T 1267.2222222222222 38.57472728036621T 1520.6666666666667 34.41235206107388T 1774.111111111111 26.134774678136722T 2027.5555555555557 22.575556929345083T 2281 20.58875489768193L 2281 0 Z">
</animate>
</path>
<path d="" fill="url(#lg-0.14888962981202125)" opacity="0.4">
<animate attributeName="d" dur="5.88235294117647s" repeatCount="indefinite"
keyTimes="0;0.333;0.667;1" calcMode="spline" keySplines="0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1"
begin="-3.9215686274509802s"
values="M0 0L 0 76.32030364689712Q 126.72222222222223 87.5226218884869 253.44444444444446 71.32282507696381T 506.8888888888889 56.99515144674902T 760.3333333333334 55.4264344613983T 1013.7777777777778 46.65868994906455T 1267.2222222222222 42.154868261560054T 1520.6666666666667 40.91999650844436T 1774.111111111111 27.659610239589313T 2027.5555555555557 26.913319091240247T 2281 17.740370954812917L 2281 0 Z;M0 0L 0 72.65469283149426Q 126.72222222222223 92.92638991901119 253.44444444444446 74.90175650530874T 506.8888888888889 63.78508205315909T 760.3333333333334 55.09300508175109T 1013.7777777777778 59.67951198376045T 1267.2222222222222 44.865294969464315T 1520.6666666666667 45.24866574114867T 1774.111111111111 37.855231243334714T 2027.5555555555557 29.926378402654052T 2281 33.36693143903523L 2281 0 Z;M0 0L 0 80.12944910062754Q 126.72222222222223 104.58361624320771 253.44444444444446 69.54278198544758T 506.8888888888889 62.26736062218366T 760.3333333333334 60.74084408612802T 1013.7777777777778 45.448303764134046T 1267.2222222222222 38.603948014424304T 1520.6666666666667 31.021794660170748T 1774.111111111111 32.01440564163504T 2027.5555555555557 20.81757802019537T 2281 12.895741704161011L 2281 0 Z;M0 0L 0 76.32030364689712Q 126.72222222222223 87.5226218884869 253.44444444444446 71.32282507696381T 506.8888888888889 56.99515144674902T 760.3333333333334 55.4264344613983T 1013.7777777777778 46.65868994906455T 1267.2222222222222 42.154868261560054T 1520.6666666666667 40.91999650844436T 1774.111111111111 27.659610239589313T 2027.5555555555557 26.913319091240247T 2281 17.740370954812917L 2281 0 Z">
</animate>
</path>
</g>
</svg>
</div>
</body>