1
0
Fork 0
isopod.cool/etc/index.php
will 9be2f36883 v3.1 - Minor overhaul to the entire site
- Removed some unused files
- Updated the blog post layout to have all the navigation
- Replaced hovertext in blog posts with footnotes
- Seaonal pride captions on homepage
- Updated /etc/quotes/
  - Background color is now actually reminiscent of Discord
- Total overhaul to /uses/
  - Added sub-page for my computer
- New markup for blockquotes that css-tricks.com says is more semantically correct
- More difficult captcha on the guestbook (answer remains unchanged)
- New blog post about DMs on the fediverse
- Blog now has links to each year
- Removed journal. I barely used it and it was redundant anyway
- Removed the TODO list that I wasn't using from /etc/
- CSS overhaul:
  - Cool new hover animation on navigation links
  - Centralized most color definitions to root variables, and a couple other things too
  - Standard font is now B612 mono
  - complies with prefers-reduced-motion
  - Light theme and low contrast mode in the works
  - Made tables more consistent, and the one on /about/ no longer looks like doodoo
  - Accent borders on headings and such-like
  - Main header & caption are now left-aligned instead of center-aligned
  - Isopod letterhead moved from left side of header to right
  - h1 made smaller, h2-6 changed back to default sizes
  - Adjusted a couple background positions to improve readability
  - Got rid of the checkbox-hack dropdown navigation on mobile, because it kind of sucked
  - Regular body text no longer has text-shadow
- probably some other stuff I forgot about
2024-07-08 03:47:39 -06:00

96 lines
5.7 KiB
PHP

<!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>
#mothvertisement {
margin-left: auto;
display: block;
margin-right: auto;
max-width: 728px;
width: 100%;
height: 90px;
}
@media (max-width: 750px) {
#mothvertisement {
max-width: 300px;
width: 100%;
height: 250px;
}
}
</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>
<iframe src="https://mothvertising.moth.monster/embed" id="mothvertisement"></iframe>
<h2>Time warp</h2>
<p><a href="../old/1/">v1</a> - Old, slow, basically just a carrd page on steroids. Made heavy use of <code>float</code> initially. Ugh.</p>
<p><a href="../old/2/">v2</a> - Slick as hell but entirely Javascript-dependent. This is where my webpage became a website.</p>
<h2>Quiz results</h2>
<div>
<a href="https://casiopea.neocities.org/isopod/isopodquiz.html"><img src="images/isopod_quiz_result.png"></a>
<a href="https://ouroboreas.neocities.org/quizzes/crackships/quiz"><img src="images/crackship_quiz_result.png" height="100px"></a>
</div>
<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>
<a target="_blank" href="https://www.youtube.com/watch?v=nleepK7P978"><img src="buttons/35mm.gif" alt="Best heard through a 3.5mm jack"></a>
<img src="buttons/tested_on_firefox.gif" alt="Tested on Firefox">
<img src="buttons/nowebp.gif" alt="No WebP! Just use PNG">
<img src="buttons/svg.svg" alt="Scalable Vector Graphics Now!" style="width:88px; height:31px;" />
<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>
<iframe src="https://isopod.cool/stuff/beat/frame.php?theme=digital" style="width: 84px; height: 27px;"></iframe>
<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>
<div id="leftsidebg" style="background-image: url(bg.jxl), url(bg.jpg);"></div>
</body>
</html>