root/isopod.cool
1
0
Fork 0
Code Releases Activity
isopod.cool/etc/index.php
will 620200137e 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 04:22:38 -07:00

88 lines
5.3 KiB
PHP
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>More</title>
<link href="../style.css" rel="stylesheet" type="text/css" media="all">
<!--style type="text/css">
#changelogwindow {
height: 15rem;
}
#todowindow {
height: 15rem;
}
</style-->
<?php include($_SERVER['DOCUMENT_ROOT'] . '/seasonal.php'); ?>
</head>
<body>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/nav.php'); ?>
<h1>more</h1>
<h2 id="caption">more</h2>
<nav><a href="quotes/">quotes</a><a href="https://rss-bridge.isopod.cool/?action=display&bridge=GiteaBridge&context=Commits&branch=main&host=https%3A%2F%2Fgit.isopod.cool&user=will&project=isopod.cool&format=Atom">changelog (atom)</a><!--a href="changelog.php">changelog (legacy)</a--></nav>
<iframe src="https://john.citrons.xyz/embed?ref=https://isopod.cool/"
style="margin-left:auto;display:block;margin-right:auto;max-width:732px;width:100%;max-height:94px;height:fit-content;border:none;"></iframe>
<h2>Buttons</h2>
<div class="buttons">
<a target="_blank" href="https://easyussr.neocities.org/torrenting.html"><img src="buttons/piracy.gif" alt="Piracy Now!"></a>
<a target="_blank" href="https://frame.work"><img src="buttons/bestviewed.gif" alt="Best viewed with a computer"></a>
<a target="_blank" href="https://www.videolan.org/"><img src="buttons/getvlcnow.png" alt="get VLC now!"></a>
<img src="buttons/35mm.gif" alt="Best heard through a 3.5mm jack">
<img src="buttons/tested_on_firefox.gif" alt="Tested on Firefox">
<img src="buttons/nowebp.gif" alt="No WebP! Just use PNG">
<a target="_blank" href="http://web3.14159.annwfn.net/"><img src="buttons/web-pi.png" alt="Web Pi Certified"></a>
<a target="_blank" href="https://neocities.org"><img src="buttons/neocities_stamp.gif" alt="Neocities: The web is yours"></a>
<a target="_blank" href="http://www.ermel.org/handcoded/"><img src="buttons/handcode.png" alt="100% hand coded HTML"></a>
<a target="_blank" href="https://12ft.io/"><img src="buttons/dontyouhate.gif" alt="Don't you hate it when you're reading a page and then some-- This content is for subscribers only! Paywalls Gatekeep Knowledge."></a>
<img src="buttons/righttorepair.png" alt="I support right to repair">
<img src="buttons/google_stand.gif" alt="Stand up to Google! Fight for open web standards! Fight for online privacy! Fight against monopolistic practices!">
<a target="_blank" href="https://www.mozilla.org/en-US/firefox/new/"><img src="buttons/chrome.gif" alt="Google Chrome is evil!"></a>
<img src="buttons/i_hate_microsoft.png" alt="I hate Microsoft">
<img src="buttons/win11no.gif" alt="Windows 11 No!">
<img src="buttons/antinft.gif" alt="This is an Anti-NFT site">
<a target="_blank" href="https://yesterweb.org/no-to-web3/"><img src="buttons/notoweb3.gif" alt="Keep the web free, say no to web3"></a>
<img src="buttons/amd_powered.gif" alt="Powered by AMD">
<img src="buttons/linux_powered.gif" alt="Linux powered">
<img src="buttons/drpepper.gif" alt="Powered by Dr Pepper">
<img src="buttons/the_void.gif" alt="Powered by the void">
<img src="buttons/krisbtn.png" alt="Kris where tf are we">
<img src="buttons/badhtml.png" alt="W3C Bad HTML Markup">
<img src="buttons/bantimetravel.png" alt="Ban Time Travel &quot;Now&quot;">
<img src="buttons/css.png" alt="CSS is awesome">
<a target="_blank" href="https://crouton.net/"><img src="buttons/usatoday.gif" alt="USA Today Hot Site"></a>
<a target="_blank" href="https://seaslug.neocities.org/"><img src="buttons/shrimp.png" alt="Shrimp Now!"></a>
<img src="buttons/canadian.gif" title="Regrettably..." alt="Canadian on the web">
<img src="buttons/queercoded.png" alt="You're telling me a queer coded this">
<img src="buttons/aro.png" alt="Aromantic pride flag">
<!--img src="buttons/ace.png"-->
<a href="https://rainy.gay/pride/pridebuttons.html"><img src="buttons/nonbinary.png" alt="Nonbinary pride flag"></a>
<br><a target="_blank" href="https://citrons.xyz/a/memetic-apioform-page.html"
style="display: inline-block; margin-top: .7rem;"><img src="images/apiopage.png" alt="memetic apiopage - click to view"></a>
</div>
<h3>My buttons</h3>
<div class="buttons">
<img src="buttons/isopodhours.png" alt="isopod hours">
<img src="buttons/niceopod_button_2.png" alt="niceopod">
<img src="buttons/niceopod_button.png" alt="niceopod">
<a target="_blank" href="https://deeptwisty.com/"><img src="buttons/deeptwisty_button.png" alt="deep twisty"></a>
</div>
<h2>TODO</h2>
<ul>
<li>Add a changelog to this page by parsing the atom feed</li>
<li>Make a cool 404 page</li> <!-- Line Item -->
<li>Add my CD collection to the music page</li>
<li>[In progress] Optimize this thing for mobile displays</li>
<li>Make a page for games I like</li>
<li>Update the navigation on the landing page to a vertical layout</li>
<li>Write another blog post</li>
<li>Update privacy policy</li>
</ul>
<div id="leftsidebg" style="background-image: url(bg.png); --distancefromcenter: -10%;"
title="Pictured: A millipede, because I couldn't think of anything better to put here and I like them."></div>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/chromealert.php'); ?>
</body>
</html>
View git blame Copy permalink