deploy: 9bdf2c9

additional3.bundle.js

@@ -0,0 +1,32 @@
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+/******/ (() => { // webpackBootstrap
+/******/ 	var __webpack_modules__ = ({
+
+/***/ "./src/backToTop.js":
+/*!**************************!*\
+  !*** ./src/backToTop.js ***!
+  \**************************/
+/***/ (() => {
+
+eval("/*\n  Author: Kor Dwarshuis, [email protected]\n  Created: 2024-04-01\n  Description: \n   Adds a back-to-top button that appears when the user scrolls down the page. When clicked, the page scrolls to the top.\n   Styling in /assets/css/backToTop.css\n*/\n\nfunction backToTop() {\n   /*****************/\n   /* CONFIGURATION */\n   const anchor = \"#search\"; // The ID of the element to which the page should scroll when the back-to-top button is clicked\n\n\n   /* END CONFIGURATION */\n   /*********************/\n\n   const backToTopBtn = document.createElement(\"a\");\n   backToTopBtn.id = \"back-to-top-a1zncgtqfpzsig8\";\n   backToTopBtn.href = anchor;\n   backToTopBtn.innerHTML = `↑`;\n   document.body.appendChild(backToTopBtn);\n\n   function debounce(func, wait) {\n      let timeout;\n      return function executedFunction() {\n         const context = this;\n         const args = arguments;\n         clearTimeout(timeout);\n         timeout = setTimeout(() => func.apply(context, args), wait);\n      };\n   }\n\n   function handleScroll() {\n      if (window.scrollY > 300) {\n         backToTopBtn.style.display = \"flex\";\n      } else {\n         backToTopBtn.style.display = \"none\";\n      }\n   }\n   const debouncedSearchAndHighlight = debounce(handleScroll, 600);\n\n   window.addEventListener(\"scroll\", function () {\n      debouncedSearchAndHighlight();\n   });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n   backToTop();\n});\n\n\n//# sourceURL=webpack://kerisse/./src/backToTop.js?");
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	
+/******/ 	// startup
+/******/ 	// Load entry module and return exports
+/******/ 	// This entry module can't be inlined because the eval devtool is used.
+/******/ 	var __webpack_exports__ = {};
+/******/ 	__webpack_modules__["./src/backToTop.js"]();
+/******/ 	
+/******/ })()
+;

backToTop.css

@@ -0,0 +1,32 @@
+/*
+  Author: Kor Dwarshuis, [email protected]
+  Created: 2024-04-01
+  Description: Styling of back to top link. JavaScript in /assets/js/backToTop.js
+*/
+
+#back-to-top-a1zncgtqfpzsig8 {
+  position: fixed;
+  bottom: 20px;
+  text-decoration: none;
+  left: calc(100% - 1.8em);
+  width: 1.5em;
+  height: 1.5em;
+  margin: 0;
+  padding: 0;
+  background-color: #1E6EAE;
+  color: #222;
+  border-radius: 50px;
+  text-align: center;
+  font-size: 30px;
+  color: #fff;
+  box-shadow:
+    0px 0px 1.3px rgba(0, 0, 0, 0.07),
+    0px 0px 3.6px rgba(0, 0, 0, 0.1),
+    0px 0px 8.7px rgba(0, 0, 0, 0.13),
+    0px 0px 29px rgba(0, 0, 0, 0.2);
+  cursor: pointer;
+  border: none;
+  display: none;
+  align-items: center;
+  justify-content: center;
+}

custom.css

@@ -10,19 +10,19 @@ KERI colors:
 */
 
 a {
-  color: #62783E !important;
+  color: #62783E;
 }
 
 a:hover {
-  color: #B4D070 !important;
+  color: #B4D070;
 }
 
 .hero2 a {
-  color: #eee !important;
+  color: #eee;
 }
 
 .hero2 a:hover {
-  color: #ccc !important;
+  color: #ccc;
 }
 
 
@@ -945,10 +945,6 @@ article .markdown .inline-medium-end,
   border-radius: 10px;
 }
 
-.hero2 a {
-  color: #fff;
-  text-decoration: underline;
-}
 
 
 .hero {
@@ -973,24 +969,6 @@ article .markdown .inline-medium-end,
 
 }
 
-
-
-
-/* .hero__image {
-  max-width: 10em !important;
-  animation: rotation 12s infinite linear;
-}
-
-@keyframes rotation {
-  from {
-    transform: rotate(0deg);
-  }
-
-  to {
-    transform: rotate(359deg);
-  }
-} */
-
 footer {
   background: #313846;
 }

index.html

@@ -11,10 +11,10 @@
 
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
     <link rel="stylesheet" href="custom.css">
+    <link rel="stylesheet" href="backToTop.css">
 </head>
 
 <body>
-
     <div id="search" class="container p-3">
         <div class="hero">
             <div class="row">
@@ -41,7 +41,11 @@ <h1 class="search-heading text-center fs-2">KERISSE</h1>
             <p class="text-center">KERI Suite Search Engine</p>
 
             <div id="search-box" class="mt-3 mb-2"></div>
-            <div class="alert alert-secondary p-1" id="loader">–</div>
+            <div class="alert alert-secondary p-1 mb-2" id="loader">–</div>
+            <a href="#search-results"
+                class="to-search-results btn btn-light text-dark btn-sm mt-0 mb-3 d-inline-block d-md-none">
+                Jump to search results
+            </a>
             <small class='d-block text-end'>
                 <a class="d-inline" target="_blank" rel="noopener" href="indexed-in-KERISSE.html">
                     Indexed:
@@ -56,9 +60,7 @@ <h1 class="search-heading text-center fs-2">KERISSE</h1>
             </small>
         </div>
 
-        <a href="#search-results" class="to-search-results btn btn-light btn-sm mt-3 mb-3 d-block d-md-none">
-            Jump to search results
-        </a>
+
 
         <!--
     <p id="example-search-terms" class="mt-4 text-center"><small>Try:
@@ -192,11 +194,10 @@ <h5 class="text-light">Important resources</h5>
     </div>-->
     </footer>
 
-
-
     <script src="main.bundle.js"></script>
     <script src="additional1.bundle.js"></script>
     <script src="additional2.bundle.js"></script>
+    <script src="additional3.bundle.js"></script>
 </body>
 
 </html>