assets/herman.css

@@ -190,51 +190,6 @@ td {
   transform: translateY(0%);
 }
 
-.upvote {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: fit-content;
-  gap: 0.2rem;
-  margin-block: var(--spacing);
-}
-
-#upvote-btn {
-  background: none;
-  border: none;
-  cursor: pointer;
-  color: var(--color-light);
-  font-size: calc(var(--size) * 4);
-  line-height: 0.8;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 0;
-  opacity: 0.4;
-  transition: opacity 0.15s, color 0.15s;
-}
-
-#upvote-btn:hover {
-  opacity: 0.8;
-}
-
-#upvote-btn[voted] {
-  color: var(--color-primary);
-  opacity: 1;
-}
-
-#upvote-chevron {
-  display: block;
-  line-height: 1;
-  margin-bottom: -0.3em;
-}
-
-#upvote-count {
-  font-size: calc(var(--size) * 1.6);
-  line-height: 1;
-}
-
 figure {
   margin-inline-start: 0em;
   margin-inline-end: 0em;

layouts/_default/single.html

@@ -18,15 +18,6 @@
     <a class="blog-tags" href="{{ .RelPermalink }}">#{{ lower .LinkTitle }}</a>
   {{ end }}
 </p>
-{{ if .Site.Params.upvotes }}
-<div class="upvote">
-  <button id="upvote-btn" aria-label="Upvote">
-    <span id="upvote-chevron">&#8963;</span>
-    <span id="upvote-count">—</span>
-  </button>
-</div>
-<script src="/upvote.js"></script>
-{{ end }}
 {{ if not .Params.hideReply }}
 {{ with .Site.Params.author.email }}
   <p>

static/upvote.js

@@ -1,37 +0,0 @@
-(async function () {
-  // Define the slug
-  const slug = location.pathname.replace(/^\/|\/$/g, "").replaceAll("/", "-");
-  const API = "http://localhost:3000";
-
-  const btn = document.getElementById("upvote-btn");
-  const count = document.getElementById("upvote-count");
-
-  //  On load fetch curent vote count and whether the button should be clicked on or off
-  const res = await fetch(`${API}/posts/${slug}/votes`, {
-    credentials: "include",
-  });
-  const data = await res.json();
-
-  count.textContent = data.vote_count;
-  if (data.voted) btn.setAttribute("voted", true);
-
-  btn.addEventListener("click", async () => {
-    const alreadyVoted = btn.hasAttribute("voted");
-
-    const method = alreadyVoted ? "DELETE" : "POST";
-    const r = await fetch(`${API}/posts/${slug}/vote`, {
-      method,
-      credentials: "include",
-    });
-
-    if (r.ok) {
-      const updated = await fetch(`${API}/posts/${slug}/votes`, {
-        credentials: "include",
-      });
-      const d = await updated.json();
-      count.textContent = d.vote_count;
-      if (d.voted) btn.setAttribute("voted", false);
-      else btn.removeAttribute("voted");
-    }
-  });
-})();