\

@@ -1,21 +0,0 @@
-const buttons = document.getElementsByClassName("randomword-button");
-
-export function randomizeWords() {
-  registerButtons();
-}
-
-function registerButtons() {
-  for (let button of buttons) {
-    button.addEventListener("click", function () {
-      button.innerHTML = processWordlist(button.getAttribute("data-wordlist"));
-    });
-    button.click();
-  }
-}
-
-// takes all the words and returns only one
-function processWordlist(wordlist) {
-  return wordlist;
-}
-
-function stripSpaces() {}

assets/scss/colors.scss

@@ -35,25 +35,6 @@ a {
   color: $dark-ln;
 }
 
-.randomword-button{
-  &.light {
-    border-color: $light-fg;
-    background-color: $light-bg;
-    color: $light-fg;
-    &:hover {
-      color: $light-bg;
-      background-color: $light-fg;
-    }
-  }
-  border-color: $dark-fg;
-  background-color: $dark-bg;
-  color: $dark-fg;
-  &:hover{
-    color: $dark-bg;
-    background-color: $dark-fg;
-  }
-}
-
 a.footer-nav-item.active,
 a.footer-nav-item:hover {
   &.light {

assets/scss/layout.scss

@@ -21,19 +21,13 @@ footer {
   margin-bottom: 84pt;
 }
 
-.randomword-button {
-  width: auto;
-  height: auto;
-}
-
 #content p,
 #content ul,
 #content ol,
 #content table,
 code,
 .postdescription,
-hr,
+hr
-#content div .video-player
 {
   margin-right: 24%;
   margin-left: 24%;

assets/scss/style.scss

@@ -108,12 +108,3 @@ ul a{
     padding: 0.12em;
   }
 }
-
-.randomword-button {
-  border-style: solid;
-  padding: 0.12em;
-  border-radius: 0;
-   &::before {
-    content: " ";
-  }
-}

layouts/_default/baseof.html

@@ -5,5 +5,6 @@
     {{- partial "header.html" . -}}
     <div id="content">{{- block "main" . }}{{- end }}</div>
     {{- partial "footer.html" . -}}
+    <script type="module" src="/js/main.js"></script>
   </body>
 </html>

layouts/partials/head.html

@@ -2,7 +2,6 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>{{ .Title }}@{{ .Site.Title }}</title>
-    <script type="module" src="/js/main.js"></script>
     {{ $css := resources.Get "scss/main.scss" }}
     {{ $css = $css | toCSS }}
     <link rel="stylesheet" href="{{ $css.RelPermalink }}">

layouts/shortcodes/randomword.html

@@ -1 +0,0 @@
-<button class="randomword-button colorswitch" data-wordlist="{{.Get 0}}"></button>

static/js/lightmode.js

@@ -12,6 +12,7 @@ function switchToLight() {
 function switchToDark() {
   button.innerHTML = "";
   for (let item of colorswitchers) {
+    console.log(item);
     item.classList.remove("light");
   }
 }

static/js/main.js

@@ -1,9 +1,7 @@
 import { updateMode } from "./lightmode.js";
 import { activateHamburger } from "./hamburger.js";
-import { randomizeWords } from "./randomword.js";
 
 document.addEventListener("DOMContentLoaded", () => {
   updateMode();
   activateHamburger();
-  randomizeWords();
 });

static/js/randomword.js

@@ -1,38 +0,0 @@
-const buttons = document.getElementsByClassName("randomword-button");
-
-export function randomizeWords() {
-  registerButtons();
-}
-
-function registerButtons() {
-  for (let button of buttons) {
-    button.addEventListener("click", function () {
-      button.innerHTML = processWordlist(
-        button.getAttribute("data-wordlist"),
-        button.innerHTML
-      );
-      // do this so people dont have to click twice
-    });
-    button.click();
-  }
-}
-
-// takes all the words and returns only one
-function processWordlist(wordlist, old) {
-  let seperated = wordlist.split(",");
-  for (let word of wordlist) {
-    word = word.trim();
-  }
-  if (seperated.length <= 0) {
-    return "error! empty";
-  }
-  if (seperated.length == 1) {
-    return seperated[0];
-  }
-  seperated = seperated.filter((e) => e !== old);
-  return seperated.random();
-}
-
-Array.prototype.random = function () {
-  return this[Math.floor(Math.random() * this.length)];
-};