diff options
| author | Vidhu Kant Sharma <bokuwakanojogahoshii@yahoo.com> | 2020-10-20 19:08:21 +0530 |
|---|---|---|
| committer | Vidhu Kant Sharma <bokuwakanojogahoshii@yahoo.com> | 2020-10-20 19:08:21 +0530 |
| commit | b1ba0f3cc3167234c246567a6443c4e1febf3d4c (patch) | |
| tree | 351904b83d8d134ada5b4af8507efa5cea1220e9 | |
| parent | b6dbc369c920491a720b384091190afcfb93e312 (diff) | |
made the homepage sexier, still no JS
| -rw-r--r-- | static/css/new.main.css | 41 | ||||
| -rw-r--r-- | 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> |