620200137e
- Rearranged navigation significantly
- Navbar is now unlimited width on desktop
- Navbar is now always on top of the screen, even on the landing page
- Navbar has been replaced with hamburger menu on mobile
- Significant styling alterations to look good on phones tm
- Most of the credit goes to a certain meta tag.
- (Appearance on desktop is mostly unchanged)
- The background on mobile is now 100% image, but darkened to improve contrast
- Table pages such as /links/ and /stats/ now rearrange on mobile:
column a column a column b
column b vs column a column b
column a column a column b
column b column a column b
- font size on landing page scales with device width on tall displays
- guestbook posts use CSS grid now
- Working on a @media (prefers-contrast: more) theme as well. Can't figure out how to test it though
- Updated /stats/
- Added some new stats
- Updated CD collection size
- Updated /about/uses/
- I now use Nextcloud News instead of Yarr
- My phone runs Graphene
- I use Fennec browser on mobile instead of standard Firefox
- New background as the old one was horrible for contrast
- Added Waxlimbs - For Science! to /about/music/
- The oldest three articles on /blog/ now show a warning on hover that they're from the legacy v2 site
- Corrected various markup issues with the help of validator.w3.org/nu/
- Added alt text to a ton of images
- todo list is no longer a separate html file. it was fucking with the scaling on mobile and I couldn't be bothered
- /stuff/ remains unchanged. I'll get to it
- Hopefully that's everything lol
207 lines
5.8 KiB
PHP
207 lines
5.8 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Stats</title>
|
||
<link href="../style.css" rel="stylesheet" type="text/css" media="all">
|
||
<style>
|
||
#statstable {
|
||
width: 100%;
|
||
border-collapse: collapse;
|
||
}
|
||
#statstable td {
|
||
width: 50%;
|
||
padding: 0.3rem;
|
||
}
|
||
#statstable tr:nth-child(2n+1) {
|
||
background-color: #ffffff11;
|
||
}
|
||
@media only screen and (hover: none) {
|
||
#statstable td {
|
||
width: initial;
|
||
}
|
||
#statstable td:first-child {
|
||
font-weight: bold;
|
||
}
|
||
}
|
||
</style>
|
||
<?php include($_SERVER['DOCUMENT_ROOT'] . '/seasonal.php'); ?>
|
||
</head>
|
||
<body>
|
||
<?php include($_SERVER['DOCUMENT_ROOT'] . '/nav.php'); ?>
|
||
<h1>stat tracker</h1>
|
||
<h2 id="caption">100% RealTrue™ statistics</h2>
|
||
<table id="statstable">
|
||
<tbody><tr>
|
||
<td>Height</td>
|
||
<td>194cm</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Storage space</td>
|
||
<td>4.9TiB</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Packages</td>
|
||
<td><?php echo file_get_contents("packages.txt"); ?></td>
|
||
</tr>
|
||
<tr>
|
||
<td>Desktop environment</td>
|
||
<td>KDE Plasma</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Layout</td>
|
||
<td>ANSI 75% + Knob + External numpad</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Switches</td>
|
||
<td>Keychron K Pro Brown</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Firmware</td>
|
||
<td>QMK</td>
|
||
</tr>
|
||
<tr>
|
||
<td>RGB</td>
|
||
<td>Yes</td>
|
||
</tr>
|
||
<tr>
|
||
<td>CDs owned</td>
|
||
<td>114</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Consoles modded</td>
|
||
<td>1</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Computers upgraded</td>
|
||
<td>2</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Computers downgraded</td>
|
||
<td>1</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Websites</td>
|
||
<td>2</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Web services</td>
|
||
<td title="Each website is one, plus Akkoma, SearXNG, RSS-Bridge, Forgejo, and Nextcloud.">7</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Domains owned</td>
|
||
<td title="deeptwisty.com, isopod.cool, and bathynomus.xyz">3</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Talent</td>
|
||
<td style="font-family: mono; color: red;">[Integer overflow error]</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Bitches</td>
|
||
<td>0</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Species</td>
|
||
<td><i>Bathynomus Giganteus</i></td>
|
||
</tr>
|
||
<tr>
|
||
<td>Pronouns</td>
|
||
<td>any</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Gender</td>
|
||
<td><?php
|
||
$boogeraids = array(
|
||
'Unclear',
|
||
'404 Not Found',
|
||
'502 Bad Gateway',
|
||
'I dropped it behind the sofa, sorry',
|
||
'invalid null pointer',
|
||
'what does that mean',
|
||
'You fuckin\' figure it out',
|
||
'Not my problem lol',
|
||
'[]',
|
||
'I lost it in the accident',
|
||
'Listed <a href="https://genders.wtf">here</a>',
|
||
'AMD Ryzen 7 5700G, 32GB DDR4-3600 RAM, AMD Radeon RX 6600XT GPU, 500GB NVMe SSD, 1TB SATA SSD, 4TB HDD',
|
||
'I forgor 💀',
|
||
'<i>Bathynomus Giganteus</i>',
|
||
'I\'ll figure it out later'
|
||
);
|
||
echo $boogeraids[array_rand($boogeraids)];
|
||
?></td>
|
||
</tr>
|
||
<tr>
|
||
<td>3.5mm headphone jack</td>
|
||
<td>yes</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Audio channels</td>
|
||
<td>mono</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Font family</td>
|
||
<td style="font-family: mono, monospace;">mono</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Sodium glutamate</td>
|
||
<td>7.1 surround</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Drop rates</td>
|
||
<td style="white-space:nowrap;">1-3 bags of Doritos - 80% <br>Wired earbuds - 10% <br>Random Linux install media - 1%</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Efficiency rating</td>
|
||
<td>80+ Gold</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Home address</td>
|
||
<td>12h 28m 24.97s, +31° 28′ 37.7″</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Time playing Space Engineers</td>
|
||
<td>587 hours</td>
|
||
</tr>
|
||
<tr>
|
||
<td title="Since this bit was added, anyway">Page views</td>
|
||
<td>
|
||
<?php
|
||
$num = (int) filter_var(file_get_contents("views.txt"), FILTER_SANITIZE_NUMBER_INT);
|
||
$num++;
|
||
file_put_contents("views.txt", $num);
|
||
echo $num;
|
||
?>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<?php
|
||
$booger = array(
|
||
"arch",
|
||
"bogos",
|
||
"Hotel",
|
||
"blood"
|
||
);
|
||
$aids = array(
|
||
"btw",
|
||
"binted",
|
||
"Trivago",
|
||
"inside (we think)"
|
||
);
|
||
$poopaids_copy = array_rand($booger);
|
||
$boogeraids = $booger[$poopaids_copy];
|
||
$aidsbooger = $aids[$poopaids_copy];
|
||
echo "<td>$boogeraids</td><td>$aidsbooger</td>";
|
||
?>
|
||
</tr>
|
||
<tr>
|
||
<td>Number I'm thinking of</td>
|
||
<td><?php echo rand(0, 69420); ?></td>
|
||
</tr>
|
||
</tbody></table>
|
||
<div id="leftsidebg" style="background-image: url(bg.png); --distancefromcenter: -10%;" title="Pictured: A graph. I don't know what it's measuring. I hope the top line's the housing market."></div>
|
||
<?php include($_SERVER['DOCUMENT_ROOT'] . '/chromealert.php'); ?>
|
||
</body>
|
||
</html>
|