johnvertisement

assets/style.css

@@ -203,4 +203,31 @@ hr {
   3px 3px 0 0px black,
   2px 2px 0 0px black,
   1px 1px 0 0px black;
+}
+
+#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;
+  }
+}
+
+#johnvertisement {
+  margin-left: auto;
+  display: block;
+  margin-right: auto;
+  max-width: 732px;
+  width: 100%;
+  height: 94px;
+  border: none;
 }

index.js

@@ -47,6 +47,7 @@ app.use(async (req, res, next) => {
     .catch(() => res.status(500).send());
   app.locals.buttons = buttonsJson;
   app.locals.following = followingJson;
+  app.locals.randomAd = Math.round(Math.random());
   next();
 })
 

views/components/footer.ejs

@@ -29,6 +29,11 @@
   <footer>
     <section>
       <h2>abtmtr.link v13</h2>
+      <% if (randomAd == 0) { %>
+          <iframe src="https://mothvertising.moth.monster/embed" id="mothvertisement"></iframe>
+      <% } else if (randomAd == 1) { %>
+          <iframe src="https://john.citrons.xyz/embed?ref=abtmtr.link" id="johnvertisement"></iframe>
+      <% } %>
       <p>&copy; <a href="/about">MeowcaTheoRange</a> 2023-2024</p>
       <p>Licensed under the <a href="https://cdn.abtmtr.link/licenses/kkpl/license-v2.2.txt">Karkat Public License</a>.</p>
       <p>Git repository: <a href="https://git.abtmtr.link/MeowcaTheoRange/abtmtr-v13" target="_blank">MeowcaTheoRange/abtmtr-v13</a></p>