diff options
| author | Pinapelz <yukais@pinapelz.com> | 2026-06-14 23:01:14 -0700 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2026-06-14 23:01:14 -0700 |
| commit | 8cb5c1f9d544ff86c2c5f65cc0df477f4ac7ac00 (patch) | |
| tree | 84f1ddc98959ed7c1af882c429a6efb6c16a1f3e /src/components | |
| parent | 47ad1dc45350519e261842b861d9335bc8957972 (diff) | |
update site
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/DiscordStatus.astro | 79 | ||||
| -rw-r--r-- | src/components/Header.astro | 2 |
2 files changed, 1 insertions, 80 deletions
diff --git a/src/components/DiscordStatus.astro b/src/components/DiscordStatus.astro deleted file mode 100644 index 46bebf9..0000000 --- a/src/components/DiscordStatus.astro +++ /dev/null @@ -1,79 +0,0 @@ ---- -const statusColors = { - online: "#43b581", - idle: "#faa61a", - dnd: "#f04747", - offline: "#747f8d", -}; - -const statusText = { - online: "Online", - idle: "Idle", - dnd: "Do Not Disturb", - offline: "Offline", -} - ---- -<section id="discord-status"> - <img src="https://assets-global.website-files.com/6257adef93867e50d84d30e2/636e0a6ca814282eca7172c6_icon_clyde_white_RGB.svg" alt="Discord Avatar" /> - <h2><span id="status-text"></span></h2> -</section> - -<style> - #discord-status { - display: flex; - align-items: center; - padding: 15px; - border-radius: 10px; - color: white; - transition: background-color 0.3s ease-in-out; - } - - #discord-status img { - width: 30px; - height: 30px; - border-radius: 50%; - margin-right: 20px; - } - - #discord-status h2 { - font-size: 1.2rem; - } - - #discord-status p { - font-size: 1rem; - opacity: 0.8; - } -</style> - -<script> - const API_URL = "https://api.lanyard.rest/v1/users/246787839570739211"; - - fetch(API_URL) - .then(response => response.json()) - .then(data => { - const discordUser = data.data.discord_user; - const discordStatus = data.data.discord_status; - - const statusColors = { - online: "#43b581", - idle: "#faa61a", - dnd: "#f04747", - offline: "#747f8d", - }; - - const statusText = { - online: "Online", - idle: "Idle", - dnd: "Do Not Disturb", - offline: "Offline", - }; - - const statusSection = document.getElementById("discord-status"); - const statusTextElement = document.getElementById("status-text"); - - statusSection.style.backgroundColor = statusColors[discordStatus]; - statusTextElement.textContent = statusText[discordStatus]; - }) - .catch(error => console.error(error)); -</script>
\ No newline at end of file diff --git a/src/components/Header.astro b/src/components/Header.astro index dac9a78..9089797 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -9,7 +9,7 @@ </nav> <img id="profilePic" - src="https://files.pinapelz.com/21994085.png" + src="/pfp.png" alt="Profile Picture" /> </header> |
