diff options
Diffstat (limited to 'src/components/DiscordStatus.astro')
| -rw-r--r-- | src/components/DiscordStatus.astro | 79 |
1 files changed, 0 insertions, 79 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 |
