-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome3.html
110 lines (108 loc) · 6.39 KB
/
home3.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
<!DOCTYPE html>
<html lang="it">
<head>
<script src="https://kit.fontawesome.com/6fd9d2b408.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="styles/text_style.scss">
<link rel="stylesheet" href="styles/home3/homepage.scss">
<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=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
<link rel="icon" href="assets/images/icon.png">
<meta charset="UTF-8">
<title>Leonardo Biason</title>
</head>
<body>
<div class="left_section">
<div class="avatar"></div>
<div class="name_bg">
<p class="name_text">Leonardo</p>
<p class="name_text">Biason</p>
</div>
</div>
<div class="right_section">
<div class="panel">
<h1>Who am I?</h1>
<p>
I'm Leonardo, I'm 20 and I'm an <b>Artificial Intelligence and Computer Science</b> student at <b>Sapienza</b> in Rome.<br><br>
I'm a passionate <b>photographer</b> and traveler, and I try to keep the memories of my trips within the art of photography.<br><br>
In the year <b>2020/2021</b> I attended to an <b>abroad year</b> in <b>Belgium</b> with <b>AFS</b>.
After returning I became an <b>AFS Volunteer</b>. Thanks to that experience, I'm now able to speak 3 languages: <b>Italian</b>, <b>English</b> and <b>Dutch</b>. I've been a <b>scout</b> (both in Italy and in Belgium) for a total of <b>10 years</b>.<br><br>
I graduated in the year <b>2021/2022</b> at <b>Istituto Salesiano Pio XI</b>, in the scientific address, where I was a <b>representative of the institute</b> itself.
</p>
</div>
<div class="panel">
<h1>What do I like?</h1>
<div class="interests">
<div class="int_element">
<i class="fa-solid fa-camera fa-2xl int_icon"></i>
<p class="int_text"><b>Photography</b></p>
<p class="int_desc">Nikon D80 • ƒ/3.5 - 5.6</p>
</div>
<div class="int_element"></div>
<div class="int_element"></div>
<div class="int_element"></div>
<div class="int_element_2">
<i class="fa-solid fa-terminal fa-2xl int_icon"></i>
<p class="int_text" id="coding_title"><b>Coding</b> • Some languages that I know</p>
<div class="coding_langs">
<div class="code_lang">
<img class="code_icon" src="assets/images/icons/python.svg" alt="Python">
<div class="code_proficiency_bar">
<div class="code_bar_amount" id="code_7"></div>
</div>
</div>
<div class="code_lang">
<img class="code_icon" src="assets/images/icons/latex.svg" alt="LaTeX">
<div class="code_proficiency_bar">
<div class="code_bar_amount" id="code_6"></div>
</div>
</div>
<div class="code_lang">
<img class="code_icon" src="assets/images/icons/html.svg" alt="HTML + CSS">
<div class="code_proficiency_bar">
<div class="code_bar_amount" id="code_6"></div>
</div>
</div>
<div class="code_lang">
<img class="code_icon" src="assets/images/icons/c++.svg" alt="C++">
<div class="code_proficiency_bar">
<div class="code_bar_amount" id="code_5"></div>
</div>
</div>
<div class="code_lang">
<img class="code_icon" src="assets/images/icons/rust.svg" alt="Rust">
<div class="code_proficiency_bar">
<div class="code_bar_amount" id="code_4"></div>
</div>
</div>
<div class="code_lang">
<img class="code_icon" src="assets/images/icons/js.svg" alt="JS">
<div class="code_proficiency_bar">
<div class="code_bar_amount" id="code_3"></div>
</div>
</div>
</div>
</div>
<div class="int_element"></div>
<div class="int_element"></div>
</div>
</div>
<div class="panel">
<h1>What do I do?</h1>
<p>
I take <b>photos</b> in all the places I visit, and I'm building up a <b>portfolio</b> of my experiences.<br><br>
I enjoy programming in <b>Python</b>, but I'm open to learn new coding languages. I am intrigued by the <b>Rust</b> memory paradigm, so I'm learning that language too.
I am also interested in <b>LaTeX</b>, and in presenting scientific topics to other people.<br><br>
I am an admin in the <b>AcsAi Sapienza's course Discord server</b>, with the goal of rounding up a <b>community</b> for all the students of the course and for all
the other people that are interested in the course.<br><br>
I recently started working on the Sapienza Students Network team, building the <a href="https://www.sapienzastudents.net"><b>Sapienza Students</b></a> website. You can find out more about the mission on the <a href="https://github.com/sapienzastudentsnetwork/sapienzastudentsnetwork.github.io">official repository</a>.
</p>
</div>
<div class="panel">
<h1>Contacts</h1>
<p>
Do you want to stay in touch with me? You can contact me by writing an email to <b>[email protected]</b>, or by following me on the socials listed on the left side of this page.<br><br>You just have to click them!
</p>
</div>
</div>
</body>