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
32 lines
1 KiB
PHP
32 lines
1 KiB
PHP
<?php
|
|
|
|
$host = $_SERVER['HTTP_HOST'];
|
|
|
|
function echolink($url, $name) {
|
|
global $host;
|
|
if("/$url/" != $_SERVER['REQUEST_URI']) {
|
|
echo "<a href='https://$host/$url/'>$name</a>";
|
|
} else {
|
|
echo "<span>$name</span>";
|
|
}
|
|
}
|
|
echo "<input type='checkbox' id='navtoggle'>";
|
|
echo '<label for="navtoggle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -7 24 24" width="32" fill="currentColor"><path d="M1 0h12a1 1 0 0 1 0 2H1a1 1 0 1 1 0-2zm0 8h12a1 1 0 0 1 0 2H1a1 1 0 1 1 0-2zm0-4h12a1 1 0 0 1 0 2H1a1 1 0 1 1 0-2z"></path></svg></label>';
|
|
echo "<nav id='main-nav' style='--rowcount: 3;'><div>";
|
|
if($_SERVER["DOCUMENT_ROOT"] !== getcwd()) {
|
|
echo "<a href='https://$host/'>home</a>";
|
|
}
|
|
echolink("about", "about");
|
|
echolink("about/uses", "uses");
|
|
echolink("about/music", "music");
|
|
echo "</div><div>";
|
|
echolink("blog", "blog");
|
|
echolink("links", "links");
|
|
echolink("stuff", "stuff");
|
|
echolink("guestbook", "guestbook");
|
|
echo "</div><div>";
|
|
echolink("stats", "stats");
|
|
echolink("etc/greenhouse", "greenhouse");
|
|
echolink("etc", "etc");
|
|
echo "</div></nav>";
|
|
?>
|