Added banner if javascript is disabled

frontend/static/css/general.css

@@ -134,6 +134,16 @@ h1 {
 	font-size: clamp(1.3rem, 7vw, 2rem);
 }
 
+noscript {
+	width: 90%;
+	margin-inline: 1rem;
+
+	border-radius: 4px;
+	padding: 1rem;
+	background-color: var(--color-error);
+	color: var(--color-light);
+}
+
 .nav-divider {
 	position: relative;
 	height: calc(100% - var(--header-height));

frontend/static/css/reminders.css

@@ -4,8 +4,10 @@
 	margin: auto;
 	
 	display: flex;
+	flex-direction: column;
 	justify-content: center;
 	align-items: center;
+	gap: 1rem;
 	
 	padding-block: clamp(1rem, 4vw, 2rem);
 }

frontend/templates/login.html

@@ -19,6 +19,7 @@
 		<div class="form-container">
 			<form id="login-form">
 				<h2>Login</h2>
+				<noscript>Javascript is disabled. The web-ui of Noted does not work with JavaScript disabled.</noscript>
 				<input type="text" id="username-input" autocomplete="username" placeholder="Username" required autofocus>
 				<p class="error hidden" id="username-error">*Username not found</p>
 				<input type="password" id="password-input" autocomplete="current-password" placeholder="Password" required>

frontend/templates/reminders.html

@@ -75,6 +75,7 @@
 		<main class="window-container">
 			<div id="home">
 				<div class="search-container">
+					<noscript>Javascript is disabled. The web-ui of Noted does not work with JavaScript disabled.</noscript>
 					<form id="search-form">
 						<div class="search-bar">
 							<button type="submit">