diff options
| author | Jocelyn Delalande <jocelyn@crapouillou.net> | 2017-02-01 20:22:25 +0100 |
|---|---|---|
| committer | Jocelyn Delalande <jocelyn@crapouillou.net> | 2017-02-04 00:41:20 +0100 |
| commit | a3cbede680f9623c7ab4071df9abf143dec64065 (patch) | |
| tree | f3286c066271492914372f25169656e72dda5244 /budget/templates/home.html | |
| parent | 286213026982435e6e87cdbbd5dddcd80e925b91 (diff) | |
| download | ihatemoney-mirror-a3cbede680f9623c7ab4071df9abf143dec64065.zip ihatemoney-mirror-a3cbede680f9623c7ab4071df9abf143dec64065.tar.gz ihatemoney-mirror-a3cbede680f9623c7ab4071df9abf143dec64065.tar.bz2 | |
Refactor layout based on bootstrap 4 grid
Diffstat (limited to 'budget/templates/home.html')
| -rw-r--r-- | budget/templates/home.html | 24 |
1 files changed, 9 insertions, 15 deletions
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 %} |