From 193927230e8891c1be0493d0bf1890cf7fb5a804 Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Thu, 4 Mar 2021 17:29:47 -0500
Subject: [PATCH] Add a Ko-Fi link to the page; remove the thing-submission
 link

---
 macrovision.css  | 33 +++++++++++++++++++++++++--------
 macrovision.html |  9 +++++----
 2 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/macrovision.css b/macrovision.css
index 5f0bcb7c..95357089 100644
--- a/macrovision.css
+++ b/macrovision.css
@@ -201,28 +201,45 @@ body.show-extra-options .options-block.options-block-optional {
     user-select: none;
 }
 
-.options-banner {
+.options-banner-buttons {
+    width: 100%;
     text-align: center;
-    font-size: 24pt;
     margin-top: 10px;
-    margin-bottom: 10px;
-    background: #242;
+}
+
+.options-banner-button {
+    display: inline-block;
+    text-align: center;
+    font-size: 24pt;
+    background: #262;
     text-decoration: none;
     user-select: none;
-    margin-left: 10px;
-    margin-right: 10px;
+    border-radius: 6pt;
+    margin: 10px;
+    border-color: #666;
+    border-width: 3pt;
+    border-style: outset;
+    width: 90%;
 }
 
-.options-banner:hover {
-    color: #222;
+.options-banner-button:hover {
     background: #282;
 }
 
+.options-banner-button:active {
+    background: #272;
+    border-style: inset;
+}
+
 .options-selector {
     font-size: 150%;
     width: 100%;
 }
 
+.button-img {
+    height: 24pt;
+}
+
 #entities {
     position: absolute;
     user-select: none;
diff --git a/macrovision.html b/macrovision.html
index 62c6fb10..c34d5e5c 100644
--- a/macrovision.html
+++ b/macrovision.html
@@ -164,10 +164,11 @@
   </div>
   <div id="main-area">
     <div id="options" class="">
-      <a href="https://docs.google.com/forms/d/e/1FAIpQLScRC-okDZ3FtzDTkbqSrpj5_OGD-1Vl-VYizOK3QM6quus11g/viewform?usp=sf_link"
-        class="options-banner">Submit your character</a>
-      <a href="https://docs.google.com/forms/d/e/1FAIpQLScj4A0D9VhVmOPRXwZMRDVyTRdDKiYVqSM86ESJnMHFV5jzQg/viewform?usp=sf_link"
-      class="options-banner">Request other objects</a>
+      <div class="options-banner-buttons">
+        <a href='https://ko-fi.com/P5P5ACDA' target='_blank'><img height='36' style='border:0px;height:36px;' src='https://cdn.ko-fi.com/cdn/kofi5.png?v=2' border='0' alt='Buy Me a Coffee at ko-fi.com' /></a>
+        <a href="https://docs.google.com/forms/d/e/1FAIpQLScRC-okDZ3FtzDTkbqSrpj5_OGD-1Vl-VYizOK3QM6quus11g/viewform?usp=sf_link"
+          class="options-banner-button">Character Submissions</a>
+      </div>
       <h3 class="options-header">World Info</h3>
       <div id="options-world">
         <div class="options-label">