gooberinc/goober
3
0
Fork 1
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

add little animation

Browse source
This commit is contained in:
WhatDidYouExpect 2025-03-30 22:00:46 +02:00
parent 497566ceae
commit 4eb1f812f2
1 changed files with 65 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

66
cogs/webserver.py
View file

@ -181,7 +181,8 @@ class GooberWeb(commands.Cog):
"authenticated": os.getenv("gooberauthenticated"), "authenticated": os.getenv("gooberauthenticated"),
"lastmsg": os.getenv("gooberlatestgen"), "lastmsg": os.getenv("gooberlatestgen"),
"localversion": os.getenv("gooberlocal_version"), "localversion": os.getenv("gooberlocal_version"),
"latestversion": os.getenv("gooberlatest_version") "latestversion": os.getenv("gooberlatest_version"),
"owner": os.getenv("ownerid")
} }
async def handle_update(self, request): async def handle_update(self, request):
@ -229,12 +230,62 @@ class GooberWeb(commands.Cog):
</div> </div>
""" """
owner_id = stats.get('owner')
owner = None
owner_username = "Owner"
owner_pfp = ""
if owner_id:
try:
owner = await self.bot.fetch_user(int(owner_id))
owner_username = f"{owner.name}#{owner.discriminator}"
owner_pfp = str(owner.avatar.url) if owner and owner.avatar else ""
except:
pass
html_content = f""" html_content = f"""
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>goobs central</title> <title>goobs central</title>
<style> <style>
#loading-screen {{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 9999;
transition: opacity 1.5s ease-out;
}}
#loading-screen.fade-out {{
opacity: 0;
pointer-events: none;
}}
#welcome-message {{
color: #fff;
font-size: 2em;
margin-bottom: 20px;
text-align: center;
text-shadow: 0 0 10px #ff5555;
}}
#owner-avatar {{
width: 100px;
height: 100px;
border-radius: 50%;
object-fit: cover;
border: 3px solid #5f1b1b;
box-shadow: 0 0 20px #ff5555;
}}
body {{ body {{
background-color: #121212; background-color: #121212;
color: #ffffff; color: #ffffff;
@ -516,6 +567,10 @@ class GooberWeb(commands.Cog):
</style> </style>
</head> </head>
<body> <body>
<div id="loading-screen">
<img id="owner-avatar" src="{owner_pfp}" onerror="this.style.display='none'">
<div id="welcome-message"><b>Welcome, {owner_username}</b></div>
</div>
<div class="topnav"> <div class="topnav">
<div class="stat-item" id="ram-usage"> <div class="stat-item" id="ram-usage">
<span class="stat-title">RAM:</span> <span class="stat-title">RAM:</span>
@ -590,6 +645,15 @@ class GooberWeb(commands.Cog):
</div> </div>
</div> </div>
<script> <script>
window.addEventListener('load', function() {{
setTimeout(function() {{
const loadingScreen = document.getElementById('loading-screen');
loadingScreen.classList.add('fade-out');
setTimeout(function() {{
loadingScreen.remove();
}}, 1500);
}}, 1500);
}});
const ws = new WebSocket('ws://' + window.location.host + '/ws'); const ws = new WebSocket('ws://' + window.location.host + '/ws');
ws.onmessage = function(event) {{ ws.onmessage = function(event) {{