redesign ui of create link page.

Fixes realsdx#7 issue
promaroy · Feb 3, 2019 · 5d6df15 · 5d6df15
1 parent b545698
commit 5d6df15
Show file tree

Hide file tree

Showing 2 changed files with 51 additions and 22 deletions.
diff --git a/iplogger/static/iplogger/css/style.css b/iplogger/static/iplogger/css/style.css
@@ -6,6 +6,7 @@ body {
     background-size: cover;
     font-family: 'Open Sans', sans-serif;
     padding-top: 60px;
+		text-align: center;
 }
 
 blockquote, q {
@@ -188,7 +189,7 @@ footer {
     top: 6em;
     text-align: center;
     background-color: #242830;
-    
+
 }
 ._footer a
 {
@@ -279,7 +280,7 @@ Media Queries
         margin: 0 auto;
 }
 body{
-    overflow-x:hidden; 
+    overflow-x:hidden;
 }
 }
 @media (min-width: 20px) and (max-width: 500px) {
@@ -297,4 +298,36 @@ body{
         width: 80%;
         margin: 0 auto;
 }
-}
+}  h3{
+	font-style: italic;
+	font-size: 20px;
+}.logginbox p{
+   margin: 2px;
+   font-weight:bold;
+   }
+  .logginbox input{
+   width:100%;
+   margin-bottom: 20px;
+}
+  .logginbox input[type="text"],input[type="password"]
+  { border:2px solid black;
+    border-radius:8px;
+     background:transparent;
+
+    height:40px;
+    color:black;
+    font-size:16px;
+ }
+  .logginbox input[type="submit"]
+{  border:3px solid black;
+   border-radius:4px;
+   height:40px;
+   background:#fb2525;
+   color:white;
+    font-size:18px;
+}
+ .logginbox input[type="submit"]:hover
+ { cursor:pointer;
+   background:#ffc107;
+   color:black;
+ }
diff --git a/iplogger/templates/registration/login.html b/iplogger/templates/registration/login.html
@@ -8,31 +8,27 @@
         {% if user.is_authenticated %}
             <p>You are not authorised to view this page.</p>
         {% else %}
-            <p>Please Login to see this page.</p>
+            <p><h3>Please Login to see this page.</<h3></p>
         {% endif %}
     {% endif %}
+    <div class="logginbox">
+      <h4>LOGIN HERE</h4>
+      <form method=post>
+      <p>Username</p>
+      <input type="text" name="user" placeholder="enter username">
+
+      <p>Password</p>
+      <input type="password" name="passwd" placeholder="enter password"><br><br>
+
+       <input type="submit" name="" value="LOGIN"><br>
+      </form>
+     </div>
+
 
-    <form class="form-primary form-primary-login" method="post" action="{% url 'login' %}">
-        {% csrf_token %}
-        <table>
-            <tr>
-                <td>{{ form.username.label_tag }}</td>
-                <td>{{ form.username }}</td>
-            </tr>
-            <tr>
-                <td>{{ form.password.label_tag }}</td>
-                <td>{{ form.password }}</td>
-            </tr>
-        </table>
-
-        <input class="form-button2" type="submit" value="login" />
-        <input type="hidden" name="next" value="{{ next }}" />
-    </form>
-
     {# Assumes you setup the password_reset view in your URLconf #}
     <p class="forgot-pass">
         <a class="text-warning" href="{% url 'password_reset' %}">Lost password?</a>
     </p>
 
 </div>
-{% endblock %}
+{% endblock %}