improvement in complete architecture

author: shivam kohli <kohlishivam5522@gmail.com> 2018-07-20 06:42:51 +0530
committer: shivam kohli <kohlishivam5522@gmail.com> 2018-07-20 06:42:51 +0530
commit: 94be0d7216ec3c5f253b895681b11e7b0678211a (patch)
tree: 4569a7e5fd98048b16df8d734ce47380d40dc293 /templates
parent: 6445ed8e1ceaf170315187635cf7df86e179b179 (diff)
download: codeless-94be0d7216ec3c5f253b895681b11e7b0678211a.tar.gz
codeless-94be0d7216ec3c5f253b895681b11e7b0678211a.tar.bz2
codeless-94be0d7216ec3c5f253b895681b11e7b0678211a.zip
9 files changed, 642 insertions, 123 deletions
diff --git a/templates/inventory/digital_inventory.html b/templates/inventory/digital_inventory.html
new file mode 100644
index 0000000..da015a0
--- /dev/null
+++ b/templates/inventory/digital_inventory.html
@@ -0,0 +1,160 @@
+<!DOCTYPE html>
+<!-- 
+This file is part of the Taler Codeless Merchant.
+(C) 2018 GNUnet e.V.
+
+The Taler Codeless Merchant is free software: you can redistribute it and/or
+modify it under the terms of the GNU Affero General Public License as published
+by the Free Software Foundation, either version 3 of the License, or (at your
+option) any later version.
+
+The Taler Codeless Merchant is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
+or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License
+for more details.
+
+You should have received a copy of the GNU Affero General Public License along
+with the Taler Codeless Merchant.  If not, see <https://www.gnu.org/licenses/>.
+
+@author Shivam Kohli
+ -->
+<html>
+<head>
+    <title>Home</title>
+    <style type="text/css">
+        *,
+        *::before,
+        *::after {
+          box-sizing: border-box;
+        }
+        html {
+          background-color: #f0f0f0;
+        }
+        body {
+          color: #999999;
+          font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+          font-style: normal;
+          font-weight: 400;
+          letter-spacing: 0;
+          padding: 1rem;
+          text-rendering: optimizeLegibility;
+          -webkit-font-smoothing: antialiased;
+          -moz-osx-font-smoothing: grayscale;
+          -moz-font-feature-settings: "liga" on;
+        }
+        .sidenav {
+          height: 100%;
+          width: 160px;
+          position: fixed;
+          z-index: 1;
+          top: 0;
+          left: 0;
+          background-color: #111;
+          overflow-x: hidden;
+          padding-top: 20px;
+        }
+
+        .sidenav a {
+          padding: 6px 8px 6px 16px;
+          text-decoration: none;
+          font-size: 25px;
+          color: #818181;
+          display: block;
+        }
+
+        .sidenav a:hover {
+          color: #f1f1f1;
+        }
+        .main {
+          margin-left: 160px;
+          font-size: 28px;
+          padding: 0px 10px;
+        }
+        @media screen and (max-height: 450px) {
+          .sidenav {padding-top: 15px;}
+          .sidenav a {font-size: 18px;}
+        }
+        #contact {width:100%; height:100%; margin 0 auto; background: #DDD; }
+
+        .container {width:960px; height:auto; margin: 0 auto; padding: 50px 0;}
+
+        #contact .container form input,
+        #contact .container form textarea {
+          width:97.4%;
+          height:30px;
+          padding:5px 10px;
+          font-size: 12px;
+          color:#999;
+          letter-spacing:1px;
+          background: #FFF;
+          border:2px solid #FFF;
+          margin-bottom:25px;
+          -webkit-transition:all .1s ease-in-out;
+          -moz-transition:all .1s ease-in-out;
+          -ms-transition:all .1s ease-in-out;
+          -o-transition:all .1s ease-in-out;
+          transition:all .1s ease-in-out;}
+
+        #contact .container form input:focus,
+        #contact .container form textarea:focus {
+          border:2px solid #dd4545;
+          color:#999;}
+
+        #contact .container form textarea {
+          height:150px;}
+
+        #contact .container form .submit {
+          width:100%;
+          padding:5px 10px;
+          font-size: 12px;
+          letter-spacing:1px;
+          background:#dd4545;
+          height:40px;
+          text-transform:uppercase;
+          letter-spacing:1px;
+          color:#FFF;
+          border:2px solid #b43838;
+          -webkit-transition:all .1s ease-in-out;
+          -moz-transition:all .1s ease-in-out;
+          -ms-transition:all .1s ease-in-out;
+          -o-transition:all .1s ease-in-out;
+          transition:all .1s ease-in-out;}
+
+        #contact .container form .submit:hover {
+          color:#FFF;
+          border:2px solid #dd4545;
+          background: #b43838;
+          cursor:pointer;}
+
+        #contact .container form .required {
+          color:#b43838;}
+    </style>
+</head>
+<body>
+
+<div class="sidenav">
+    <a href="/home">Home</a>
+    <a href="/logout">Logout</a></li>
+    <a href="/order">Order</a></li>
+</div>
+
+<div class="main">
+    <center>
+        <h1>ADD A NEW PRODUCT</h1>
+    </center>
+
+    <section id="contact">
+        <div class="container">
+          <form method="post" enctype="multipart/form-data">
+          <form method="post" enctype="multipart/form-data">
+          <h1>FOR DIGITAL INVENTORY</h1>
+          {% csrf_token %}
+          {{ form.as_p }}
+          <button name="add_product" type="submit" class="submit">Add Product</button>
+          </form>
+      </div>
+    </section>
+
+</div>
+</body>
+</html>
+\ No newline at end of file
diff --git a/templates/inventory/fulfillment.html b/templates/inventory/fulfillment.html
index 4e5c608..14d9e46 100644
--- a/templates/inventory/fulfillment.html
+++ b/templates/inventory/fulfillment.html
@@ -21,9 +21,98 @@ with the Taler Codeless Merchant.  If not, see <https://www.gnu.org/licenses/>.
 <html>
 <head>
 	<title></title>
+	<style type="text/css">
+		ol.progtrckr {
+	    margin: 0;
+	    padding: 0;
+	    list-style-type none;
+	}
+
+	ol.progtrckr li {
+	    display: inline-block;
+	    text-align: center;
+	    line-height: 3.5em;
+	}
+
+	ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
+	ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }
+	ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; }
+	ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; }
+	ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
+	ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
+	ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
+	ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }
+
+	ol.progtrckr li.progtrckr-done {
+	    color: black;
+	    border-bottom: 4px solid yellowgreen;
+	}
+	ol.progtrckr li.progtrckr-todo {
+	    color: silver; 
+	    border-bottom: 4px solid silver;
+	}
+
+	ol.progtrckr li:after {
+	    content: "\00a0\00a0";
+	}
+	ol.progtrckr li:before {
+	    position: relative;
+	    bottom: -2.5em;
+	    float: left;
+	    left: 50%;
+	    line-height: 1em;
+	}
+	ol.progtrckr li.progtrckr-done:before {
+	    content: "\2713";
+	    color: white;
+	    background-color: yellowgreen;
+	    height: 2.2em;
+	    width: 2.2em;
+	    line-height: 2.2em;
+	    border: none;
+	    border-radius: 2.2em;
+	}
+	ol.progtrckr li.progtrckr-todo:before {
+	    content: "\039F";
+	    color: silver;
+	    background-color: white;
+	    font-size: 2.2em;
+	    bottom: -1.2em;
+	}
+
+	</style>
 </head>
 <body>
-Thank you for purchasing.
-</form>
+Thank you for purchasing {{  name }} of price {{  price }}. The Product was successfully placed on {{  delivery_date }} Your product will be delivered to you on the address {{  address }}
+</br></br></br></br></br></br></br>
+<h1>SHIPMENT TRACKING</h1>
+<ol class="progtrckr" data-progtrckr-steps="5">
+    <li class="progtrckr-done">Order Processing</li>
+
+    {% if  pre_production == 'True' %}
+	    <li class="progtrckr-done">Pre-Production</li>
+    {% else %}
+	    <li class="progtrckr-todo">Pre-Production</li>
+	{% endif %}
+
+	{% if  in_production == 'True' %}
+	    <li class="progtrckr-done">In Production</li>
+    {% else %}
+	    <li class="progtrckr-todo">In Production</li>
+	{% endif %}
+
+	{% if  shipped == 'True' %}
+	    <li class="progtrckr-done">Shipped</li>
+    {% else %}
+	    <li class="progtrckr-todo">Shipped</li>
+	{% endif %}
+
+	{% if  delivered == 'True' %}
+	    <li class="progtrckr-done">Delivered</li>
+    {% else %}
+	    <li class="progtrckr-todo">Delivered</li>
+	{% endif %}
+
+</ol>
 </body>
 </html>
 \ No newline at end of file
diff --git a/templates/inventory/home.html b/templates/inventory/home.html
index 0d222af..14bcd47 100644
--- a/templates/inventory/home.html
+++ b/templates/inventory/home.html
@@ -165,7 +165,8 @@ with the Taler Codeless Merchant.  If not, see <https://www.gnu.org/licenses/>.
 	</ul>
 
 
-	<center><a href="/new_product">ADD PRODUCT</a></center>
+	<center><a href="/new_product">ADD PRODUCT</a></center></br>
+	<center><a href="/digital_inventory">ADD DIGITAL INVENTORY</a></center>
 
 </div>
 
diff --git a/templates/inventory/index.html b/templates/inventory/index.html
index f24f4d1..c5009d3 100644
--- a/templates/inventory/index.html
+++ b/templates/inventory/index.html
@@ -20,32 +20,75 @@ with the Taler Codeless Merchant.  If not, see <https://www.gnu.org/licenses/>.
  -->
 <html>
 <head>
-	<title>Login</title>
+  <title>Sign Up</title>
+  <style type="text/css">
+        *,
+        *::before,
+        *::after {
+          box-sizing: border-box;
+        }
+        html {
+          background-color: #f0f0f0;
+        }
+        body {
+          color: #999999;
+          font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+          font-style: normal;
+          font-weight: 400;
+          letter-spacing: 0;
+          padding: 1rem;
+          text-rendering: optimizeLegibility;
+          -webkit-font-smoothing: antialiased;
+          -moz-osx-font-smoothing: grayscale;
+          -moz-font-feature-settings: "liga" on;
+        }
+        .sidenav {
+          height: 100%;
+          width: 160px;
+          position: fixed;
+          z-index: 1;
+          top: 0;
+          left: 0;
+          background-color: #111;
+          overflow-x: hidden;
+          padding-top: 20px;
+        }
+
+        .sidenav a {
+          padding: 6px 8px 6px 16px;
+          text-decoration: none;
+          font-size: 25px;
+          color: #818181;
+          display: block;
+        }
+
+        .sidenav a:hover {
+          color: #f1f1f1;
+        }
+        .main {
+          margin-left: 160px;
+          font-size: 28px;
+          padding: 0px 10px;
+        }
+        @media screen and (max-height: 450px) {
+          .sidenav {padding-top: 15px;}
+          .sidenav a {font-size: 18px;}
+        }
+    </style>
 </head>
-<body style="background: linear-gradient(0deg, #F6F0E1 100%, rgba(200,200,200,0) 100%); height: 100%"; >
-<div>
-  <div>
-    <div>
-      <p>Logis
-      n</p>
-    </div>
-    
-    <form method="post">
-       <div>
-        <span>Login</span>
-        <a href="/accounts/login">Log in</a>
-      </div>
-      <div>
-        <span>New User?</span>
-        <a href="/signup">Create Account</a>
-      </div>
-    </div>
-        
-      </fieldset>
-    </form>
-    
-  </div>
+<body>
+<div class="sidenav">
+    <a href="/accounts/login">LOGIN</a>
+    <a href="/signup">REGISTER</a></li>
+    <a href="/password_reset">FORGET PASSWORD</a></li>
 </div>
+
+<div class="main">
+    <center>
+        <h1>LOGGED OUT</h1>
+    </center>
+    <h4>SUCCESSFULLY LOGGED OUT</h4>
+          
 </div>
 
 </body>
diff --git a/templates/inventory/login.html b/templates/inventory/login.html
index 2f2b9e8..ac447ea 100644
--- a/templates/inventory/login.html
+++ b/templates/inventory/login.html
@@ -20,53 +20,138 @@ with the Taler Codeless Merchant.  If not, see <https://www.gnu.org/licenses/>.
  -->
 <html>
 <head>
-	<title>Login</title>
+  <title>Sign Up</title>
+  <style type="text/css">
+        *,
+        *::before,
+        *::after {
+          box-sizing: border-box;
+        }
+        html {
+          background-color: #f0f0f0;
+        }
+        body {
+          color: #999999;
+          font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+          font-style: normal;
+          font-weight: 400;
+          letter-spacing: 0;
+          padding: 1rem;
+          text-rendering: optimizeLegibility;
+          -webkit-font-smoothing: antialiased;
+          -moz-osx-font-smoothing: grayscale;
+          -moz-font-feature-settings: "liga" on;
+        }
+        .sidenav {
+          height: 100%;
+          width: 160px;
+          position: fixed;
+          z-index: 1;
+          top: 0;
+          left: 0;
+          background-color: #111;
+          overflow-x: hidden;
+          padding-top: 20px;
+        }
+
+        .sidenav a {
+          padding: 6px 8px 6px 16px;
+          text-decoration: none;
+          font-size: 25px;
+          color: #818181;
+          display: block;
+        }
+
+        .sidenav a:hover {
+          color: #f1f1f1;
+        }
+        .main {
+          margin-left: 160px;
+          font-size: 28px;
+          padding: 0px 10px;
+        }
+        @media screen and (max-height: 450px) {
+          .sidenav {padding-top: 15px;}
+          .sidenav a {font-size: 18px;}
+        }
+        #contact {width:100%; height:100%; margin 0 auto; background: #DDD; }
+
+        .container {width:960px; height:auto; margin: 0 auto; padding: 50px 0;}
+
+        #contact .container form input,
+        #contact .container form textarea {
+          width:97.4%;
+          height:30px;
+          padding:5px 10px;
+          font-size: 12px;
+          color:#999;
+          letter-spacing:1px;
+          background: #FFF;
+          border:2px solid #FFF;
+          margin-bottom:25px;
+          -webkit-transition:all .1s ease-in-out;
+          -moz-transition:all .1s ease-in-out;
+          -ms-transition:all .1s ease-in-out;
+          -o-transition:all .1s ease-in-out;
+          transition:all .1s ease-in-out;}
+
+        #contact .container form input:focus,
+        #contact .container form textarea:focus {
+          border:2px solid #dd4545;
+          color:#999;}
+
+        #contact .container form textarea {
+          height:150px;}
+
+        #contact .container form .submit {
+          width:100%;
+          padding:5px 10px;
+          font-size: 12px;
+          letter-spacing:1px;
+          background:#dd4545;
+          height:40px;
+          text-transform:uppercase;
+          letter-spacing:1px;
+          color:#FFF;
+          border:2px solid #b43838;
+          -webkit-transition:all .1s ease-in-out;
+          -moz-transition:all .1s ease-in-out;
+          -ms-transition:all .1s ease-in-out;
+          -o-transition:all .1s ease-in-out;
+          transition:all .1s ease-in-out;}
+
+        #contact .container form .submit:hover {
+          color:#FFF;
+          border:2px solid #dd4545;
+          background: #b43838;
+          cursor:pointer;}
+
+        #contact .container form .required {
+          color:#b43838;}
+    </style>
 </head>
-<body style="background: linear-gradient(0deg, #F6F0E1 100%, rgba(200,200,200,0) 100%); height: 100%"; >
-<div>
-  <div>
-    <div>
-      <p>Login</p>
-    </div>
-    
-    <form method="post">
-      {% csrf_token %}
-    
-      <fieldset>
-        {% for field in form %}
-        <div>
-          <p>
-        {{ field.label_tag }}<br>
-        {{ field }}
-        {% if field.help_text %}
-          <small style="color: grey">{{ field.help_text }}</small>
-        {% endif %}
-        </div>
-        
-        {% endfor %}
-        
-      </fieldset>
-      <fieldset>
-        {{error_message}}
-        <button type="submit">Log in</button>
+<body>
+<div class="sidenav">
+    <a href="/accounts/login">LOGIN</a>
+    <a href="/signup">REGISTER</a></li>
+    <a href="/password_reset">FORGET PASSWORD</a></li>
+</div>
 
-        <div>
-      <div>
-        <span>New User?</span>
-        <a href="/signup">Create Account</a>
-      </div>
-      <div>
-        <span>Forget Password?</span>
-        <a href="/password_reset">RESET</a>
+<div class="main">
+    <center>
+        <h1>LOGIN</h1>
+    </center>
+    <section id="contact">
+        <div class="container">
+          <form method="post" enctype="multipart/form-data">
+          <form method="post" enctype="multipart/form-data">
+          {% csrf_token %}
+          {{ form.as_p }}
+          <button name="add_product" type="submit" class="submit">LOGIN</button>
+          </form>
       </div>
-    </div>
-        
-      </fieldset>
-    </form>
-    
-  </div>
+    </section>
 </div>
 </div>
-
 </body>
 </html>
 \ No newline at end of file
diff --git a/templates/inventory/new_product.html b/templates/inventory/new_product.html
index 5e81f4e..a7d4cfb 100644
--- a/templates/inventory/new_product.html
+++ b/templates/inventory/new_product.html
@@ -129,6 +129,45 @@ with the Taler Codeless Merchant.  If not, see <https://www.gnu.org/licenses/>.
         #contact .container form .required {
           color:#b43838;}
     </style>
+    <style>
+      .tooltip {
+          position: relative;
+          display: inline-block;
+      }
+
+      .tooltip .tooltiptext {
+          visibility: hidden;
+          width: 300px;
+          background-color: #555;
+          color: #fff;
+          text-align: center;
+          border-radius: 6px;
+          padding: 5px 0;
+          position: absolute;
+          z-index: 1;
+          bottom: 125%;
+          left: 50%;
+          margin-left: -60px;
+          opacity: 0;
+          transition: opacity 0.3s;
+      }
+
+      .tooltip .tooltiptext::after {
+          content: "";
+          position: absolute;
+          top: 100%;
+          left: 50%;
+          margin-left: -5px;
+          border-width: 5px;
+          border-style: solid;
+          border-color: #555 transparent transparent transparent;
+      }
+
+      .tooltip:hover .tooltiptext {
+          visibility: visible;
+          opacity: 1;
+      }
+    </style>
 </head>
 <body>
 
@@ -148,30 +187,26 @@ with the Taler Codeless Merchant.  If not, see <https://www.gnu.org/licenses/>.
             <form name="add_product_form" action="/add_product/" method="post" enctype="multipart/form-data">
 
                 {% csrf_token %}
+                <label for="name" class="tooltip">Name<font size="1"><span class="tooltiptext">Enter the name of the product</span></font></label>
                 <input type="text" name="name" id="name" placeholder="Name" required>
-                <textarea type="text" name="description" id="description" placeholder="Description" required></textarea>
+
+                <label for="description" class="tooltip">Description<font size="1"><span class="tooltiptext">Describe the product in one or two lines</span></font></label>
+                <input type="text" name="description" id="description" placeholder="Description" required></input>
+
+                <label for="price" class="tooltip">Price<font size="1"><span class="tooltiptext">Enter the price of the product. Remeber to write price in English texts. For Example 100 or 99.95</span></font></label>
                 <input type="text" name="price" id="price" placeholder="Price" required>
+
+                <label for="starting_inventory" class="tooltip">Starting Inventory<font size="1"><span class="tooltiptext">Enter the number of Inventory initially available for the given product</span></font></label>
                 <input type="number" name="starting_inventory" id="starting_inventory" placeholder="Starting Inventory" required>
-                <input type="number" name="minimum_required" id="minimum_required" placeholder="Minimum Quantity Required" required>
+
+                <label for="minimum_required" class="tooltip">Minimum Inventory Required<font size="1"><span class="tooltiptext">Enter the minimum number of inventory that is required for the given product(notifications will be send if inventory is below this llimit)</span></font></label>
+                <input type="number" name="minimum_required" id="minimum_required" placeholder="Minimum Inventory Required" required>
+
                 <button name="add_product" type="submit" class="submit">Add Product</button>
               
             </form>
         </div>
     </section>
-
-    <section id="contact">
-        <div class="container">
-          <form method="post" enctype="multipart/form-data">
-          <form method="post" enctype="multipart/form-data">
-          <h1>FOR DIGITAL INVENTORY</h1>
-          {% csrf_token %}
-          {{ form.as_p }}
-          <button name="add_product" type="submit" class="submit">Add Product</button>
-          </form>
-      </div>
-    </section>
-
 </div>
-
 </body>
 </html>
 \ No newline at end of file
diff --git a/templates/inventory/order.html b/templates/inventory/order.html
index 763003d..97ae43f 100644
--- a/templates/inventory/order.html
+++ b/templates/inventory/order.html
@@ -160,6 +160,19 @@ with the Taler Codeless Merchant.  If not, see <https://www.gnu.org/licenses/>.
                         <li class="card__text">{{ i.name }}</li>
                     {% endfor %}
                 </ol>
+                <p>Update order status</p>
+                <form action="{{ item.url }}" method="post">
+                <!-- <form action="home"> -->
+                {% csrf_token %}
+                <select name="status">
+                  <option value="order_processing">Order Processing</option>
+                  <option value="pre_production">Pre-Production</option>
+                  <option value="in_production">In Production</option>
+                  <option value="shipped">Shipped</option>
+                  <option value="delivered">Delivered</option>
+                </select>
+                <button name="update_status" type="submit" class="submit">Update</button>
+              </form>
               </div>
             </div>
           </li>
diff --git a/templates/inventory/shipment_details.html b/templates/inventory/shipment_details.html
index 7aee562..1dcce10 100644
--- a/templates/inventory/shipment_details.html
+++ b/templates/inventory/shipment_details.html
@@ -89,7 +89,7 @@ with the Taler Codeless Merchant.  If not, see <https://www.gnu.org/licenses/>.
         <div class="container">
             <form name="add_product_form" action="/payment" method="get" enctype="multipart/form-data">
                 <input type="text" name="name_user" id="name_user" placeholder="Enter name" required>
-                <input type="text" name="address_user" id="address_user" placeholder="Address(For Digital Inventory leave blank)">
+                <input type="text" name="address_user" id="address_user" placeholder="Address" required>
                 <input type="hidden" name="name" value="{{ name }}">
                 <input type="hidden" name="price" value="{{ price }}">
                 <input type="hidden" name="merchant" value="{{ merchant }}">
diff --git a/templates/inventory/signup.html b/templates/inventory/signup.html
index 7a7dd71..25f2811 100644
--- a/templates/inventory/signup.html
+++ b/templates/inventory/signup.html
@@ -21,44 +21,137 @@ with the Taler Codeless Merchant.  If not, see <https://www.gnu.org/licenses/>.
 <html>
 <head>
   <title>Sign Up</title>
-</head>
-<body style="background: linear-gradient(0deg, #F6F0E1 100%, rgba(200,200,200,0) 100%); height: 100%"; >
-<div>
-  <h1>Sign up</h1> 
-    {% block content %}
-      
-      <form method="post" enctype="multipart/form-data">
-        {% csrf_token %}
-        {% for field in form %}
-          <p>
-            {{ field.label_tag }}<br>
-            {{ field }}
-            {% if field.help_text %}
-              <small style="color: grey">{{ field.help_text }}</small>
-            {% endif %}
-            {% for error in field.errors %}
-              <p style="color: red">{{ error }}</p>
-            {% endfor %}
-          </p>
-        {% endfor %}
+  <style type="text/css">
+        *,
+        *::before,
+        *::after {
+          box-sizing: border-box;
+        }
+        html {
+          background-color: #f0f0f0;
+        }
+        body {
+          color: #999999;
+          font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+          font-style: normal;
+          font-weight: 400;
+          letter-spacing: 0;
+          padding: 1rem;
+          text-rendering: optimizeLegibility;
+          -webkit-font-smoothing: antialiased;
+          -moz-osx-font-smoothing: grayscale;
+          -moz-font-feature-settings: "liga" on;
+        }
+        .sidenav {
+          height: 100%;
+          width: 160px;
+          position: fixed;
+          z-index: 1;
+          top: 0;
+          left: 0;
+          background-color: #111;
+          overflow-x: hidden;
+          padding-top: 20px;
+        }
+
+        .sidenav a {
+          padding: 6px 8px 6px 16px;
+          text-decoration: none;
+          font-size: 25px;
+          color: #818181;
+          display: block;
+        }
+
+        .sidenav a:hover {
+          color: #f1f1f1;
+        }
+        .main {
+          margin-left: 160px;
+          font-size: 28px;
+          padding: 0px 10px;
+        }
+        @media screen and (max-height: 450px) {
+          .sidenav {padding-top: 15px;}
+          .sidenav a {font-size: 18px;}
+        }
+        #contact {width:100%; height:100%; margin 0 auto; background: #DDD; }
+
+        .container {width:960px; height:auto; margin: 0 auto; padding: 50px 0;}
+
+        #contact .container form input,
+        #contact .container form textarea {
+          width:97.4%;
+          height:30px;
+          padding:5px 10px;
+          font-size: 12px;
+          color:#999;
+          letter-spacing:1px;
+          background: #FFF;
+          border:2px solid #FFF;
+          margin-bottom:25px;
+          -webkit-transition:all .1s ease-in-out;
+          -moz-transition:all .1s ease-in-out;
+          -ms-transition:all .1s ease-in-out;
+          -o-transition:all .1s ease-in-out;
+          transition:all .1s ease-in-out;}
+
+        #contact .container form input:focus,
+        #contact .container form textarea:focus {
+          border:2px solid #dd4545;
+          color:#999;}
 
-        {% for field in details_form %}
-          <p>
-            {{ field.label_tag }}<br>
-            {{ field }}
-            {% if field.help_text %}
-              <small style="color: grey">{{ field.help_text }}</small>
-            {% endif %}
-            {% for error in field.errors %}
-              <p style="color: red">{{ error }}</p>
-            {% endfor %}
-          </p>
-        {% endfor %}
-        <button type="submit">Sign up</button>
-      </form>
+        #contact .container form textarea {
+          height:150px;}
 
-      <div>
-    {% endblock %}
+        #contact .container form .submit {
+          width:100%;
+          padding:5px 10px;
+          font-size: 12px;
+          letter-spacing:1px;
+          background:#dd4545;
+          height:40px;
+          text-transform:uppercase;
+          letter-spacing:1px;
+          color:#FFF;
+          border:2px solid #b43838;
+          -webkit-transition:all .1s ease-in-out;
+          -moz-transition:all .1s ease-in-out;
+          -ms-transition:all .1s ease-in-out;
+          -o-transition:all .1s ease-in-out;
+          transition:all .1s ease-in-out;}
+
+        #contact .container form .submit:hover {
+          color:#FFF;
+          border:2px solid #dd4545;
+          background: #b43838;
+          cursor:pointer;}
+
+        #contact .container form .required {
+          color:#b43838;}
+    </style>
+</head>
+<body>
+<div class="sidenav">
+    <a href="/accounts/login">LOGIN</a>
+    <a href="/signup">REGISTER</a></li>
+    <a href="/password_reset">FORGET PASSWORD</a></li>
+</div>
+
+<div class="main">
+    <center>
+        <h1>SIGNUP</h1>
+    </center>
+    <section id="contact">
+        <div class="container">
+          <form method="post" enctype="multipart/form-data">
+          <form method="post" enctype="multipart/form-data">
+          {% csrf_token %}
+          {{ form.as_p }}
+          <button name="add_product" type="submit" class="submit">Sign up</button>
+          </form>
+      </div>
+    </section>
+</div>
 </div>
 </body>
 </html>
 \ No newline at end of file
author	shivam kohli <kohlishivam5522@gmail.com>	2018-07-20 06:42:51 +0530
committer	shivam kohli <kohlishivam5522@gmail.com>	2018-07-20 06:42:51 +0530
commit	94be0d7216ec3c5f253b895681b11e7b0678211a (patch)
tree	4569a7e5fd98048b16df8d734ce47380d40dc293 /templates
parent	6445ed8e1ceaf170315187635cf7df86e179b179 (diff)
download	codeless-94be0d7216ec3c5f253b895681b11e7b0678211a.tar.gz codeless-94be0d7216ec3c5f253b895681b11e7b0678211a.tar.bz2 codeless-94be0d7216ec3c5f253b895681b11e7b0678211a.zip