mat/matdoesdev
1
0
Fork 0
mirror of https://github.com/mat-1/matdoesdev.git synced 2025-08-02 14:46:04 +00:00
Code Activity Actions

fix noscript styling

Browse source
This commit is contained in:
mat 2024-03-19 17:58:40 -05:00
parent 577a94cca4
commit 6064c585fc
1 changed files with 103 additions and 93 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

196
src/routes/retro/+page.svelte
View file

@ -107,98 +107,100 @@
<tr> <tr>
<td valign="top" class="left-sidebar-container" width="200"> <td valign="top" class="left-sidebar-container" width="200">
<table class="left-sidebar" width="210" cellspacing="0"> <table class="left-sidebar" width="210" cellspacing="0">
<tr> <tbody>
<td class="website-status-container"> <tr>
<h3>Website status</h3> <td class="website-status-container">
<div class="website-status-value"> <h3>Website status</h3>
<table> <div class="website-status-value">
<tr> <table>
<td>probably</td> <tr>
<td><span class="status-up">Up!</span></td> <td>probably</td>
</tr> <td><span class="status-up">Up!</span></td>
</table> </tr>
</div> </table>
</td> </div>
</tr> </td>
<tr class="spacing"></tr> </tr>
<tr> <tr class="spacing hidden-if-noscript"></tr>
<td class="current-time-cst-container"> <tr class="hidden-if-noscript">
<h3>Current time for me</h3> <td class="current-time-cst-container">
<div class="current-time-cst-value">{currentTimeInCst}</div> <h3>Current time for me</h3>
<div class="current-time-cst-info">(CST)</div> <div class="current-time-cst-value">{currentTimeInCst}</div>
</td> <div class="current-time-cst-info">(CST)</div>
</tr> </td>
<tr class="spacing"></tr> </tr>
<tr> <tr class="spacing"></tr>
<td class="active-minecraft-servers-container"> <tr>
<h3>Active Minecraft servers</h3> <td class="active-minecraft-servers-container">
<div class="active-minecraft-servers-value"> <h3>Active Minecraft servers</h3>
<a <div class="active-minecraft-servers-value">
href="https://grafana.scanner.matdoes.dev/d/MVK-dYM4z/scanner-stats?orgId=1&refresh=1m" <a
> href="https://grafana.scanner.matdoes.dev/d/MVK-dYM4z/scanner-stats?orgId=1&refresh=1m"
{status.active_minecraft_servers.toLocaleString()} >
</a> {status.active_minecraft_servers.toLocaleString()}
</div> </a>
</td> </div>
</tr> </td>
<tr class="spacing"></tr> </tr>
<tr> <tr class="spacing"></tr>
<td class="days-since-last-complaint-container"> <tr>
<h3>Days since last complaint</h3> <td class="days-since-last-complaint-container">
<div class="days-since-last-complaint-value"> <h3>Days since last complaint</h3>
{daysSinceLastComplaint.toString().padStart(3, '0')} <div class="days-since-last-complaint-value">
</div> {daysSinceLastComplaint.toString().padStart(3, '0')}
<div class="time-ago">({hoursSinceLastComplaint} hours ago)</div> </div>
</td> <div class="time-ago">({hoursSinceLastComplaint} hours ago)</div>
</tr> </td>
<tr class="spacing"></tr> </tr>
<tr> <tr class="spacing hidden-if-noscript"></tr>
<td class="neko-status-container"> <tr>
<div class="neko-status-title-container"> <td class="neko-status-container hidden-if-noscript">
<h3>Neko status</h3> <div class="neko-status-title-container">
<div <h3>Neko status</h3>
id="oneko" <div
aria-hidden="true" id="oneko"
style="background-image: url(/retro/oneko.gif)" aria-hidden="true"
bind:this={nekoEl} style="background-image: url(/retro/oneko.gif)"
></div> bind:this={nekoEl}
</div> ></div>
<div class="neko-status-value"> </div>
<span class="status-{nekoSpriteIdsToStatuses[nekoSpriteName]}" <div class="neko-status-value">
>{nekoSpriteIdsToNames[nekoSpriteName]}</span <span class="status-{nekoSpriteIdsToStatuses[nekoSpriteName]}"
> >{nekoSpriteIdsToNames[nekoSpriteName]}</span
</div> >
</td> </div>
</tr> </td>
<tr class="spacing"></tr> </tr>
<tr> <tr class="spacing"></tr>
<td class="minecraft-uuids-scraped-container"> <tr>
<h3>Minecraft UUIDs scraped</h3> <td class="minecraft-uuids-scraped-container">
<div class="minecraft-uuids-scraped-value"> <h3>Minecraft UUIDs scraped</h3>
<a href="https://mowojang.matdoes.dev"> <div class="minecraft-uuids-scraped-value">
{status.minecraft_uuids_scraped.toLocaleString()} <a href="https://mowojang.matdoes.dev">
</a> {status.minecraft_uuids_scraped.toLocaleString()}
</div> </a>
</td> </div>
</tr> </td>
<tr class="spacing"></tr> </tr>
<tr> <tr class="spacing"></tr>
<td class="buttons-scraped-container"> <tr>
<h3>88x31s scraped</h3> <td class="buttons-scraped-container">
<div class="buttons-scraped-value"> <h3>88x31s scraped</h3>
<a href="/buttons">{status.buttons_scraped.toLocaleString()}</a> <div class="buttons-scraped-value">
</div> <a href="/buttons">{status.buttons_scraped.toLocaleString()}</a>
</td> </div>
</tr> </td>
<tr class="spacing"></tr> </tr>
<tr> <tr class="spacing"></tr>
<td class="data-last-updated"> <tr>
<h3>Data last updated</h3> <td class="data-last-updated">
<div class="data-last-updated-date"> <h3>Data last updated</h3>
{browser ? `${timeAgo(lastUpdatedAt)} ago` : lastUpdatedAt.toISOString()} <div class="data-last-updated-date">
</div> {browser ? `${timeAgo(lastUpdatedAt)} ago` : lastUpdatedAt.toISOString()}
</td> </div>
</tr> </td>
</tr>
</tbody>
</table> </table>
</td> </td>
<td valign="top"> <td valign="top">
@ -342,6 +344,14 @@
<tr><td><p class="last-updated">Page last updated: March 19, 2024</p></td></tr> <tr><td><p class="last-updated">Page last updated: March 19, 2024</p></td></tr>
</table> </table>
<noscript>
<style>
.hidden-if-noscript {
display: none;
}
</style>
</noscript>
<style> <style>
.right-sidebar { .right-sidebar {
text-align: right; text-align: right;
@ -407,7 +417,7 @@
.left-sidebar-container { .left-sidebar-container {
width: 210px; width: 210px;
} }
.left-sidebar > tr > td { .left-sidebar > tbody > tr > td {
background-color: #000; background-color: #000;
border: 2px solid #222; border: 2px solid #222;
border-radius: 8px; border-radius: 8px;