-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
116 lines (107 loc) · 5.82 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
<!DOCTYPE html>
<html lang="en-GB">
<head>
<meta charset=UTF-8>
<meta name=viewport content="initial-scale=1">
<title>Skifli</title>
<link rel="icon" href="https://avatars.githubusercontent.com/u/121291719" />
<script defer src="https://eu.umami.is/script.js" data-website-id="cc78779a-0731-4122-a445-358285f1e3fc"></script>
<link href="assets/css/global.css" rel="stylesheet" />
<link href="assets/css/pages/index.css" rel="stylesheet" />
<link href="assets/css/components/hero-simple.css" rel="stylesheet" />
<link href="assets/css/components/box.css" rel="stylesheet" />
<link href="assets/css/components/blog.css" rel="stylesheet" />
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" type='text/css' href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />
</head>
<body>
<div id="hero-simple">
<h1>Hello <span class="gradient-text">World</span></h1>
<div id="wcb" class="carbonbadge wcb-d"></div>
<script src="https://unpkg.com/[email protected]/b.min.js" defer></script>
<p>
Welcome to my home on the internet 🏳️‍🌈
🏳️‍⚧️
</p>
<br>
<div id="logos">
<a href="https://github.com/skifli" target="_blank" class="custom"><i class='bx bxl-github'></i></a>
<a href="https://linkedin.com/in/aneeq-weerasinghe" target="_blank" class="custom"><i
class='bx bxl-linkedin-square'></i></a>
<a href="https://discord.com/users/1072069875993956372" target="_blank" class="custom"><i
class='bx bxl-discord'></i></a>
<a rel="me" href="https://mastodon.social/@skifli" target="_blank" class="custom"><i
class='bx bxl-mastodon'></i></a>
<a href="https://open.spotify.com/user/316tjwsnuhdcxtqerxuwxbtdeek4" target="_blank" class="custom"><i
class='bx bxl-spotify'></i></a>
</div>
</div>
<div id="content">
<div class="section">
<h2>hiya 👋</h2>
<p>
I'm <b>Skifli</b>, a full-stack developer, 🏓player, 🎹🎺enjoyer, and
🎧addict. I've been interested in technology since a young age, and have been programming since
2020. I know <strike>too many</strike> a lot of languages, including <b>Python</b>, <b>C</b>, <b>Go</b>,
and <b>Rust</b> - somehow 3 / 5 of the most popular programming languages according to <a
href="https://survey.stackoverflow.co/2023/#section-most-popular-technologies-programming-scripting-and-markup-languages"
target="_blank">Stack Overflow's 2023 Developer Survey</a> (I'm not sure how that happened either
😂).
<br>
</p>
<p>
I also partake in the <a href="https://f1inschools.com" target="_blank">F1 in Schools</a> competition -
I'm our team's Sponsorship & Marketing Manager, and also maintain <a href="https://warp-racing.com"
target="_blank">our website</a> (you should check it out, it's pretty cool 😎). In the 2023 -
24 we became the <a href="https://www.instagram.com/p/C4qBbeLOK2m" target="_blank" .>UK National
Champions</a> for Development class 🔥. And yes, I do have an obsession
with emojis - my friends know me as the moyai (🗿) guy.
</p>
</div>
<div class="section">
<h2>skills 💻</h2>
<ul id="skills">
<li>
<p>Expert:</p>
<div class="logos"><img src="https://devicons.railway.app/i/python.svg" height="20px" width="auto"
alt="Python" /><img src="https://devicons.railway.app/i/c.svg" height="20px" width="auto"
alt="C" />
</div>
</li>
<li>
<p>Proficient:</p>
<div class="logos"> <img src="https://devicons.railway.app/i/go.svg" height="20px" width="auto"
alt="Go" /><img src="https://devicons.railway.app/i/html5.svg" height="20px" width="auto"
alt="HTML" /><img src="https://devicons.railway.app/i/css3.svg" height="20px" width="auto"
alt="CSS" /><img src="https://devicons.railway.app/i/javascript.svg" height="20px"
width="auto" alt="JavaScript" />
</div>
</li>
<li>
<p>Competent:</p>
<div class="logos"><img
src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/cplusplus/cplusplus-original.svg"
height="20px" width="auto" alt="C++" /><img
src="https://devicons.railway.app/i/rust-light.svg" height="20px" width="auto"
alt="Rust" /><img
src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/llvm/llvm-original.svg"
height="20px" width="auto" alt="LLVM" />
</div>
</li>
</ul>
</div>
<div class="section">
<h2>latest blogs 📝</h2>
<p>
You can also view all of my <a href="./blog">blog posts</a>.
</p>
<div id="blogs">
</div>
<script type="module">
import { displayBlogs } from "./assets/js/blog.js";
displayBlogs(3);
</script>
</div>
</div>
</body>
</html>