Add AbuseIPDB badge

static/css/custom.css

@@ -12,20 +12,40 @@ footer {
   text-align: justify;
 }
 
-#notbyai {
+#badges {
   width: 100%;
-  max-width: 150px;
+  max-width: var(--max-layout-width);
+  display: flex;
+  justify-content: center;
+  align-items: baseline;
+  flex-wrap: wrap;
+  gap: 1.25rem;
   margin: 0 auto 1.75rem auto;
+}
+
+#badges a {
+  max-width: 150px;
   transition-duration: 300ms;
 }
 
-#notbyai:hover,
+#badges a:hover,
-#notbyai:hover::before {
+#badges a:hover::before {
   background-color: transparent;
   color: transparent;
   transform: scale(1.1);
 }
 
-#notbyai:active {
+#badges a:active {
   transform: scale(0.95);
 }
+
+#abuseipdb-badge {
+  width: 150px;
+  background: #35c246 linear-gradient(
+    rgba(255,255,255,0),
+    rgba(255,255,255,.3) 50%,
+    rgba(0,0,0,.2) 51%, rgba(0,0,0,0)
+  );
+  padding: 5px;
+  box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, .2);
+}

templates/tabi/extend_body.html

@@ -1,9 +1,10 @@
-<a
+<div id="badges">
-  id="notbyai"
+  <a
     href="https://notbyai.fyi"
     target="_blank"
     rel="noopener noreferrer"
->
+    title="Written by human, not by AI."
+  >
     <img
       class="img-light"
       loading="lazy"
@@ -16,4 +17,17 @@
       src="/images/notbyai-dark.png"
       alt="Written by human, not by AI."
     />
-</a>
+  </a>
+  <a
+    href="https://www.abuseipdb.com/user/264039"
+    target="_blank"
+    rel="noopener noreferrer"
+    title="AbuseIPDB is an IP address blacklist for webmasters and sysadmins to report IP addresses engaging in abusive behavior on their networks."
+  >
+    <img
+      id="abuseipdb-badge"
+      src="https://www.abuseipdb.com/contributor/264039.svg"
+      alt="AbuseIPDB Contributor Badge"
+    />
+  </a>
+</div>