From 1d770f020d40d90f8697ce49899ba025b48cb06c Mon Sep 17 00:00:00 2001
From: will <willem@deeptwisty.com>
Date: Thu, 12 Jan 2023 05:38:38 -0700
Subject: [PATCH] Things I Keep Having To Google blog post + Flatworm Friday

Full list of changes:
- Added new blog post, "Guide - Things I Keep Having To Google"
- Landing page now has a 1 in 10 chance to display a flatworm friday video on friday
- Added CSS for tables to highlight alternating rows with a certain class
- Landing page captions now include the current Swatch Internet Time
- Testing feature where the ?caption url parameter, if present, is put through the caption generator function instead of an array selection
- Updated changelog
---
 blog/index.php                                |  2 +
 .../{index.html => index.php}                 | 42 ++++++++++++++++++-
 etc/changelog.php                             |  9 ++++
 etc/index.php                                 |  2 +-
 index.php                                     | 18 +++++++-
 style.css                                     |  6 +++
 6 files changed, 74 insertions(+), 5 deletions(-)
 rename blog/posts/guide_things_i_keep_having_to_google/{index.html => index.php} (53%)

diff --git a/blog/index.php b/blog/index.php
index f7dad99..6c576cc 100644
--- a/blog/index.php
+++ b/blog/index.php
@@ -67,6 +67,8 @@
       echo "<div id='statuscafe'><div id='statuscafe-username'><a href='https://status.cafe/users/$username' target='_blank'>status</a> $face $timeago</div><div id='statuscafe-content'>$content</div></div>";
     ?>
     <ul>
+      <li><h2>2023</h2></li>
+      <li><time datetime="2023-01-12 5:37">2023-01-12</time> <a href="posts/guide_things_i_keep_having_to_google/">Guide - Things I Keep Having To Google</a></li>
       <li><h2>2022</h2></li>
       <li><time datetime="2022-09-19 1:18">2022-09-19</time> <a href="posts/deeptwistycom_2nd_anniversary_-_a_history_of_this_bullshit/">deeptwisty.com 2nd anniversary - A History of This Bullshit</a></li>
       <li><time datetime="2022-08-25 8:04">2022-08-25</time> <a href="posts/guide_self_host_safely_with_wireguard/">Guide - Self-Host Safely with WireGuard</a></li>
diff --git a/blog/posts/guide_things_i_keep_having_to_google/index.html b/blog/posts/guide_things_i_keep_having_to_google/index.php
similarity index 53%
rename from blog/posts/guide_things_i_keep_having_to_google/index.html
rename to blog/posts/guide_things_i_keep_having_to_google/index.php
index cecf425..53a8b6b 100644
--- a/blog/posts/guide_things_i_keep_having_to_google/index.html
+++ b/blog/posts/guide_things_i_keep_having_to_google/index.php
@@ -64,7 +64,45 @@
       <tr><td colspan="2"><h4>xrandr</h4></td></tr>
       <tr><td><code>xrandr --output &lt;display name&gt; --brightness &lt;brightness&gt;</code></td><td title="It would definitely for sure be better to change this via the monitor's built-in menus, but that requires navigating both of my monitors' built-in menus.">Janky software-side display brightness setting</td></tr>
     </table>
-    <h2>HTML/CSS stuff</h2>
-    <p>Force a <code>&lt;td&gt;</code> element not to wrap by adding the <code>nowrap</code> attribute to it.</p>
+    <h2>Webdev stuff</h2>
+    <h4>Tables</h4>
+    <ul>
+      <li>Force a <code>&lt;td&gt;</code> element not to wrap by adding the <code>nowrap</code> attribute to it.</li>
+      <li>Set the <code>table-layout</code> CSS property to <code>fixed</code> to force the the columns to be equal widths.</li>
+    </ul>
+    <h4>PHP</h4>
+    <ul>
+      <li>The <code>date()</code> function in PHP returns date information. The first argument is a format string and the second is an optional integer for a Unix timestamp. The valid format characters as of PHP 8 can be found <a href="https://www.php.net/manual/en/datetime.format.php">here</a>, and examples are listed in this table:</p>
+      <details>
+        <summary>Show table</summary><br>
+        It is currently <?php echo date('l, F j, Y \a\t g:i:s A T');?><br><br>
+        <table class="highlightrows" style="table-layout: fixed; width: 100%;">
+          <tr style="font-weight: bold;"><td>Character</td><td>Output</td><td>Character</td><td>Output</td></tr>
+          <tr><td>Y</td><td><?php echo date("Y");?></td><td>y</td><td><?php echo date("y");?></td></tr>
+          <tr><td>o</td><td><?php echo date("o");?></td><td>L</td><td><?php echo date("L");?></td></tr>
+          <tr><td>F</td><td><?php echo date("F");?></td><td>M</td><td><?php echo date("M");?></td></tr>
+          <tr><td>m</td><td><?php echo date("m");?></td><td>n</td><td><?php echo date("n");?></td></tr>
+          <tr><td>t</td><td><?php echo date("t");?></td><td>W</td><td><?php echo date("W");?></td></tr>
+          <tr><td>l</td><td><?php echo date("l");?></td><td>D</td><td><?php echo date("D");?></td></tr>
+          <tr><td>d</td><td><?php echo date("d");?></td><td>j</td><td><?php echo date("j");?></td></tr>
+          <tr><td>S</td><td><?php echo date("S");?></td><td>z</td><td><?php echo date("z");?></td></tr>
+          <tr><td>N</td><td><?php echo date("N");?></td><td>w</td><td><?php echo date("w");?></td></tr>
+          <tr><td>A</td><td><?php echo date("A");?></td><td>a</td><td><?php echo date("a");?></td></tr>
+          <tr><td>g</td><td><?php echo date("g");?></td><td>G</td><td><?php echo date("G");?></td></tr>
+          <tr><td>h</td><td><?php echo date("h");?></td><td>H</td><td><?php echo date("H");?></td></tr>
+          <tr><td>i</td><td><?php echo date("i");?></td><td>s</td><td><?php echo date("s");?></td></tr>
+          <tr title="These are milliseconds and microseconds respectively. They will both return 0 when used with date() as it takes the Unix timestamp as an integer in seconds, but there are other functions that take this formatting and will return these accurately."><td>v</td><td><?php echo date("v");?></td><td>u</td><td><?php echo date("u");?></td></tr>
+          <tr><td title="This one is so funny to me. This is Swatch Internet Time, a time system created in 1998 by the Swatch corporation to promote their &quot;Beat&quot; watches. It divides the day into 1000 equal chunks 86.4 seconds long. I encourage you to go read the Wikipedia page for this thing. It's great. Why PHP has a function for it I have no idea.">B</td><td><?php echo date("B");?></td><td>I</td><td><?php echo date("I");?></td></tr>
+          <tr><td>e</td><td><?php echo date("e");?></td><td>O</td><td><?php echo date("O");?></td></tr>
+          <tr><td>P</td><td><?php echo date("P");?><td>Z</td><td><?php echo date("Z");?></td></tr>
+          <tr><td title="You can also use the function time() for this.">U</td><td colspan="3"><?php echo date("U");?></td></tr>
+          <tr><td>c</td><td colspan="3"><?php echo date("c");?></td></tr>
+          <tr><td>r</td><td colspan="3"><?php echo date("r");?></td></tr>
+        </table>
+      </details><br>
+      The <code>strtotime()</code> function does the reverse operation, converting date strings to Unix timestamps. Storing dates as Unix timestamps and converting when needed is recommended.</li>
+    </ul>
+    <h2>Song Lyrics</h2>
+    <p>I don't actually have a solution for this one, I just wish there was a resource for looking up the lyrics to songs and looking up songs by their lyrics that wasn't an SEO leech site.</p>
   </body>
 </html>
diff --git a/etc/changelog.php b/etc/changelog.php
index e468f87..5d914f7 100644
--- a/etc/changelog.php
+++ b/etc/changelog.php
@@ -22,6 +22,15 @@
 
 <body style="background: none;">
   <h1>isopod.cool changelog</h1>
+  <article>
+    <h2>2023-1-12</h2>
+    <ul>
+      <li>New <a target="_blank" href="../blog/posts/guide_things_i_keep_having_to_google">blog post</a>!
+        <ul><li>This one's more of a reference than an article, so it will likely be updated as time goes on.</li></ul>
+      </li>
+      <li>Added flatworm friday</li>
+    </ul>
+  </article>
   <article>
     <h2>2023-1-05</h2>
     <ul>
diff --git a/etc/index.php b/etc/index.php
index fad40f4..fec57bf 100644
--- a/etc/index.php
+++ b/etc/index.php
@@ -59,7 +59,7 @@
     <img src="buttons/canadian.gif" title="Regrettably...">
     <img src="buttons/queercoded.png">
     <img src="buttons/aro.png">
-    <img src="buttons/ace.png">
+    <!--img src="buttons/ace.png"-->
     <a href="https://rainy.gay/pride/pridebuttons.html"><img src="buttons/nonbinary.png"></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" /></a>
diff --git a/index.php b/index.php
index 412606b..4b890df 100644
--- a/index.php
+++ b/index.php
@@ -34,7 +34,7 @@
     </style>
     <?php
       include($_SERVER['DOCUMENT_ROOT'] . '/seasonal.php');
-      if(!preg_match('/(headlesschrome)/i', $_SERVER['HTTP_USER_AGENT'])) {
+      if(!preg_match('/(headless.*)/i', $_SERVER['HTTP_USER_AGENT'])) {
         $captions = array();
         $seasonal = false;
         switch(date('m')) {
@@ -118,11 +118,15 @@
               'PLACEHIM',
               'UPSIDEDOWN',
               'RGB',
-              'BLAHAJ'
+              'BLAHAJ',
+              '@BEAT'
             );
             break;
         }
         $cap = $captions[array_rand($captions)];
+        if($_GET['caption']) {
+          $cap = $_GET['caption'];
+        }
         $tit = $cap;
         if(!$seasonal) {
           switch($cap) {
@@ -166,6 +170,9 @@
               $cap = '<span class="rainbowtext">RGB Gaming Webpage</span>';
               $tit = 'RGB Gaming Webpage';
               break;
+            case '@BEAT':
+              $cap = '@'.date("B");
+              break;
           }
         }
       }
@@ -196,5 +203,12 @@
     <div id="rightsidebg" style="background-image: url(images/bg.png); --distancefromcenter: 11%;" title="Pictured: The eponymous &quot;deep twisty&quot;"></div>
     <div id="bubblecolumn"></div>
     <?php include('chromealert.php'); ?>
+    <?php
+      if(date("w") == "5" && rand(0, 9) == 4) {
+        $ind = rand(1,2);
+        $filename = "images/flatworm friday $ind.mp4";
+        echo "<div id='flatwormfriday' style='position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000000cc;display: flex;justify-content: center;align-items: center;'><video controls=''><source src='$filename' type='video/mp4'>It's Flatworm Friday! Your browser does not support the video tag.</video></div>";
+      }
+    ?>
   </body>
 </html>
diff --git a/style.css b/style.css
index 464f4ef..c99e2df 100644
--- a/style.css
+++ b/style.css
@@ -149,6 +149,12 @@ main > code, body > code {
 tr:hover {
   background-color: #2222227c;
 }
+table.highlightrows tr:nth-child(2n+1) {
+  background-color: #ffffff11;
+}
+table.highlightrows tr:nth-child(2n+1):hover {
+  background-color: #ffffff11;
+}
 
 @media(max-width: 650px) {
   body {