-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
287 lines (284 loc) · 10.8 KB
/
Copy pathindex.html
File metadata and controls
287 lines (284 loc) · 10.8 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>FAC application</title>
<link rel="stylesheet" href="style.css" />
<script
src="https://kit.fontawesome.com/34b0f0d8d7.js"
crossorigin="anonymous"
></script>
</head>
<body>
<div class="container">
<header id="header">
<h1>A Hatful of Dreams!</h1>
</header>
<main>
<button id="light_dark">
<i class="fas fa-sun"></i>
<i class="fas fa-long-arrow-alt-right"></i>
<i class="fas fa-moon"></i>
</button>
<section class="slideshow-container visible">
<h2><i class="fas fa-heart"></i> This, I like</h2>
<figure class="carouselPhoto visible">
<img src="Images/Juggling.jpg" alt="Juggler" />
<figcaption>
<i
>"Juggling is sometimes called the art of controlling patterns,
controlling patterns in time and space."</i
>
</figcaption>
</figure>
<figure class="carouselPhoto hidden">
<img src="Images/Books.jpg" alt="Books" />
<figcaption>
<i>"A reader lives a thousand lives before they die."</i>
</figcaption>
</figure>
<figure class="carouselPhoto hidden">
<img src="Images/Coffee.jpg" alt="Coffee" />
<figcaption>
<i
>"Black as the devil, hot as hell, pure as an angel, sweet as
love."</i
>
</figcaption>
</figure>
<figure class="carouselPhoto hidden">
<img src="Images/Bycicle.jpg" alt="Bycicle" />
<figcaption>
<i
>"I don’t ride a bike to add days to my life. I ride a bike to
add life to my days"</i
>
</figcaption>
</figure>
<figure class="carouselPhoto hidden">
<img src="Images/Cyberpunk.jpg" alt="SciFi" />
<figcaption>
<i>"Science fiction is an argument with the universe."</i>
</figcaption>
</figure>
<button class="carouselBtn" id="play">
<i class="fas fa-play"></i>
</button>
<button class="carouselBtn" id="pause">
<i class="fas fa-pause"></i>
</button>
<button class="carouselBtn" id="prev">❮</button>
<button class="carouselBtn" id="next">❯</button>
</section>
<section class="content journey hidden">
<h2 class="innerTitle">
<i class="fas fa-shoe-prints"></i> My journey
</h2>
<div class="text-container">
<div>
<p>
Hello everyone! My name is Danilo (he/him) and this is my story!
</p>
<p>
I was born in Italy and lived most of my life in a beautiful
<a
href="https://en.wikipedia.org/wiki/Genzano_di_Roma"
target="_blank"
>village</a
>
by the lake. I’ve always been a daydreamer and growing up I’ve
become an idealist and activist.
</p>
<p>
I got my bachelor degree in Development Studies with the hope to
find my way in some Non-governmental organisations or Charities.
</p>
<p>
Because of my total lack of knowledge of the English language I
planned to move to London and stay for (what it was meant to be)
a short period of time in order to learn the language. There I
worked as a barista until I lost my job due to the recent
pandemic.
</p>
<p>
During these years I’ve learnt how valuable is to live in a
multicultural society and I made some very good friends from
every corner of the globe. And I’ve found the Love of my life!
</p>
</div>
<img
src="Images/Jihyun_and_Danilo.JPG"
alt="Jihyun and Danilo on the snow"
/>
</div>
</section>
<section class="content coding hidden">
<h2 class="innerTitle"><i class="fas fa-laptop-code"></i> Coding</h2>
<div class="text-container">
<p>
My first contact with coding happened in the middle of the
eighties when I was a child and
<a href="Images/Enzo_and_Danilo.JPG" target="_blank"
>with my brother</a
>
used to write some programmes in
<a href="https://en.wikipedia.org/wiki/BASIC" target="_blank"
>BASIC</a
>
and run them on
<a
href="https://en.wikipedia.org/wiki/Commodore_64"
target="_blank"
>Commodore 64</a
>. During the high school I had the opportunity to learn
<a
href="https://en.wikipedia.org/wiki/Turbo_Pascal"
target="_blank"
>Turbo Pascal</a
>
but by the time of the Uni I was lost in Politics and Social
Activism so I put my passion for coding aside until a few months
ago.
</p>
<p>
Talking with my partner, who is a developer, I told about the
passion I once had for coding and that now I regret that I didn’t
follow that path. They invited me to watch some video tutorials
and try freeCodeCamp.
</p>
<p>
I followed their advice and... BOOM!! I was caught and I just
can't get enough! I believe that coding is a very powerful tool
and if used in the right way can make a huge difference in
people's everyday life. I also find coding as a pure form of
expression, with almost no boundaries or limits.
</p>
<p>
Here we are now! I'm dreaming to be a developer! Please don't wake
me up!!
</p>
</div>
</section>
<section class="content fac hidden">
<h2 class="innerTitle">
<i class="fas fa-shapes"></i> Why Founders And Coders?
</h2>
<div class="text-container">
<p>
I've come across Founders and Coders thanks to my partner, who
took part on FAC Cohort 20. They told me how functional is the
peer-led learning system.
</p>
<p>
The values of cooperation, inclusion and social impact at the core
of Founders and Coders are one the main reasons behind my decision
to apply to the next cohort. I've struggled most of my life to
find a way to include my personal values and my academic studies
into a potential career.
</p>
<p>
As a white man I'm conscious to have privileges that are denied to
other groups of people and I appreciate that FAC wants to help,
and wants us to help, to change this. I find the guide on
<a href="https://guidetoallyship.com/" target="_blank"
>how to be a good ally</a
>
a remarkable tool!
</p>
<p>
Being part of the Discord community, attending the coaching
sessions and the meetups, working on the daily challenges have
boost my interest and willing to be a member of the next cohort.
I've learned and improved so much and I would love to continue
this growth.
</p>
<p>
As well as the opportunity to be a mentor for the future cohorts
and have the chance to give back and help others in their learning
is something that makes me think that this is the right place for
me.
</p>
</div>
</section>
<section class="content contacts hidden">
<h2 class="innerTitle">
<i class="far fa-address-book"></i> Contacts
</h2>
<ul>
<li>
<i class="far fa-envelope"></i>
<a href="mailto:danilocupido@gmail.com">
danilocupido@gmail.com</a
>
</li>
<li>
<i class="fas fa-mobile-alt"></i>
<a href="tel:00447818910600"> +44(0)7818910600</a>
</li>
<li>
<i class="fab fa-linkedin-in"></i>
<a
href="https://www.linkedin.com/in/danilocupido/"
target="_blank"
>
linkedin</a
>
</li>
</ul>
</section>
</main>
<aside id="sidebar" class="fixed">
<nav>
<ul class="side-links-box">
<li id="home" class="sideList lightHover">
<i class="fas fa-heart"></i> This, I like
</li>
<li id="journey" class="sideList lightHover">
<i class="fas fa-shoe-prints"></i> My journey
</li>
<li id="coding" class="sideList lightHover">
<i class="fas fa-laptop-code"></i> Coding
</li>
<li id="fac" class="sideList lightHover">
<i class="fas fa-shapes"></i> Why FAC
</li>
<li id="contacts" class="sideList lightHover">
<i class="far fa-address-book"></i> Contacts
</li>
</ul>
</nav>
</aside>
<footer id="footer" class="fixed">
<ul class="main-links">
<li id="github">
<a
class="footerList"
href="https://github.com/danilo-cupido/FAC22-Application"
target="_blank"
><i class="fab fa-github"></i
></a>
</li>
<li id="codewars">
<a
class="footerList"
href="https://www.codewars.com/users/danilo-cupido"
target="_blank"
><i class="fas fa-fan"></i
></a>
</li>
<li id="freecodecamp">
<a
class="footerList"
href="https://www.freecodecamp.org/danilo-cupido"
target="_blank"
><i class="fab fa-free-code-camp"></i
></a>
</li>
</ul>
</footer>
</div>
<script src="script.js"></script>
</body>
</html>