From eda488af83d300dbdd9f7f727a0ade058dd07508 Mon Sep 17 00:00:00 2001
From: CasVT <casvantijn@gmail.com>
Date: Fri, 13 Jan 2023 01:33:20 +0100
Subject: [PATCH] Added banner if javascript is disabled

---
 frontend/static/css/general.css   | 10 ++++++++++
 frontend/static/css/reminders.css |  2 ++
 frontend/templates/login.html     |  1 +
 frontend/templates/reminders.html |  1 +
 4 files changed, 14 insertions(+)

diff --git a/frontend/static/css/general.css b/frontend/static/css/general.css
index 44ae030..38eb314 100644
--- a/frontend/static/css/general.css
+++ b/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));
diff --git a/frontend/static/css/reminders.css b/frontend/static/css/reminders.css
index c1a43cc..0910036 100644
--- a/frontend/static/css/reminders.css
+++ b/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);
 }
diff --git a/frontend/templates/login.html b/frontend/templates/login.html
index 155c475..610ace6 100644
--- a/frontend/templates/login.html
+++ b/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>
diff --git a/frontend/templates/reminders.html b/frontend/templates/reminders.html
index 87fb450..1237989 100644
--- a/frontend/templates/reminders.html
+++ b/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">