docker version stuff

src/main/resources/static/js/darkmode.js

@@ -19,7 +19,7 @@ function setMode(mode) {
 	elements.lightModeStyles.disabled = mode !== "off";
 	elements.darkModeStyles.disabled = mode !== "on";
 	elements.rainbowModeStyles.disabled = mode !== "rainbow";
-	
+	var jumbotron = document.getElementById('jumbotron');
 	if (mode === "on") {
         elements.darkModeIcon.src = "moon.svg";
         // Add the table-dark class to tables for dark mode
@@ -27,6 +27,10 @@ function setMode(mode) {
         tables.forEach(table => {
             table.classList.add('table-dark');
         });
+        if(jumbotron) {
+        	jumbotron.classList.add('bg-dark');
+        	jumbotron.classList.remove('bg-light');
+    	}
     } else if (mode === "off") {
         elements.darkModeIcon.src = "sun.svg";
         // Remove the table-dark class for light mode
@@ -34,6 +38,11 @@ function setMode(mode) {
         tables.forEach(table => {
             table.classList.remove('table-dark');
         });
+        if(jumbotron){
+			console.log(mode)
+         	jumbotron.classList.remove('bg-dark');
+         	jumbotron.classList.add('bg-light');
+     	}
     } else if (mode === "rainbow") {
 		elements.darkModeIcon.src = "rainbow.svg";
 	}
@@ -71,7 +80,7 @@ document.addEventListener("DOMContentLoaded", function() {
 	} else {
 		setMode("off");
 	}
-
+	
 	document.getElementById("dark-mode-toggle").addEventListener("click", function(event) {
 		event.preventDefault();
 		toggleDarkMode();

src/main/resources/templates/fragments/common.html

@@ -51,8 +51,6 @@
 <script src="js/tab-container.js"></script>
 
 
-<script src="js/darkmode.js"></script>
-
 </head>
 
 <th:block th:fragment="game">

src/main/resources/templates/fragments/navbar.html

@@ -5,7 +5,7 @@
 	const currentVersion =  /*[[${@appVersion}]]*/ '';
 	const noFavourites =  /*[[#{noFavourites}]]*/ '';
 </script>
-<script th:src="@{/js/githubVersion.js}"></script>
+<script th:src="@{js/githubVersion.js}"></script>
 
 <link rel="stylesheet" href="css/navbar.css">
 

src/main/resources/templates/home.html

@@ -12,7 +12,7 @@
         <div id="content-wrap">
             <div th:insert="~{fragments/navbar.html :: navbar}"></div>
             <!-- Jumbotron -->
-            <div class="jumbotron jumbotron-fluid d-none d-md-block" id="jumbotron">
+            <div class="bg-light p-5 rounded d-none d-md-block" id="jumbotron">
                 <div class="container">
                     <h1 class="display-4" th:text="${@appName}"></h1>
                     <p class="lead" th:text="${@homeText != 'null' and @homeText != null and @homeText != ''} ? ${@homeText} : #{home.desc}"></p>

src/main/resources/templates/login.html

@@ -59,17 +59,17 @@ body {
 		<div th:if="${logoutMessage}" class="alert alert-success"
 			th:text="${logoutMessage}"></div>
 
-		<form th:action="@{/login}" method="post">
+		<form th:action="@{login}" method="post">
 			<img class="mb-4" src="favicon.svg" alt="" width="144" height="144">
 			<h1 class="h1 mb-3 fw-normal">Stirling-PDF</h1>
 			<h2 class="h5 mb-3 fw-normal">Please sign in</h2>
 
 			<div class="form-floating">
-				<input type="text" class="form-control" id="username"
+				<input type="text" class="form-control" id="username" name="username"
 					placeholder="admin"> <label for="username">Username</label>
 			</div>
 			<div class="form-floating">
-				<input type="password" class="form-control" id="password"
+				<input type="password" class="form-control" id="password" name="password"
 					placeholder="Password"> <label for="password">Password</label>
 			</div>
 

src/main/resources/templates/other/change-metadata.html

@@ -13,7 +13,7 @@
                     <div class="col-md-6">
                         <h2 th:text="#{changeMetadata.header}"></h2>
 
-                        <form method="post" id="form1" enctype="multipart/form-data" th:action="@{/update-metadata}">
+                        <form method="post" id="form1" enctype="multipart/form-data" th:action="@{update-metadata}">
                             <div th:replace="~{fragments/common :: fileSelector(name='fileInput', multiple=false, accept='application/pdf')}"></div>
                             <p class="text-muted" th:text="#{changeMetadata.selectText.1}"></p>
 

src/main/resources/templates/other/compress-pdf.html

@@ -15,7 +15,7 @@
                 <div class="row justify-content-center">
                     <div class="col-md-6">
                         <h2 th:text="#{compress.header}"></h2>
-                        <form action="#" th:action="@{/compress-pdf}" method="post" enctype="multipart/form-data">
+                        <form action="#" th:action="@{compress-pdf}" method="post" enctype="multipart/form-data">
                             <div th:replace="~{fragments/common :: fileSelector(name='fileInput', multiple=false, accept='application/pdf')}"></div>
                             <div class="card mb-3">
                                 <div class="card-body">

src/main/resources/templates/other/ocr-pdf.html

@@ -38,7 +38,7 @@
                 <div class="row justify-content-center">
                     <div class="col-md-6">
                         <h2 th:text="#{ocr.header}"></h2>
-                         <form th:if="${#lists.size(languages) > 0}" action="#" th:action="@{/ocr-pdf}" method="post" enctype="multipart/form-data" class="mb-3">
+                         <form th:if="${#lists.size(languages) > 0}" action="#" th:action="@{ocr-pdf}" method="post" enctype="multipart/form-data" class="mb-3">
                             <div th:replace="~{fragments/common :: fileSelector(name='fileInput', multiple=false, accept='application/pdf')}"></div>
                             <div class="mb-3">
                                 <label for="languages" class="form-label" th:text="#{ocr.selectText.1}"></label>