1
0
Fork 0
isopod.cool/nav.php

32 lines
1 KiB
PHP
Raw Permalink Normal View History

2023-01-09 21:30:45 +00:00
<?php
make it work on phones tm - 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
2023-02-26 11:22:38 +00:00
2023-01-09 21:30:45 +00:00
$host = $_SERVER['HTTP_HOST'];
make it work on phones tm - 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
2023-02-26 11:22:38 +00:00
function echolink($url, $name) {
global $host;
if("/$url/" != $_SERVER['REQUEST_URI']) {
echo "<a href='https://$host/$url/'>$name</a>";
2023-01-09 21:30:45 +00:00
} else {
make it work on phones tm - 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
2023-02-26 11:22:38 +00:00
echo "<span>$name</span>";
2023-01-09 21:30:45 +00:00
}
}
make it work on phones tm - 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
2023-02-26 11:22:38 +00:00
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("uses", "uses");
echolink("music", "music");
make it work on phones tm - 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
2023-02-26 11:22:38 +00:00
echo "</div><div>";
echolink("blog", "blog");
echolink("links", "links");
echolink("stuff", "stuff");
echolink("guestbook", "guestbook");
echo "</div><div>";
echolink("stats", "stats");
echolink("greenhouse", "greenhouse");
make it work on phones tm - 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
2023-02-26 11:22:38 +00:00
echolink("etc", "etc");
echo "</div></nav>";
2023-01-09 21:30:45 +00:00
?>