From 70d4365b1441dd86008739199806740640c18502 Mon Sep 17 00:00:00 2001
From: Gabriel Arazas <foodogsquared@foodogsquared.one>
Date: Mon, 24 Apr 2023 16:43:13 +0800
Subject: [PATCH] Improve site script

---
 assets/js/site.js            | 14 +++++++++-----
 assets/scss/asciidoctor.scss | 11 +++++++++++
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/assets/js/site.js b/assets/js/site.js
index 0a8e673..5dd1e42 100644
--- a/assets/js/site.js
+++ b/assets/js/site.js
@@ -12,12 +12,12 @@
     ];
 
     logo.addEventListener("mouseenter", (event) => {
-        const randomItem = Math.floor(Math.random() * logoQuotes.length)
+        const randomItem = Math.floor(Math.random() * logoQuotes.length);
         event.target.dataset.tooltip = logoQuotes[randomItem];
     });
 
     // Set up shop for QoL code listing features.
-    var codeListings = document.querySelectorAll("main .listingblock > .content")
+    var codeListings = document.querySelectorAll("main .listingblock > .content, main .literalblock > .content");
 
     for (elem of codeListings) {
         var parent = elem.parentElement;
@@ -31,7 +31,7 @@
 
         fullscreenButton.addEventListener("click", (event) => {
             const { target } = event;
-            const parent = target.closest(".listingblock");
+            const parent = target.closest(".listingblock") || target.closest(".literalblock");
             if (!document.fullscreenElement) {
                 parent.requestFullscreen();
             } else if (document.exitFullscreen) {
@@ -51,11 +51,15 @@
             const parent = target.closest(".listingblock");
             const codeListing = parent.querySelector(".content");
             navigator.clipboard.writeText(codeListing.textContent.trim());
-        })
+        });
 
         var buttonRow = document.createElement("div");
         buttonRow.classList.add("listingblock__btn-row");
-        buttonRow.appendChild(copyButton);
+
+        if (parent.classList.contains("listingblock")) {
+            buttonRow.appendChild(copyButton);
+        }
+
         buttonRow.appendChild(fullscreenButton);
         parent.appendChild(buttonRow);
     }
diff --git a/assets/scss/asciidoctor.scss b/assets/scss/asciidoctor.scss
index 2d7e940..d519d20 100644
--- a/assets/scss/asciidoctor.scss
+++ b/assets/scss/asciidoctor.scss
@@ -94,7 +94,18 @@ p.tableblock {
   > .content pre {
     margin-top: unset;
   }
+}
 
+.literalblock {
+  position: relative;
+
+  > .content pre {
+    background: var(--base00);
+    font-size: 0.9em;
+  }
+}
+
+.literalblock, .listingblock {
   > .listingblock__btn-row {
     $gap: 0.3em;