From a3cbede680f9623c7ab4071df9abf143dec64065 Mon Sep 17 00:00:00 2001
From: Jocelyn Delalande <jocelyn@crapouillou.net>
Date: Wed, 1 Feb 2017 20:22:25 +0100
Subject: Refactor layout based on bootstrap 4 grid

---
 budget/templates/home.html | 24 +++++++++---------------
 1 file changed, 9 insertions(+), 15 deletions(-)

(limited to 'budget/templates/home.html')

diff --git a/budget/templates/home.html b/budget/templates/home.html
index e6d7932..d970fe7 100644
--- a/budget/templates/home.html
+++ b/budget/templates/home.html
@@ -1,24 +1,19 @@
 {% extends "layout.html" %}
 
 
-{% block header %}
-<div id="header" class="container-fluid">
-    <div class="row-fluid">
-        <div class="span5 offset2">
+{% block body %}
+    <header id="header" class="row">
+      <div class="col-5  offset-md-2">
             <h2>{{ _("Manage your shared <br>expenses, easily") }}</h2>
             <a href="{{ url_for(".demo") }}" class="tryout btn btn-inverse pull-right">{{ _("Try out the demo")  }}</a>
         </div>
-        <div class="span4">
+        <div class="col-4">
             <p class="additional-content">{{ _("You're sharing a house?") }}<br /> {{ _("Going on holidays with friends?") }}<br /> {{ _("Simply sharing money with others?") }} <br /><strong>{{ _("We can help!") }}</strong></p>
         </div>
-    </div>
-</div>
-{% endblock %}
+    </header>
 
-{% block body %}
-<div class="container-fluid">
-    <div class="row-fluid home">
-        <div class="span4 offset2">
+    <main class="row home">
+        <div class="col-4 offset-md-2">
             <form id="authentication-form" class="form-horizontal" action="{{ url_for(".authenticate") }}" method="post">
                 <fieldset class="form-group">
                     <legend>{{ _("Log to an existing project") }}...</legend>
@@ -30,7 +25,7 @@
                 </div>
             </form>
         </div>
-        <div class="span4">
+        <div class="col-3 offset-md-1">
             <form id="creation-form" class="form-horizontal" action="{{ url_for(".create_project") }}" method="post">
                 <fieldset class="form-group">
                     <legend>...{{ _("or create a new one") }}</legend>
@@ -40,9 +35,8 @@
                     <button class="btn" type="submit">{{ _("let's get started") }}</button>
                 </div>
             </form>
-        </div>
+        </main>
     </div>
-</div>
 {% endblock %}
 
 {% block js %}
-- 
cgit v1.1