-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·227 lines (198 loc) · 10.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Simone Poggi - Freelance Software Engineer </title>
<meta charset="UTF-8">
<meta name="description" content="Simone Poggi - Freelance Software Engineer">
<meta name="keywords" content="HTML,CSS,JavaScript,React,NodeJs,Development,Web">
<meta name="author" content="Simone Poggi">
<link href="favicon.ico" rel="shortcut icon">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
</head>
<body>
<div class="container">
<div class="block">
<img src="./me.webp" alt="My face" class="photo" width="120">
<h1>Simone Poggi</h1>
<h2><strong>Freelance Software Engineer</strong></h2>
</div>
<div class="content">
<p>I'm a professional freelance software engineer who prouds himself of a
<b>long history of successful projects</b> achieved in <b>15 years of experience</b>.
</p>
<p>
I create <b>delightful, modern and robust web applications</b>, focusing on <b>user needs and immersive
experiences</b>.<br>
I'm also able to <b>hire, mentor and coordinate</b> an high velocity team of developers, with a proven track
record of <b>reducing costs and increasing revenues</b>.<br>
</p>
<h3>🚀 What I can do for you:</h3>
<ul>
<li> Project Management, Code Review, Mentorship, Consulting.</li>
<li> Successfully implement the project within deadlines and budget.</li>
<li> Create and deploy a well structured, high quality code.</li>
<li> Build monitor and maintain large web application from the ground up.</li>
<li> Focus on Performance, Robustness and Attention to Detail.</li>
</ul>
<h3>🛠️ My Tools:</h3>
<ul>
<li>Functional Modern Javascript programming</li>
<li>React, Node.js</li>
<li>Next.js, Redux, Express, Fastify</li>
<li>REST, Websocket, GraphQL interfaces</li>
<li>PostgreSQL, Redis, MongoDB, Prisma</li>
<li>BullMQ, Docker, AWS (EC2, S3, Amplify, Cognito, Cloudwatch)</li>
<li>Unix, Git, Lodash, Tape, Emmet</li>
</ul>
<h3>🤝 We are good fit if:</h3>
<ul>
<li>You look for a <b>high quality solution</b> for your business.</li>
<li>You value <b>performance, stability and security</b> for your apps.</li>
<li>You appreciate an <b>open, honest communication</b> with other professionals.</li>
</ul>
<p class="cta">
If you might be interested, <b>don't hesistate</b>.<br>
Get in touch with me and <b>let's talk about your next project</b>.
</p>
<div class="meta">
<div>
<h3>Education:</h3>
<p>
<a target="_blank" href="https://unige.it/it/">University of Genoa, Italy</a>
<br>
<b>Bachelor of Science in Information Technology, Computer Science</b>
<br> 2003-2009
</p>
</div>
<div>
<h3>Contact Me:</h3>
<ul>
<li>
<a target="_blank" href="mailto:[email protected]">
</a>
</li>
<li>
<a target="_blank" href="tel:+393498327831">
+39 349 832-7-831
</a>
</li>
<li>
<a target="_blank" href="https://t.me/motocarota">
@motocarota
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="block links">
<a target="_blank" href="https://simone-poggi.com/cv-simone-poggi.pdf">
CV
</a>
<a target="_blank" href="https://www.linkedin.com/in/simone-poggi-2a459a241/">
LinkedIn
</a>
<a target="_blank" href="https://stackoverflow.com/cv/simone-poggi">
StackOverflow
</a>
<a target="_blank" href="https://t.me/motocarota">
Telegram
</a>
</div>
</div>
</body>
</html>
<style>
body {
font-family: 'Open Sans', sans-serif;
line-height: 26px;
background-color: #FFBA00;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(223,720,395)'%3E%3Cstop offset='0' stop-color='%23FFBA00'/%3E%3Cstop offset='1' stop-color='%23C80043'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='459' height='382.5' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.14'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}
body,
body * {
-webkit-font-smoothing: antialiased;
}
.container {
max-width: 600px;
background: #fff;
margin: 40px auto;
border-radius: 6px;
box-shadow: 0px 3px 6px;
}
.cta {
text-align: center;
background: white;
padding: 20px 0;
border-radius: 5px;
}
.block {
padding: 30px 40px 24px;
text-align: center;
}
.links>a {
margin: 0 1rem;
}
.content {
padding: 1rem 2rem;
background: #efefef;
}
h2 {
color: #39A0DB;
}
a {
color: #269;
text-decoration: none;
}
a:hover {
color: #1d5884;
text-decoration: underline;
}
.meta {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-around;
justify-content: space-around;
margin: 0 auto;
}
.photo {
border: 3px solid #eee;
border-radius: 100%;
transform: rotate(-1deg);
-webkit-transform: rotate(-1deg);
margin-top: -70px;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.photo:hover {
transform: rotate(-360deg) scaleX(-1);
}
@keyframes c {
0% {
color: #39A0DB;
}
28.6% {
color: violet;
}
57.2% {
color: orange;
}
85.8% {
color: indigo;
}
100% {
color: #39A0DB;
}
}
.an,
strong {
animation: c 10s linear infinite;
}
</style>