From b1ba0f3cc3167234c246567a6443c4e1febf3d4c Mon Sep 17 00:00:00 2001
From: Vidhu Kant Sharma <bokuwakanojogahoshii@yahoo.com>
Date: Tue, 20 Oct 2020 19:08:21 +0530
Subject: made the homepage sexier, still no JS

---
 static/css/new.main.css  | 41 ++++++++++++++++++++++++++++++++++-------
 templates/new.index.html | 15 +++++++++++++--
 2 files changed, 47 insertions(+), 9 deletions(-)

diff --git a/static/css/new.main.css b/static/css/new.main.css
index 22098e4..403d1e4 100644
--- a/static/css/new.main.css
+++ b/static/css/new.main.css
@@ -62,23 +62,50 @@ strong {
 .body {
 	background-image: url("HG.png");
 	background-repeat: no-repeat;
-	background-position: left center;
+	background-position: left top;
 	text-align: center;
+	margin-left: 4%;
 }
 
-.body h1, p {
+.body h1, h3 {
 	color: #f0f0f0;
 	background-color: #23262766;
 	display: inline;
+	padding: 1px 1px;
 }
 
-
 .rightflex {
 	float: right; 
-	margin-right: 3%;
+	margin-right: 10%;
+}
+
+.form {
+	padding: 9%;
+}
+
+#send {
+	margin-left: 6%;
+	color: #000000;
+	background-color: #ff0057;
+	border: 1px solid #e30808;
+	border-radius: 8px;
+	padding: 1% 5%;
+	transition-duration: 0.4s;
+}
+
+#send:hover {
+	background-color: #ff0000;
+}
+
+#name {
+	color: #ff0000;
+}
+
+.big {
+	font-size: 20px;
+	padding: 4px 4px;
 }
 
-#form {
-	margin-top: 4%;
-	: ;
+.subtext {
+	margin-top: 3%;
 }
diff --git a/templates/new.index.html b/templates/new.index.html
index 69628d0..d01a1ef 100644
--- a/templates/new.index.html
+++ b/templates/new.index.html
@@ -30,9 +30,20 @@
 			<div class="rightflex">
 				<br>
 				<h1>Enter someone's name to send them to <strong>hell</strong>.</h1></span>
-				<form id="form">
+				<div class="form">
 					<input type="text" id="name" name="name">
-				</form>
+					<button type="button" id="send">Send</button>
+				</div>
+				<div class="subtext">
+					<h3 id="subtext1">
+					<strong class="big">Notice:</strong>
+					When you <strong>curse</strong> someone, there will be two holes that you dig...
+					</h3>
+					<br>
+					<h3 id="subtext2">
+						One is for the cursed person and the other one is for <strong class="big">yourself.
+					</h3>
+				</div>
 			</div>
 			
 			<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
-- 
cgit v1.2.3