new template for home page and credit card page fix#507

codesy/templates/includes/get_started.html

@@ -48,7 +48,7 @@ <h3>You are ready to bid</h3>
         {% else %}
             <h3>Browser Extension Installed</h3>
             <p>Add credit card.</p>
-            {% include "credit_card_form.html" %}
+            {% include "credit_card_row.html" %}
         {% endif %}
 
     </div>

payments/templates/credit_card_form.html

@@ -1,6 +1,6 @@
 <fieldset class="fieldset">
     <legend>Credit Card</legend>
-    <form id="stripe-form" stripe-account-type="card" role="form" class="form-horizontal">
+    <form id="stripe-form" stripe-account-type="card" role="form" class="form-vertical">
         {% csrf_token %}
         <div class="row">
             <div class="small-7 columns">

payments/templates/credit_card_page.html

@@ -1,36 +1,6 @@
-{% extends "base.html" %}
+
+{% extends 'base.html' %}
 {% load staticfiles %}
 {% block content %}
-    <div class="row">
-        <div class="column medium-4 medium-offset-4 text-left">
-            {% if request.user.stripe_customer %}
-                We saved your <b> {{request.user.card_brand}}</b> card ending in <b> {{ request.user.card_last4}} </b> with Stripe.
-
-                <div class="reveal" id="credit_card_form" data-reveal>
-
-                    {% include "credit_card_form.html" %}
-
-                    <button class="close-button" data-close aria-label="Close modal" type="button">
-                        <span aria-hidden="true">&times;</span>
-                    </button>
-                </div>
-
-                <p><a data-open="credit_card_form">Change this card.</a></p>
-
-            {% else %}
-                You need to register a credit card to be able to make offers.
-                We use Stripe to handle this information and it is never stored in codesy's database.
-
-                {% include "credit_card_form.html" %}
-
-            {% endif %}
-        </div>
-    </div>
-    <div class="row">
-        <div class="column medium-4 medium-offset-4 text-left">
-            <a href="https://stripe.com" target="_blank">
-                <img src="{% static 'img/stripe/powered_by_stripe.png' %}" alt="" />
-            </a>
-        </div>
-    </div>
+    {% include "credit_card_row.html" %}
 {% endblock %}

payments/templates/credit_card_row.html

@@ -0,0 +1,35 @@
+{% load staticfiles %}
+{% block content %}
+    <div class="row">
+        <div class="column medium-4 medium-offset-4 text-left">
+            {% if request.user.stripe_customer %}
+                We saved your <b> {{request.user.card_brand}}</b> card ending in <b> {{ request.user.card_last4}} </b> with Stripe.
+
+                <div class="reveal" id="credit_card_form" data-reveal>
+
+                    {% include "credit_card_form.html" %}
+
+                    <button class="close-button" data-close aria-label="Close modal" type="button">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+
+                <p><a data-open="credit_card_form">Change this card.</a></p>
+
+            {% else %}
+                You need to register a credit card to be able to make offers.
+                We use Stripe to handle this information and it is never stored in codesy's database.
+
+                {% include "credit_card_form.html" %}
+
+            {% endif %}
+        </div>
+    </div>
+    <div class="row">
+        <div class="column medium-4 medium-offset-4 text-left">
+            <a href="https://stripe.com" target="_blank">
+                <img src="{% static 'img/stripe/powered_by_stripe.png' %}" alt="" />
+            </a>
+        </div>
+    </div>
+{% endblock %}