-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
158 lines (149 loc) · 7.79 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
<!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">
<link rel="stylesheet" href="style.css" />
<link rel="icon" type="image/x-icon" href="resources/icons/favicon.ico">
<link rel="preload" href="/resources/background.jpg" as="image" />
<title>Hi, I'm Alfio</title>
<!--Website embed tags-->
<meta name="theme-color" content="#121C25" data-react-helmet="true" />
<meta content="https://alfiot.net" property="og:url" />
<meta property="og:title" content="Hi, I'm Alfio" />
<meta content="I program things and I like math" property="og:description" />
</head>
<body>
<div id="mainContent">
<div id="me">
<h1 class="header">Hi, I'm <strong>Alfio</strong></h1>
<div id="linkIcons">
<a href="https://github.com/p2js" rel="noreferrer" target="_blank">
<img class="icon" src="resources/icons/github.svg" alt="Github" />
</a>
<a href="https://instagram.com/no.moreideas" rel="noreferrer" target="_blank">
<img class="icon" src="resources/icons/instagram.svg" alt="Instagram" />
</a>
<a href="mailto:[email protected]" rel="noreferrer" target="_blank">
<img class="icon" src="resources/icons/email.svg" alt="Email me" />
</a>
<a href="https://discord.com/users/313350543835922432" rel="noreferrer" target="_blank">
<img class="icon" src="resources/icons/discord.svg" alt="Discord" />
</a>
</div>
<hr />
<p class="description"><span id="age"></span><noscript>2005</noscript>, Italian <strong>|</strong> Studying
CS & Math <strong>@</strong> University of St Andrews</p>
<p class="description">Experience in JS/TS, Rust, Java</p>
</div>
<div id="info">
<div id="workingOn">
<h2 class="header">What I'm working on</h2>
<hr />
<ul>
<li class="text">
<a href="https://github.com/p2js/webless" rel="noreferrer" target="_blank">Webless</a>, a
HTML-only web browser built from scratch in Rust.
</li>
<li class="text">
<a href="https://github.com/p2js/rsformat" rel="noreferrer" target="_blank">RSFormat</a>, a
minimal yet powerful JavaScript string formatting and printing library.
</li>
</ul>
</div>
<div id="projects">
<h2 class="header">Some of my projects</h2>
<hr />
<div class="project">
<h3 class="header"><b>Verbena</b></h3>
<div class="projectIcons">
<a href="https://github.com/p2js/verbena" rel="noreferrer" target="_blank">
<img class="icon" src="resources/icons/github.svg" alt="Github" />
</a>
</div>
<p class="text">A TypeScript library that transcompiles mathematical function definitions to native
JS functions in an end-user-safe way.</p>
<img src="resources/thumbnails/verbena.png" alt="Project thumbnail" class="projectThumbnail">
</div>
<div class="project">
<h3 class="header"><b>Televideo Web</b></h3>
<div class="projectIcons">
<a href="/televideo" rel="noreferrer" target="_blank">
<img class="icon" src="resources/icons/link.svg" alt="Link" />
</a>
<a href="https://github.com/p2js/televideo-web" rel="noreferrer" target="_blank">
<img class="icon" src="resources/icons/github.svg" alt="Github" />
</a>
</div>
<p class="text">A better web browser for RAI's Italian teletext service, Televideo.</p>
<img class="projectThumbnail" src="resources/thumbnails/televideo.png" alt="Project thumbnail" />
</div>
<div class="project">
<h3 class="header"><b>Mat-rs</b></h3>
<div class="projectIcons">
<a href="https://github.com/p2js/mat-rs" rel="noreferrer" target="_blank">
<img class="icon" src="resources/icons/github.svg" alt="Github" />
</a>
</div>
<p class="text">A no-std implementation of mathematical matrix types in Rust.</p>
</div>
<div class="project">
<h3 class="header"><b>Shaditor</b></h3>
<div class="projectIcons">
<a href="/shaditor" rel="noreferrer" target="_blank">
<img class="icon" src="resources/icons/link.svg" alt="Link" />
</a>
<a href="https://github.com/p2js/shaditor" rel="noreferrer" target="_blank">
<img class="icon" src="resources/icons/github.svg" alt="Github" />
</a>
</div>
<p class="text">A lightweight and fully client-side browser GLSL shader editor, with flexible frame
controls and local saving.</p>
<img class="projectThumbnail" src="resources/thumbnails/shaditor.png" alt="Project thumbnail" />
</div>
</div>
<div id="more">
<h2 class="header">More about me</h2>
<hr />
<p class="text paragraph">
My interest in programming and development started
when I was in middle school, interested in making
online tools such as a discord bot and an online
chat app.
</p>
<p class="text paragraph">
Since then, I've been working primarily in
JavaScript, building up experience with Node.js
and web frameworks like Solid. More recently,
I've picked up Rust, which I have
been using for several projects.
</p>
<p class="text paragraph">
I'm also very interested in math, with a specific
affinity for analysis and functions, as well as the
more mathematical aspect of programming.
</p>
<p class="text paragraph">
Aside from my areas of study, I'm a massive automotive
enthusiast, fan of endurance racing and avid music listener!
</p>
<p class="text paragraph">
Feel free to reach out via any of the links at the top
if you wanna work with me on something or simply want
to chat. :)
</p>
</div>
</div>
<img class="hidden" style="margin-top: 2em" src="resources/notepad.gif" />
<div class="hidden" id="enlightenment">
<button id="enlightenmentButton">
<img class="icon" src="resources/icons/sun.svg" alt="Disable enlightenment" />
</button>
<span id="enlightenmentTooltip" class="header">For the eyes of the enlightened</span>
</div>
</div>
<img id="background" src="resources/background.jpg" />
<script src="main.js"></script>
</body>
</html>