From 6ee5f3e0b37071485d8b2236a6353307e7f7846d Mon Sep 17 00:00:00 2001
From: divya-rathi <rathidivya1999@gmail.com>
Date: Sun, 8 Mar 2020 19:20:59 +0530
Subject: [PATCH] Login page modified.

---
 .idea/workspace.xml  | 58 +++++++++++++++++++++++---------------------
 app.py               |  2 +-
 static/css/main.css  | 57 +++++++++++++++++++++++++++++++++----------
 templates/login.html | 35 ++++++++++----------------
 4 files changed, 89 insertions(+), 63 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 668500c..2c54fc8 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -1,16 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ChangeListManager">
-    <list default="true" id="e4f9d741-f403-4dd6-a9ba-ae1aeec20efe" name="Default Changelist" comment="css">
-      <change afterPath="$PROJECT_DIR$/static/css/main.css" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/static/images/background_image_hogwarts3.jpg" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/.idea/CAMs.iml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/CAMs.iml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/.idea/misc.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/misc.xml" afterDir="false" />
+    <list default="true" id="e4f9d741-f403-4dd6-a9ba-ae1aeec20efe" name="Default Changelist" comment="">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/static/css/bulma.css" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/static/css/bulma.css.map" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/static/css/bulma.min.css" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/static/images/background_image_hogwarts.jpg" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/app.py" beforeDir="false" afterPath="$PROJECT_DIR$/app.py" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/static/css/main.css" beforeDir="false" afterPath="$PROJECT_DIR$/static/css/main.css" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/templates/login.html" beforeDir="false" afterPath="$PROJECT_DIR$/templates/login.html" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
@@ -41,7 +35,7 @@
     <property name="DefaultHtmlFileTemplate" value="HTML File" />
     <property name="RunOnceActivity.ShowReadmeOnStart" value="true" />
     <property name="SHARE_PROJECT_CONFIGURATION_FILES" value="true" />
-    <property name="last_opened_file_path" value="$PROJECT_DIR$/static/images" />
+    <property name="last_opened_file_path" value="$USER_HOME$/Documents/amrita sem/sem 6/Open Lab/Lab/Turf Assignment" />
     <property name="settings.editor.selected.configurable" value="com.jetbrains.python.configuration.PyActiveSdkModuleConfigurable" />
   </component>
   <component name="RecentsManager">
@@ -141,48 +135,57 @@
       <option name="project" value="LOCAL" />
       <updated>1583587476385</updated>
     </task>
-    <option name="localTasksCounter" value="8" />
+    <task id="LOCAL-00008" summary="css changed">
+      <created>1583591509120</created>
+      <option name="number" value="00008" />
+      <option name="presentableId" value="LOCAL-00008" />
+      <option name="project" value="LOCAL" />
+      <updated>1583591509121</updated>
+    </task>
+    <option name="localTasksCounter" value="9" />
     <servers />
   </component>
   <component name="VcsManagerConfiguration">
     <MESSAGE value="css" />
     <MESSAGE value="Added login css" />
     <MESSAGE value="Added login page" />
-    <option name="LAST_COMMIT_MESSAGE" value="Added login page" />
+    <MESSAGE value="css changed" />
+    <option name="LAST_COMMIT_MESSAGE" value="css changed" />
   </component>
   <component name="WindowStateProjectService">
     <state x="428" y="0" key="#app" timestamp="1583583401575">
       <screen x="0" y="0" width="1536" height="824" />
     </state>
     <state x="428" y="0" key="#app/0.0.1536.824@0.0.1536.824" timestamp="1583583401575" />
-    <state x="394" y="0" key="CommitChangelistDialog2" timestamp="1583587784046">
-      <screen x="0" y="0" width="1536" height="824" />
+    <state x="350" y="0" key="CommitChangelistDialog2" timestamp="1583591507342">
+      <screen x="0" y="0" width="1366" height="728" />
     </state>
-    <state x="350" y="0" key="CommitChangelistDialog2/0.0.1366.728@0.0.1366.728" timestamp="1583578685180" />
+    <state x="350" y="0" key="CommitChangelistDialog2/0.0.1366.728@0.0.1366.728" timestamp="1583591507342" />
     <state x="394" y="0" key="CommitChangelistDialog2/0.0.1536.824@0.0.1536.824" timestamp="1583587784046" />
-    <state x="883" y="113" key="FileChooserDialogImpl" timestamp="1583585719560">
-      <screen x="0" y="0" width="1536" height="824" />
+    <state x="785" y="100" key="FileChooserDialogImpl" timestamp="1583595531877">
+      <screen x="0" y="0" width="1366" height="728" />
     </state>
+    <state x="785" y="100" key="FileChooserDialogImpl/0.0.1366.728@0.0.1366.728" timestamp="1583595531877" />
     <state x="883" y="113" key="FileChooserDialogImpl/0.0.1536.824@0.0.1536.824" timestamp="1583585719560" />
-    <state width="1345" height="179" key="GridCell.Tab.0.bottom" timestamp="1583591295927">
+    <state width="1345" height="179" key="GridCell.Tab.0.bottom" timestamp="1583672903426">
       <screen x="0" y="0" width="1366" height="728" />
     </state>
-    <state width="1345" height="179" key="GridCell.Tab.0.bottom/0.0.1366.728@0.0.1366.728" timestamp="1583591295927" />
+    <state width="1345" height="179" key="GridCell.Tab.0.bottom/0.0.1366.728@0.0.1366.728" timestamp="1583672903426" />
     <state width="1509" height="196" key="GridCell.Tab.0.bottom/0.0.1536.824@0.0.1536.824" timestamp="1583587090976" />
-    <state width="1345" height="179" key="GridCell.Tab.0.center" timestamp="1583591295927">
+    <state width="1345" height="179" key="GridCell.Tab.0.center" timestamp="1583672903425">
       <screen x="0" y="0" width="1366" height="728" />
     </state>
-    <state width="1345" height="179" key="GridCell.Tab.0.center/0.0.1366.728@0.0.1366.728" timestamp="1583591295927" />
+    <state width="1345" height="179" key="GridCell.Tab.0.center/0.0.1366.728@0.0.1366.728" timestamp="1583672903425" />
     <state width="1509" height="196" key="GridCell.Tab.0.center/0.0.1536.824@0.0.1536.824" timestamp="1583587090976" />
-    <state width="1345" height="179" key="GridCell.Tab.0.left" timestamp="1583591295926">
+    <state width="1345" height="179" key="GridCell.Tab.0.left" timestamp="1583672903425">
       <screen x="0" y="0" width="1366" height="728" />
     </state>
-    <state width="1345" height="179" key="GridCell.Tab.0.left/0.0.1366.728@0.0.1366.728" timestamp="1583591295926" />
+    <state width="1345" height="179" key="GridCell.Tab.0.left/0.0.1366.728@0.0.1366.728" timestamp="1583672903425" />
     <state width="1509" height="196" key="GridCell.Tab.0.left/0.0.1536.824@0.0.1536.824" timestamp="1583587090976" />
-    <state width="1345" height="179" key="GridCell.Tab.0.right" timestamp="1583591295927">
+    <state width="1345" height="179" key="GridCell.Tab.0.right" timestamp="1583672903426">
       <screen x="0" y="0" width="1366" height="728" />
     </state>
-    <state width="1345" height="179" key="GridCell.Tab.0.right/0.0.1366.728@0.0.1366.728" timestamp="1583591295927" />
+    <state width="1345" height="179" key="GridCell.Tab.0.right/0.0.1366.728@0.0.1366.728" timestamp="1583672903426" />
     <state width="1509" height="196" key="GridCell.Tab.0.right/0.0.1536.824@0.0.1536.824" timestamp="1583587090976" />
     <state width="1509" height="244" key="GridCell.Tab.1.bottom" timestamp="1583586380740">
       <screen x="0" y="0" width="1536" height="824" />
@@ -205,9 +208,10 @@
     </state>
     <state x="133" y="0" key="SettingsEditor/0.0.1366.728@0.0.1366.728" timestamp="1583588129581" />
     <state x="149" y="0" key="SettingsEditor/0.0.1536.824@0.0.1536.824" timestamp="1583583601024" />
-    <state x="261" y="83" key="Vcs.Push.Dialog.v2" timestamp="1583587483322">
-      <screen x="0" y="0" width="1536" height="824" />
+    <state x="232" y="73" key="Vcs.Push.Dialog.v2" timestamp="1583591512828">
+      <screen x="0" y="0" width="1366" height="728" />
     </state>
+    <state x="232" y="73" key="Vcs.Push.Dialog.v2/0.0.1366.728@0.0.1366.728" timestamp="1583591512828" />
     <state x="261" y="83" key="Vcs.Push.Dialog.v2/0.0.1536.824@0.0.1536.824" timestamp="1583587483322" />
     <state x="494" y="283" key="com.intellij.openapi.vcs.update.UpdateOrStatusOptionsDialogupdate-v2" timestamp="1583591488656">
       <screen x="0" y="0" width="1366" height="728" />
diff --git a/app.py b/app.py
index 9c5c7e5..d2eb4ce 100644
--- a/app.py
+++ b/app.py
@@ -43,4 +43,4 @@ def logout():
 
 if __name__ == "__main__":
     app.secret_key = os.urandom(12)
-    app.run(debug=True,host='127.0.0.1', port=3800)
\ No newline at end of file
+    app.run(debug=True)
\ No newline at end of file
diff --git a/static/css/main.css b/static/css/main.css
index 9260c38..1b365f6 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -1,16 +1,47 @@
-@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
-@import url('https://fonts.googleapis.com/css?family=Aladin&display=swap');
-body,html{
-  height: 100%;
-  margin: 20px;
+body{
+    background-image: url('../images/background_image_hogwarts3.jpg');
+    background-repeat: no-repeat;
+    background-size: contain;
+    overflow-x:hidden;
+}
+input {
+    padding: 8px;
+    height: 36px;
+    width: 260px;
+    margin-top: 20px;
+    font-size: 18px;
+}
+button {
+    height: 30px;
+    width: 160px;
+    margin-top: 45px;
+    background-color: 0088ce;
+    color: #ffffff;
+    padding: 6px 10px;
+    font-size: 14px;
+    line-height: 1.3333333;
+    border-radius: 1px;
+    border: 1px solid transparent;
+}
+button:hover{
+    background-color: #057dbb;
+    background-image: none;
+    border-color: #00659c;
+    color: #fff;
 }
-.bg{
-background-image: url('../images/background_image_hogwarts3.jpg');
-min-height: 380px;
 
-  /* Center and scale the image nicely */
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  position: relative;
+nav{
+    height: 40px;
+    background: #ffffff;
+}
+.block{
+    padding-top: 16px;
+    margin-top: 80px;
+    height: 320px;
+    width: 320px;
+    background: #ffffff;
+    margin-left: 40%;
+}
+.register{
+    margin-top: 7px;
 }
\ No newline at end of file
diff --git a/templates/login.html b/templates/login.html
index 63a05bf..bba6950 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -4,32 +4,23 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.0/css/bulma.min.css">
     <link rel="stylesheet" type= "text/css" href="{{ url_for('static', filename='css/main.css') }}">
-    <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
     <title>Login</title>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 <body>
-<div class = "bg"></div>
-<form action="/login" method="POST">
-<div class="has-text-centered " style="margin:auto; top: 50%; left: 50%;">
-<h1>Login</h1>
-    <div class="field">
-                                <div class="control">
-    <input type="text" class = "input is-large"value="" placeholder="username" name="username">
-                                </div>
+<nav>
+    <p class="has-text-centered">Navbar here</p>
+</nav>
+<div class="has-text-centered block">
+<form action="http://127.0.0.1:5000/login" method="POST">
+    <h2 class="is-size-2">LOGIN</h2>
+    <input type="email" placeholder="Email Id" required>
+    <input type="password" placeholder="Password" required>
+    <div ></div>
+    <button type="submit">LOGIN</button>
+    <div class="register">
+        <p>Need an account? <a href="#">Sign up</a></p>
     </div>
-
-    <div class="field">
-                                <div class="control">
-    <input type="password" class="input is-large" value="" placeholder="password" name="password">
-                                </div>
-    </div>
-<div style="padding-left: 100px;">
-                <input type="radio" name="choice" value="user" checked>User<br><br>
-                <input type="radio" name="choice" value="admin">Admin
-            </div>
-<input type="submit" value="Log in" class="button is-dark is-block is-info is-large is-centered">
-</div>
 </form>
-
+</div>
 </body>
 </html>