-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathindex.html
80 lines (77 loc) · 3.58 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Tarab1te</title>
<meta name="description" content="My awesome personal website!">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script defer src="js/theme.js"></script>
</head>
<body class="light-mode">
<button id="theme-toggle" class="theme-toggle">
<i class="bi bi-moon-stars-fill"></i>
</button>
<div class="container">
<div class="profile-pic">
<img src="/img/frieren-pfp.jpg" alt="Profile Picture" loading="eager">
</div>
<h1 class="name">Tarab1te</h1>
<div class="description">
<h2>just coding and watching anime</h2>
</div>
<div class="box">
<h2>About Me</h2>
<p>I'm a computer science student with a passion for coding and anime. I tinker with mainly backend. I'm
a trumpet player, basketball player, and developer! I enjoy hanging out with friends and making new
ones! Stay positive!</p>
</div>
<div class="box">
<h2>Achievements</h2>
<ul>
<li>Visited Salesforce, toured the building, and was introduced to the day to day operations at
Salesforce</li>
<li>Contributed and work on many projects for thousands of users</li>
<li>Developed and still developing an app to help teachers with content mangement</li>
<li>Club Officer of the computer science club at my school to help promote computer science</li>
<li>Scaled and combined with multiple Discord bots to over 4,000 clients and over 1.3 million standing
users</li>
</ul>
</div>
</div>
<div class="contact-container">
<div class="box">
<h2>Discord Status: <img class="status" src="/img/statuses/offline.png" alt="Discord status" loading="lazy">
</h2>
</div>
<div class="box">
<h2>Contact Me</h2>
<p>If you want to reach out, feel free to contact me on Discord!</p>
</div>
<div class="box">
<h2>Projects</h2>
<div class="items project-items">
<a href="https://antibot.xyz"><img src="/img/anti-bot.png" alt="anti-bot"></a>
<a href="https://alt-detector.tb1.pw"><img src="/img/altdetector.webp" alt="alt-detector"></a>
<a href="https://github.com/JayyDoesDev/jasper"><img
src="https://github.com/JayyDoesDev/jasper/blob/main/.github/assets/jasper.png?raw=true"
alt="jasper"></a>
<a href=""><img src="/img/zygote.png" alt="Zygote"></a>
<a href="https://vultrex.dev"><img src="https://avatars.githubusercontent.com/u/84299599?s=200&v=4"
alt="vultrex"></a>
</div>
</div>
<div class="box">
<h2>Links</h2>
<div class="items">
<a href="https://github.com/JayyDoesDev"><i class="bi bi-github"></i></a>
</div>
</div>
</div>
<script src="js/presence.js"></script>
<script src="js/particles.js"></script>
</body>
</html>