-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
296 lines (273 loc) · 23 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
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>Bertuz</title>
<meta name="author" content="Matteo Bertamini">
<meta name="description" content="Matteo Bertamini's web page, fullstack developer. Living between Madrid and Italy.">
<link rel="icon" href="/logo.ico" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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=Alegreya&family=Comfortaa&family=Indie+Flower&family=Sawarabi+Mincho&display=swap" rel="stylesheet">
<style>
body {
margin: 0;
padding: 0;
background-color: #EBAB26;
}
.content {
display: flex;
height: calc(100vh);
width: 100%;
margin:0;
padding: 0;
}
.sx {
flex-grow: 1;
background-color: #C9A2EB;
display: flex;
justify-content: center;
align-items: center;
}
.dx {
flex-grow: 1;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
justify-content: flex-start;
overflow-y: scroll;
}
@media (max-width: 600px) {
.sx {
display: none;
}
}
@media only screen
and (max-device-width: 600px) {
.sx {
display: none;
}
}
svg {
background-color: transparent;
}
svg path {
fill:#1f1e1b !important;
}
#svg5 path {
animation-duration: 3s;
animation-name: slidein;
animation-direction: alternate;
animation-iteration-count: infinite;
}
@keyframes slidein {
from {
d: path("m 87.164191,147.58787 c -16.962434,2.19594 -18.076051,34.05388 0.710742,31.77694 10.206037,-1.23701 21.098227,-9.88631 19.809987,-21.06567 -0.36163,-3.13855 -1.29243,-6.24963 -3.94889,-8.24184 -4.023992,-3.01779 -8.753013,-2.26805 -13.377753,-1.96639 -1.12896,.0736 -2.069712,-0.64859 -3.194086,-0.50304 m -2.111481,2.24461 c 1.638371,1.62475 4.329325,0.30917 6.35,-0.1195 3.474085,-0.73701 8.02573,-0.95971 10.83402,1.65066 12.39499,11.52123 -6.405565,29.42015 -19.300686,26.20462 -8.564633,-2.13565 -9.268058,-15.94517 -5.302568,-22.09134 1.691041,-2.62096 4.655468,-4.35409 7.419234,-5.64444 m 7.055556,5.64444 1.763889,-1.05833 h 0.352778 c 0.657966,1.30521 1.379819,1.65509 2.822222,1.76389 -0.580919,-3.45419 -4.117199,-4.94902 -4.938889,-0.70556 m -9.877778,2.82222 c 1.25596,0.19312 1.559031,-0.17988 1.763889,-1.41111 h 0.352778 l 1.411111,1.05834 c 0.410069,-1.2276 -0.623746,-4.60867 -2.289528,-2.53016 -0.843738,0.54631 -1.030958,1.98991 -1.23825,2.88293 m 22.225002,0.35278 .35278,0.35278 -0.35278,-0.35278 m -10.936113,4.23334 0.352778,0.35277 -0.352778,-.35277 m 9.407423,0.11758 0.23516,0.11761 -0.23516,-0.11761 m -1.99909,1.29353 1.05833,-0.70556 -1.05833,0.70556 m -5.644444,-0.35278 c -1.366026,4.95448 -6.446571,8.33921 -8.113889,2.46944 -1.62814,1.70286 -0.0028,4.57842 2.118043,5.13733 3.389136,0.8932 8.153541,-4.6403 5.995846,-7.60677 m 6.467584,2.70464 0.11761,0.23516 -0.11761,-0.23516 m 0.23519,1.88147 0.35278,0.35278 -0.35278,-0.35278 m -7.055551,2.46945 0.352778,0.35277 -0.352778,-0.35277 m 5.644441,0 0.35278,0.35277 -0.35278,-0.35277 m -11.994441,3.52777 1.411111,-1.05833 -1.411111,1.05833 m 0,1.41111 0.352778,0.35278 -0.352778,-0.35278 m 2.469445,0 0.352777,0.35278 -0.352777,-0.35278");
}
to {
d: path("m 87.164191,147.58787 c -16.962434,2.19594 -18.076051,34.05388 0.710742,31.77694 10.206037,-1.23701 21.098227,-9.88631 19.809987,-21.06567 -0.36163,-3.13855 -1.29243,-6.24963 -3.94889,-8.24184 -4.023992,-3.01779 -8.753013,-2.26805 -13.377753,-1.96639 -1.12896,.0736 -2.069712,-0.64859 -3.194086,-0.50304 m -2.111481,2.24461 c 1.638371,1.62475 4.329325,0.30917 6.35,-0.1195 3.474085,-0.73701 8.02573,-0.95971 10.83402,1.65066 12.39499,11.52123 -6.405565,29.42015 -19.300686,26.20462 -8.564633,-2.13565 -9.268058,-15.94517 -5.302568,-22.09134 1.691041,-2.62096 4.655468,-4.35409 7.419234,-5.64444 m 7.055556,5.64444 1.763889,-1.05833 h 0.352778 c 0.657966,1.30521 1.379819,1.65509 2.822222,1.76389 -0.580919,-3.45419 -4.117199,-4.94902 -4.938889,-0.70556 m -9.877778,2.82222 c 1.25596,0.19312 1.559031,-0.17988 1.763889,-1.41111 h 0.352778 l 1.411111,1.05834 c 0.410069,-1.2276 -0.623746,-4.60867 -2.289528,-2.53016 -0.843738,0.54631 -1.030958,1.98991 -1.23825,2.88293 m 22.225002,0.35278 .35278,0.35278 -0.35278,-0.35278 m -10.936113,4.23334 0.352778,0.35277 -0.352778,-.35277 m 9.407423,0.11758 0.23516,0.11761 -0.23516,-0.11761 m -1.99909,1.29353 1.05833,-0.70556 -1.05833,0.70556 m -5.644444,-0.35278 c -1.366026,4.95448 -9.446571,8.33921 -8.113889,2.46944 -1.62814,1.70286 -0.0028,4.57842 2.118043,5.13733 3.389136,0.8932 8.153541,-9.6403 5.995846,-7.60677 m 6.467584,2.70464 0.11761,0.23516 -0.11761,-0.23516 m 0.23519,1.88147 0.35278,0.35278 -0.35278,-0.35278 m -9.055551,2.46945 0.352778,0.35277 -0.352778,-0.35277 m 5.644441,0 0.35278,0.35277 -0.35278,-0.35277 m -11.994441,3.52777 1.411111,-1.05833 -1.411111,1.05833 m 0,5.41111 0.352778,0.35278 -0.352778,-0.35278 m 2.469445,0 0.352777,0.35278 -0.352777,-0.35278");
}
}
#presentation-image {
animation-duration: 3s;
animation-name: nodface;
animation-direction: alternate;
animation-iteration-count: infinite;
}
@keyframes nodface {
from {
margin-top: 0px;
}
to {
margin-top: 10px;
}
}
</style>
</head>
<body>
<div class="content">
<aside class="sx">
<svg width="250px" height="250px" id="presentation-image">
<svg
width="250px"
height="250px"
viewBox="0 0 33.675919 31.912769"
version="1.1"
id="svg5"
inkscape:version="1.1.2 (b8e25be8, 2022-02-05)"
sodipodi:docname="test.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ff0000"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:document-units="mm"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:lockguides="false"
inkscape:zoom="6.4960711"
inkscape:cx="76.892631"
inkscape:cy="47.259335"
inkscape:window-width="2560"
inkscape:window-height="1440"
inkscape:window-x="1440"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="layer1" />
<defs
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-74.113176,-147.56844)">
<path
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.352778"
d="m 87.164191,147.58787 c -16.962434,2.19594 -18.076051,34.05388 0.710742,31.77694 10.206037,-1.23701 21.098227,-9.88631 19.809987,-21.06567 -0.36163,-3.13855 -1.29243,-6.24963 -3.94889,-8.24184 -4.023992,-3.01779 -8.753013,-2.26805 -13.377753,-1.96639 -1.12896,0.0736 -2.069712,-0.64859 -3.194086,-0.50304 m -2.111481,2.24461 c 1.638371,1.62475 4.329325,0.30917 6.35,-0.1195 3.474085,-0.73701 8.02573,-0.95971 10.83402,1.65066 12.39499,11.52123 -6.405565,29.42015 -19.300686,26.20462 -8.564633,-2.13565 -9.268058,-15.94517 -5.302568,-22.09134 1.691041,-2.62096 4.655468,-4.35409 7.419234,-5.64444 m 7.055556,5.64444 1.763889,-1.05833 h 0.352778 c 0.657966,1.30521 1.379819,1.65509 2.822222,1.76389 -0.580919,-3.45419 -4.117199,-4.94902 -4.938889,-0.70556 m -9.877778,2.82222 c 1.25596,0.19312 1.559031,-0.17988 1.763889,-1.41111 h 0.352778 l 1.411111,1.05834 c 0.410069,-1.2276 -0.623746,-3.60867 -2.289528,-2.53016 -0.843738,0.54631 -1.030958,1.98991 -1.23825,2.88293 m 13.052778,5.64445 c -1.366026,4.95448 -5.446571,8.33921 -8.113889,2.46944 -1.62814,1.70286 -0.0028,4.57842 2.118043,5.13733 3.389136,0.8932 8.153541,-4.6403 5.995846,-7.60677 m -4.233332,11.99444 c 0.390915,0.39092 0.390915,0.39092 0,0"
id="path21"
sodipodi:nodetypes="cccsccccccccccccccccccccccccc" />
<path
style="opacity:0.79;fill:#e3dbdb;fill-opacity:1;stroke:#000000;stroke-width:0.135443"
d=""
id="path5824"
transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)" />
<path
style="opacity:0.79;fill:#e3dbdb;fill-opacity:1;stroke:#000000;stroke-width:0.135443"
d=""
id="path5863"
transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)" />
<path
style="opacity:0.79;fill:#e3dbdb;fill-opacity:1;stroke:#000000;stroke-width:0.135443"
d=""
id="path5902"
transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)" />
<path
style="opacity:0.79;fill:#e3dbdb;fill-opacity:1;stroke:#000000;stroke-width:0.135443"
d=""
id="path5941"
transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)" />
<path
style="opacity:0.79;fill:#e3dbdb;fill-opacity:1;stroke:#000000;stroke-width:0.135443"
d=""
id="path5980"
transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)" />
<path
style="opacity:0.79;fill:#808080;fill-opacity:1;stroke:#000000;stroke-width:0.135443"
d=""
id="path6097"
transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)" />
<path
style="opacity:0.79;fill:#808080;fill-opacity:1;stroke:#000000;stroke-width:0.135443"
d=""
id="path6212"
transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)" />
<path
style="opacity:0.79;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.000902952;stroke-miterlimit:4;stroke-dasharray:none"
d="m 59.368185,90.959219 c -0.04927,-0.0057 -0.237413,-0.02496 -0.418086,-0.04288 -3.103629,-0.307957 -6.398781,-2.204867 -8.772625,-5.05011 -1.842432,-2.208303 -2.999362,-4.797397 -3.26227,-7.300634 -0.05478,-0.521576 -0.06233,-1.53025 -0.01494,-1.996142 0.168802,-1.659466 0.74111,-3.143054 1.716494,-4.449645 0.319029,-0.427361 0.702902,-0.863042 0.732456,-0.83131 0.01281,0.01375 0.100407,0.192982 0.194667,0.398292 1.5297,3.331882 3.525686,6.291667 5.481393,8.128185 3.253006,3.054754 6.814575,3.896666 10.569401,2.498481 0.460917,-0.171632 1.324064,-0.582611 1.806728,-0.860257 1.672986,-0.962361 3.351383,-2.401696 4.893982,-4.196909 2.571999,-2.993184 4.782655,-6.900164 6.46322,-11.422701 0.38724,-1.042094 0.954153,-2.782712 1.186614,-3.643319 0.02884,-0.106762 0.06189,-0.204892 0.07344,-0.218068 0.03884,-0.04429 0.607876,0.866021 0.874889,1.399584 1.790148,3.577184 1.476052,8.157231 -0.890749,12.988606 -2.749978,5.613558 -7.90191,10.694755 -13.297399,13.114829 -1.799784,0.807268 -3.560096,1.290675 -5.310625,1.458374 -0.418141,0.04006 -1.753921,0.05695 -2.026596,0.02563 z"
id="path7542"
transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)" />
<path
style="opacity:0.79;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.000902952;stroke-miterlimit:4;stroke-dasharray:none"
d="m 58.935168,90.901335 c -0.549936,-0.06542 -0.908685,-0.130415 -1.408888,-0.25524 -3.231748,-0.806478 -6.36673,-3.133663 -8.402699,-6.237556 -1.358331,-2.070815 -2.121649,-4.264381 -2.223225,-6.388932 -0.06205,-1.297912 0.0818,-2.380266 0.465099,-3.499289 0.377203,-1.101239 1.044627,-2.222556 1.833649,-3.080652 l 0.135697,-0.147577 0.356053,0.742353 c 2.146641,4.475642 4.648822,7.671074 7.343731,9.378376 2.392178,1.515514 4.887922,1.931111 7.499946,1.248908 1.604511,-0.419062 3.242646,-1.276653 4.804047,-2.514999 1.250609,-0.991856 2.601655,-2.371833 3.737132,-3.817158 2.842561,-3.618237 5.210763,-8.424409 6.772758,-13.745053 0.08823,-0.300543 0.172694,-0.548608 0.187694,-0.551254 0.03947,-0.007 0.331288,0.434858 0.608533,0.921348 0.685625,1.203093 1.11284,2.546298 1.305096,4.103368 0.07412,0.600298 0.07507,2.177862 0.0017,2.822079 -0.262197,2.30216 -0.95524,4.49636 -2.169448,6.868553 -1.92685,3.764486 -4.925278,7.292584 -8.438689,9.929375 -3.302971,2.478859 -6.756611,3.948919 -9.959401,4.239273 -0.486508,0.04411 -2.02848,0.03408 -2.448788,-0.01592 z"
id="path7581"
transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)" />
<path
style="opacity:0.79;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.000902952;stroke-miterlimit:4;stroke-dasharray:none"
d="m 58.923267,90.887176 c -3.643126,-0.403566 -7.414521,-2.899106 -9.768303,-6.463705 -1.421947,-2.153418 -2.179031,-4.398566 -2.245644,-6.65951 -0.04596,-1.559823 0.232527,-2.881713 0.887074,-4.210721 0.390621,-0.793127 0.851937,-1.487748 1.345037,-2.025272 l 0.186784,-0.203612 0.530353,1.069647 c 0.597886,1.205851 0.862094,1.696485 1.388338,2.578137 1.864761,3.124158 3.924694,5.365644 6.116631,6.655724 2.745458,1.615859 5.699503,1.79362 8.688804,0.522855 2.991075,-1.271519 5.923465,-3.977499 8.491606,-7.835966 2.115095,-3.177795 3.865318,-6.991991 5.193579,-11.31818 0.12355,-0.402408 0.238387,-0.775325 0.255191,-0.828706 0.0168,-0.05338 0.04132,-0.09706 0.05448,-0.09706 0.05744,0 0.561737,0.823612 0.820267,1.339654 0.530906,1.05973 0.847131,2.114629 1.053119,3.513128 0.04371,0.296753 0.05269,0.563715 0.05224,1.55289 -5.97e-4,1.2722 -0.01009,1.398712 -0.180658,2.403994 -1.014724,5.980564 -5.646033,12.601362 -11.613477,16.602327 -2.48555,1.666474 -4.908542,2.72508 -7.346365,3.209627 -0.948585,0.188543 -1.130069,0.204322 -2.448788,0.212905 -0.673417,0.0044 -1.330539,-0.0038 -1.46027,-0.01816 z"
id="path7620"
transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)" />
<path
style="opacity:0.79;fill:#ffffff;fill-opacity:1;stroke:#e14c4c;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 58.800783,90.869119 c -1.387946,-0.207653 -2.556862,-0.57643 -3.777704,-1.191816 -1.035764,-0.522095 -1.913754,-1.102219 -2.868531,-1.895358 -0.47429,-0.393996 -1.506659,-1.426782 -1.907955,-1.908725 -1.624054,-1.950437 -2.719882,-4.16503 -3.133405,-6.332394 -0.216228,-1.133295 -0.257134,-2.441457 -0.107592,-3.44077 0.181269,-1.211331 0.645619,-2.425081 1.350483,-3.529984 0.275545,-0.43193 0.933027,-1.251732 0.97185,-1.211783 0.008,0.0082 0.239282,0.465121 0.514003,1.015351 0.588689,1.17907 0.939186,1.827819 1.427864,2.6429 1.118236,1.865137 2.166088,3.240106 3.437745,4.51094 1.130146,1.129416 2.187335,1.909361 3.376524,2.491045 1.355228,0.662901 2.628773,0.965469 4.061405,0.964908 2.093222,-8.22e-4 4.105129,-0.679647 6.193693,-2.089777 1.530495,-1.033342 3.110177,-2.524816 4.516704,-4.264499 2.873086,-3.553616 5.155311,-8.071782 6.891869,-13.643972 0.147836,-0.47437 0.277129,-0.870805 0.287318,-0.880967 0.03214,-0.03205 0.15436,0.13537 0.399932,0.547826 0.741496,1.245408 1.130982,2.308306 1.412052,3.853463 l 0.09778,0.537539 v 1.418506 c 0,1.559657 -0.0056,1.62844 -0.22768,2.777284 -0.340633,1.762443 -1.049154,3.741927 -1.987434,5.552544 -0.797292,1.538549 -1.764449,3.031013 -2.864788,4.434253 -1.589509,2.027068 -3.456935,3.867945 -5.491696,5.392592 -2.854524,2.138896 -5.687029,3.489835 -8.511033,4.059264 -0.944517,0.190451 -0.927108,0.189081 -2.508515,0.197367 -0.804815,0.0042 -1.503615,0.0016 -1.55289,-0.0057 z"
id="path7659"
transform="matrix(0.26458333,0,0,0.26458333,74.113176,147.56844)"
sodipodi:nodetypes="csssssscssssssssssscscssssscc" />
</g>
</svg>
</svg>
<!-- <svg-->
<!-- viewBox="0 0 33.675919 31.912769"-->
<!-- version="1.1"-->
<!-- id="svg5"-->
<!-- inkscape:version="1.1.2 (b8e25be8, 2022-02-05)"-->
<!-- sodipodi:docname="drawing.svg"-->
<!-- xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"-->
<!-- xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"-->
<!-- xmlns="http://www.w3.org/2000/svg"-->
<!-- xmlns:svg="http://www.w3.org/2000/svg">-->
<!-- <sodipodi:namedview-->
<!-- id="namedview7"-->
<!-- pagecolor="#ffffff"-->
<!-- bordercolor="#666666"-->
<!-- borderopacity="1.0"-->
<!-- inkscape:pageshadow="2"-->
<!-- inkscape:pageopacity="0.0"-->
<!-- inkscape:pagecheckerboard="0"-->
<!-- inkscape:document-units="mm"-->
<!-- showgrid="false"-->
<!-- fit-margin-top="0"-->
<!-- fit-margin-left="0"-->
<!-- fit-margin-right="0"-->
<!-- fit-margin-bottom="0"-->
<!-- inkscape:lockguides="false"-->
<!-- inkscape:zoom="7.4535838"-->
<!-- inkscape:cx="78.68698"-->
<!-- inkscape:cy="50.311368"-->
<!-- inkscape:window-width="2560"-->
<!-- inkscape:window-height="1440"-->
<!-- inkscape:window-x="1440"-->
<!-- inkscape:window-y="0"-->
<!-- inkscape:window-maximized="0"-->
<!-- inkscape:current-layer="layer1" />-->
<!-- <defs-->
<!-- id="defs2" />-->
<!-- <g-->
<!-- inkscape:label="Layer 1"-->
<!-- inkscape:groupmode="layer"-->
<!-- id="layer1"-->
<!-- transform="translate(-74.113176,-147.56844)">-->
<!-- <path-->
<!-- d="m 87.164191,147.58787 c -16.962434,2.19594 -18.076051,34.05388 0.710742,31.77694 10.206037,-1.23701 21.098227,-9.88631 19.809987,-21.06567 -0.36163,-3.13855 -1.29243,-6.24963 -3.94889,-8.24184 -4.023992,-3.01779 -8.753013,-2.26805 -13.377753,-1.96639 -1.12896,.0736 -2.069712,-0.64859 -3.194086,-0.50304 m -2.111481,2.24461 c 1.638371,1.62475 4.329325,0.30917 6.35,-0.1195 3.474085,-0.73701 8.02573,-0.95971 10.83402,1.65066 12.39499,11.52123 -6.405565,29.42015 -19.300686,26.20462 -8.564633,-2.13565 -9.268058,-15.94517 -5.302568,-22.09134 1.691041,-2.62096 4.655468,-4.35409 7.419234,-5.64444 m 7.055556,5.64444 1.763889,-1.05833 h 0.352778 c 0.657966,1.30521 1.379819,1.65509 2.822222,1.76389 -0.580919,-3.45419 -4.117199,-4.94902 -4.938889,-0.70556 m -9.877778,2.82222 c 1.25596,0.19312 1.559031,-0.17988 1.763889,-1.41111 h 0.352778 l 1.411111,1.05834 c 0.410069,-1.2276 -0.623746,-4.60867 -2.289528,-2.53016 -0.843738,0.54631 -1.030958,1.98991 -1.23825,2.88293 m 22.225002,0.35278 .35278,0.35278 -0.35278,-0.35278 m -10.936113,4.23334 0.352778,0.35277 -0.352778,-.35277 m 9.407423,0.11758 0.23516,0.11761 -0.23516,-0.11761 m -1.99909,1.29353 1.05833,-0.70556 -1.05833,0.70556 m -5.644444,-0.35278 c -1.366026,4.95448 -6.446571,8.33921 -8.113889,2.46944 -1.62814,1.70286 -0.0028,4.57842 2.118043,5.13733 3.389136,0.8932 8.153541,-4.6403 5.995846,-7.60677 m 6.467584,2.70464 0.11761,0.23516 -0.11761,-0.23516 m 0.23519,1.88147 0.35278,0.35278 -0.35278,-0.35278 m -7.055551,2.46945 0.352778,0.35277 -0.352778,-0.35277 m 5.644441,0 0.35278,0.35277 -0.35278,-0.35277 m -11.994441,3.52777 1.411111,-1.05833 -1.411111,1.05833 m 0,1.41111 0.352778,0.35278 -0.352778,-0.35278 m 2.469445,0 0.352777,0.35278 -0.352777,-0.35278"-->
<!-- id="tttt"-->
<!-- sodipodi:nodetypes="cccscccccccccccccccccccccccccccccccccccccccccccccccccccccccc" />-->
<!-- </g>-->
<!-- </svg>-->
</aside>
<main class="dx">
<article style=" text-align: center; background-color: #EBAB26;height: 80vh; flex-shrink: 0; display: flex; flex-direction: column; justify-content: center;">
<h1 style="font-size: 2rem; line-height: 1rem; font-family: 'Comfortaa', cursive;font-family: 'Indie Flower', cursive;">Matteo Bertamini</h1>
<p style="margin: 0; text-align: center;font-family: 'Alegreya', serif;text-transform: uppercase;">
Fullstack Developer
</p>
</article>
<article style="height: 70vh; background-color: #CFC3B6; flex-shrink: 0; padding: 20px;">
<p style="font-family: 'Alegreya', serif; font-size: 1.2em;">
Hi! My presentation will be placed here, one day :P
</p>
</article>
<article style="height: 70vh; background-color: #DDF4C8; flex-shrink: 0; padding: 20px;">
<p style="font-family: 'Alegreya', serif; font-size: 1.2em;">
Come near, ladies and gentlemen!
</p>
</article>
<footer style="background-color: #EBAB26; flex-shrink: 0; text-align: center">
<p style="text-align: center;font-family: 'Alegreya', serif;text-transform: uppercase;">
Matteo Bertamini 2022
</p>
</footer>
</main>
</div>
</body>
</html>