From aa15d59e35523c7210e962ab367e56f68467317b Mon Sep 17 00:00:00 2001
From: Vidhu Kant Sharma <bokuwakanojogahoshii@yahoo.com>
Date: Tue, 20 Apr 2021 15:46:06 +0530
Subject: styled the form and completed the mechanism to only render page on
 midnight

---
 static/css/old/style.css    |  5 +++++
 static/css/style.css        | 43 +++++++++++++++++++++++++++++++++++++++++--
 static/scripts/CheckTime.js |  4 ++++
 3 files changed, 50 insertions(+), 2 deletions(-)
 create mode 100644 static/scripts/CheckTime.js

(limited to 'static')

diff --git a/static/css/old/style.css b/static/css/old/style.css
index 281322d..d7326bf 100644
--- a/static/css/old/style.css
+++ b/static/css/old/style.css
@@ -27,6 +27,10 @@ input[type=text] {
 	margin: 0;
 	box-sizing: border-box;
 	color: red;
+
+  border-radius: 3px;
+  border: none;
+  outline: none;
 }
 
 input[type=submit] {
@@ -39,4 +43,5 @@ input[type=submit] {
 
 input[type=submit]:hover {
 	background-color: #A0A8C8;
+  border: none;
 }
diff --git a/static/css/style.css b/static/css/style.css
index fa54eee..5b367d6 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -12,6 +12,27 @@ body {
 	margin-bottom: 2.5rem;
 	background-color: #222526;
 	overflow: hidden;
+
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.navbar p,
+.navbar nav {
+  display: inline-block;
+  margin: auto 2rem;
+}
+
+.navbar p {
+  font-size: 2rem;
+}
+
+nav a {
+  color: pink;
+  text-decoration: none;
+  padding: 0.5rem;
 }
 
 .root {
@@ -45,6 +66,13 @@ form input {
 input[type=text] {
 	height: 2rem;
 	box-sizing: border-box;
+  outline: none;
+
+  color: #FF0000;
+}
+
+input[type=text]:hover {
+  outline-color: red;
 }
 
 #submit-button {
@@ -79,9 +107,20 @@ h1, h3 {
 
 @media only screen and (max-device-width: 480px) {
 	.content {
-		margin: auto;
+    margin: auto;
 	}
 	form {
-		width: 100%;
+    width: 100%;
 	}
+  .navbar p,
+  .navbar nav {
+    display: inline-block;
+    margin: auto 0.5rem;
+  }
+  nav a {
+    margin: 0;
+  }
+  .navbar p {
+    font-size: 2rem;
+  }
 }
diff --git a/static/scripts/CheckTime.js b/static/scripts/CheckTime.js
new file mode 100644
index 0000000..7c806c5
--- /dev/null
+++ b/static/scripts/CheckTime.js
@@ -0,0 +1,4 @@
+var timeHours = new Date().getHours();
+if (timeHours != 00) {
+  window.location = "about:blank"
+}
-- 
cgit v1.2.3