-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
83 lines (69 loc) · 3.49 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>DBP's Website</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<canvas id="bg"></canvas>
<main>
<header>
<h1>DiamondBroPlayz</h1>
<p id="statusText">🚀 Welcome to my website! I'm currently (LOADING...)</p>
<div style="text-align: center;">
<a href="#" onclick="alert('@4lett')"><i class="fa-brands fa-discord" style="color: #5339cc;"></i></a>
<a href="https://youtube.com/@DiamondBroPlayz" target="_blank"><i class="fa-brands fa-youtube" style="color: #ff2424;"></i></a>
<a href="https://github.com/DiamondBroPlayz" target="_blank"><i class="fa-brands fa-github" style="color: #ffffff;"></i></a>
</div>
</header>
<blockquote>
<p>I like coding stuff and putting it on the internet</p>
</blockquote>
<section class="light">
<h2>👩🏽🚀 Projects</h2>
<ul>
<li><a style="text-decoration: none; color: rgb(102, 78, 235);" href="https://github.com/DiamondBroPlayz/CookieClone">Cookie Clicker Clone</a></li>
<li><a style="text-decoration: none; color: rgb(102, 78, 235);" href="https://wavysblog.github.io/Blog2/">My Coding Blog</a></li>
<li><a style="text-decoration: none; color: rgb(102, 78, 235);" href="https://github.com/DiamondBroPlayz/Auto-Greeter">An Automatic Notification greeter</a></li>
<li><a style="text-decoration: none; color: rgb(102, 78, 235);" href="https://dbpsmath.github.io">An Unblocked Game website</a></li>
<li><a style="text-decoration: none; color: rgb(102, 78, 235);" href="https://github.com/DiamondBroPlayz/DBP-Stress-Tester">A Fake Stress Tester</a></li>
<li><a style="text-decoration: none; color: rgb(102, 78, 235);" href="https://github.com/DiamondBroPlayz/RocketAltitudeCalculator">A Altitude Calculator for Rockets</a></li>
</ul>
<h2>🏆 Accomplishments</h2>
<p>
<ul>
<li>Learned Python</li>
<li>Learned HTML, CSS, JS</li>
<li>Mastered JSON</li>
<li>Hated by Sys-Admins world wide</li>
<li>Learning Node.JS</li>
</ul>
</p>
</section>
<blockquote>
<p>When I wrote this code, only God and I understood what I did. Now only God knows. <br>–Anonymous</p>
</blockquote>
<blockquote>
<p>Thanks for coming to my website!</p>
</blockquote>
</main>
<script type="module" src="/main.js"></script>
<script>
var statusText = document.getElementById('statusText')
var apiUrl = 'https://api.lanyard.rest/v1/users/810226107248803881';
fetch(apiUrl).then(response => {
return response.json();
}).then(data => {
// No need to parse data again, as it's already parsed
statusText.innerHTML = `🚀 Welcome to my website! I'm currently ${data.data.discord_status}`;
console.log(data);
}).catch(err => {
// Do something for an error here
console.error(err);
});
</script>
</body>
</html>