polished gsoc-codeless

1 files changed, 46 insertions, 52 deletions

diff --git a/gsoc-codeless.html.j2 b/gsoc-codeless.html.j2
index c796ee4c..e407fc4a 100644
--- a/gsoc-codeless.html.j2
+++ b/gsoc-codeless.html.j2
@@ -6,81 +6,72 @@
   </div>
 </div>
 
-
 <div class="container">
-<div class="col-lg-12">
-  <h2 id="overview">{{ _("Overview") }}</h2>
-
-  <p>
-   {% trans %}
-      Codeless payment is a component that sits between the seller's frontend and the GNU Taler merchant backend. This component has a web interface, where payment buttons are configured. Registered merchants can manage their inventory and simultaneously create a 'Buy Now' button for a specific product. This code can be directly copy pasted on the seller's frontend and can be used for 'Pay with Taler'.
-   {% endtrans %}
- </p>
-</div>
+  <div class="col-lg-12">
+    <h2 id="overview">{{ _("Overview") }}</h2>
+    <p>
+     {% trans %}
+        Codeless payment is a component that sits between the seller's frontend and the GNU Taler merchant backend. This component has a web interface, where payment buttons are configured. Registered merchants can manage their inventory and simultaneously create a 'Buy Now' button for a specific product. This code can be directly copy pasted on the seller's frontend and can be used for 'Pay with Taler'.
+     {% endtrans %}
+   </p>
+  </div>
 </div>
 
-
 <div class="container">
-
  <div class="col-lg-6">
     <h2 id="overview">{{ _("Use Cases") }}</h2>
-
     <p>{{ _("The various use cases and features of codeless payment are:") }}</p>
     <p>
       <ul>
-
         <li>
              {% trans %}
                   The primary use case is the registration of the merchant. The codeless payment backend provides a secure django authenticated login to the merchant. The registered merchant can add inventory (both digital as well as physical) in their stocks. They can manage inventory and simultaneously create a 'Buy Now' button for the product. The merchant also monitors the orders placed and updates the status of the order which helps in shipment tracking.
              {% endtrans %}
         </li>
-
+        <li>
+             {% trans %}
+                  Merchant has the flexibility to add two types of inventory as follows:
+                  <ul>
+                    <li>The merchant can upload digital inventory (like a PDF or HTML page) via the codeless payments frontend and the user can then purchase it and view the version hosted by the codeless payment frontend.</li>
+                    <li>The merchant can add any physical inventory available in his stocks. While adding these inventory, the seller is prompted to add minimum quantity of product that is required to be maintained in the stock. Whenever the stocks run below this limit the seller would be notified (currently this feature has not been added but soon email notification would be added).</li>
+                  </ul>
+             {% endtrans %}
+        </li>
         <li>
              {% trans %}
                   The buyers will access the seller's frontend where the code for the 'Buy Now' button is present. When this button is triggered, they are redirected to codeless payment backend and eventually redirected to the payment page. After successful payment, the buyer can also track their shipment for physical products or view the digital version hosted by the codeless payment frontend.
              {% endtrans %}
         </li>
-
         <li>
              {% trans %}
                   The other use case of the codeless payment backend is to handle the event when the 'Buy Now' button is triggered on the seller's frontend. To perform the payment the backend communicates with merchant backend api. After successful payment, the users are redirected to the fulfilment page.
              {% endtrans %}
         </li>
-
       </ul>
     </p>
+    <h2 id="overview">{{ _("Dynamic Merchant Instance") }}</h2>
+      <p>The documentation for the API to dynamically manage merchant instance can be found <a href="https://docs.taler.net/api/api-merchant.html#dynamic-merchant-instance">here</a>.</p>
  </div>
   <div class="col-lg-6">
     <img src="{{ url('images/UseCaseDiagram.png') }}" alt="{{ _("Use Case Diagram")}}" style="float: right; margin: 5px 5px 5px 5px;" width="100%">
   </div>
 </div> <!-- /container -->
 
-
-<div class="container">
- <div class="col-lg-12">
-    <h2 id="overview">{{ _("Dynamic Merchant Instance") }}</h2>
-    <p>{{ _("Documented the API to dynamically manage merchant instance. The documentation can be found <a href="https://docs.taler.net/api/api-merchant.html#dynamic-merchant-instance">here</a>.") }}</p>
- </div>
-</div> <!-- /container -->
-
-
 <div class="container-fluid c_acronym">
-<div class="container">
-  <h2 id="documentation">{{ _("Link to the contributions made") }}</h2>
-  <p>
-    </p><ul>
-      <li>{{ _("Codeless Payment Backend") }}
-        (<a href="https://git.taler.net/codeless.git/">Link</a>)</li>
-      <li>{{ _("Documentation to dynamically manage Merchant Instances") }}
-        (<a href="https://git.taler.net/api.git/commit/?id=53b3fbc3a882975b4ca8ef70d7ae256c9c17a23e">Link</a>)</li>
-    </ul>
-  <p></p>
-</div>
+  <div class="container">
+    <h2 id="documentation">{{ _("Link to the contributions made") }}</h2>
+    <p>
+      </p><ul>
+        <li>{{ _("Codeless Payment Backend") }}
+          (<a href="https://git.taler.net/codeless.git/">Link</a>)</li>
+        <li>{{ _("Documentation to dynamically manage Merchant Instances") }}
+          (<a href="https://git.taler.net/api.git/commit/?id=53b3fbc3a882975b4ca8ef70d7ae256c9c17a23e">Link</a>)</li>
+      </ul>
+    <p></p>
+  </div>
 </div>
 
-
 <div class="container">
-
  <div class="col-lg-12">
     <h2 id="overview">{{ _("Future Work") }}</h2>
 
@@ -90,7 +81,7 @@
 
         <li>
              {% trans %}
-                  To send Email notification to the Merchant when the stocks run below a certain limit. The minimum quantity required to be maintained in the stocks is currently taken from the Merchant(specific to each product) but no such notification system is designed.
+                  To send email notification to the merchant when the stocks run below a certain limit. The minimum quantity required to be maintained in the stocks is currently taken from the merchant(specific to each product) but no such notification system is designed.
              {% endtrans %}
         </li>
 
@@ -108,7 +99,7 @@
 
         <li>
              {% trans %}
-                  To add various analytics for the Merchant. Various analysis could be performed on the orders placed for the respective merchant. Some of the analysis that can be performed are displaying the most frequently purchased product, some insights about the shipment tracking, analysis of products based on delivery location, etc. For this part, dicussions and some more research have to be done before proceeding to the implementation.
+                  To add various analytics for the merchant. Various analysis could be performed on the orders placed for the respective merchant. Some of the analysis that can be performed are displaying the most frequently purchased product, some insights about the shipment tracking, analysis of products based on delivery location, etc. For this part, dicussions and some more research have to be done before proceeding to the implementation.
              {% endtrans %}
         </li>
 
@@ -117,18 +108,21 @@
  </div>
 </div> <!-- /container -->
 
-
 <div class="container">
-<div class="row">
-<h2 id="documentation">{{ _("Screenshots") }}</h2>
-  <div class="col-lg-4">
-    <h3>Home page</h3>
-    <img src="{{ url('images/home.png') }}" height="240" align="middle">
+  <div class="row">
+  <h2 id="documentation">{{ _("Screenshots") }}</h2>
+    <div class="col-lg-4">
+      <h3>Home page</h3>
+      <img src="{{ url('images/home.png') }}" height="240" align="middle">
+    </div>
+    <div class="col-lg-4">
+      <h3>Product page</h3>
+      <img src="{{ url('images/product.png') }}" height="240" align="middle">
+    </div>
+    <div class="col-lg-4">
+      <h3>Shipment Tracking</h3>
+      <img src="{{ url('images/shipment.png') }}" height="240" align="middle">
+    </div>
   </div>
-  <div class="col-lg-4">
-    <h3>Product page</h3>
-    <img src="{{ url('images/product.png') }}" height="240" align="middle">
-  </div>
-</div>
 </div>
 {% endblock body_content %}