guestbook reflects .well-known/button in your site

also:
- moved johnvertisement and mothverisement to landing
  page
- minor css fixes and other routine updates

1 files changed, 25 insertions, 5 deletions

diff --git a/index.php b/index.php
index 7ec1dd8..d7add18 100644
--- a/index.php
+++ b/index.php
@@ -40,6 +40,16 @@
       #guys > * {
         margin-right: var(--stdpadding);
       }
+      #ads {
+        position: fixed;
+        bottom: -181px;
+        left: 50%;
+        transform: translateX(-50%);
+        transition: 0.5s;
+      }
+      #ads:hover {
+        bottom: 0;
+      }
       #bubblecolumn {
         position: fixed;
         right: 7%;
@@ -91,6 +101,11 @@
         position: relative;
       }
 
+      iframe {
+        border: none;
+        border-left: var(--stdaccentborder);
+      }
+
       @media (prefers-reduced-motion) {
         #bubblecolumn {
           display: none;
@@ -107,10 +122,11 @@
           justify-content: initial;
           height: initial;
         }
-        #guys {
+        #guys, #ads, #ads:hover {
           position: initial;
           bottom: initial;
           left: initial;
+          transform: initial;
         }
         body {
           display: flex;
@@ -198,13 +214,17 @@
           <a href="https://baccyflap.com/noai/?nxt&s=ipd">→</a>
         </div>
       </nav>
-      <div class="buttons">
-        <img src="etc/buttons/isopodhours.png" alt="isopod hours">
-        <a target="_blank" href="https://deeptwisty.com/"><img src="etc/buttons/deeptwisty_button.png" alt="deep twisty"></a>
-      </div>
       <!--script type="text/javascript">document.write('<a href="desktop.html">$login<span class="blinking" >_</span></a>');</script-->
     </main>
     
+    <div id="ads">
+      <blockquote style="margin-bottom: 0; width: 100%; max-width: 680px;">
+        Unpaid advertising below! My apolo<?php if(rand(0,100) > 90) { echo "cheese"; } else { echo "gies"; } ?>, but it's how we keep the lights on here at IsopodCoolGGMBH PBLLC.
+      </blockquote>
+      <iframe src="https://john.citrons.xyz/embed?ref=https://isopod.cool/" id="johnvertisement"></iframe>
+      <iframe src="https://mothvertising.moth.monster/embed" id="mothvertisement"></iframe>
+    </div>
+
     <div id="guys">
       <a target="_blank" href="https://dokodemo.neocities.org/" title="made by Dokodemo"><img alt="An isopod!" src="images/isopod3.png"></a>
       <a target="_blank" href="https://lu.tiny-universes.net" title="hi, i'm kevin!"><img alt="Kevin" src="images/plant1-2.png"></a>