web: Refactor the index page for Bulma

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/templates/base.html b/src/templates/base.html
index 97fba2bba812a5dafd5ea6e4d6c3727dc72e2763..a3ca941656e5ef8931f6a15525477897fa3ffa51 100644 (file)
--- a/src/templates/base.html
+++ b/src/templates/base.html
@@ -108,15 +108,15 @@
 
                {# Main Stuff #}
 
-               <section class="section">
-                       <div class="container">
-                               {% block container %}
-                                       <div class="grid-x grid-padding-x">
-                                               {% block body %}EMPTY BODY{% end block %}
-                                       </div>
-                               {% end block %}
-                       </div>
-               </section>
+               {% block body %}
+                       <section class="section">
+                               <div class="container">
+                                       {% block container %}
+                                               NO CONTENT
+                                       {% end block %}
+                               </div>
+                       </section>
+               {% end block %}
 
                {# Footer #}
 

diff --git a/src/templates/index.html b/src/templates/index.html
index d92be77648e83c1f2e85114f5e331f4ed9462728..0847998720170433cd9ffd705343af77799222c9 100644 (file)
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -2,19 +2,31 @@
 
 {% block title %}{{ _("Welcome!") }}{% end block %}
 
-{% block container %}
-       <h1 class="text-center">{{ _("Pakfire Build Service") }}</h1>
-       <h3 class="text-center">{{ _("Development Powered By Community") }}</h3>
+{% block body %}
+       <section class="hero is-primary">
+               <div class="hero-body">
+                       <p class="title">
+                               {{ _("Pakfire Build Service") }}
+                       </p>
+                       <p class="subtitle">
+                               {{ _("Development Powered By Community") }}
+                       </p>
+               </div>
+       </section>
 
        {% if jobs %}
-               <h5>{{ _("Current Jobs") }}</h5>
+               <section class="section">
+                       <h5>{{ _("Current Jobs") }}</h5>
 
-               {% module JobsList(jobs) %}
+                       {% module JobsList(jobs) %}
+               </section>
        {% end %}
 
-       <a class="button expanded" href="/queue">
+       <section class="section has-text-centered">
                {% set q = len(backend.jobqueue) %}
 
-               {{ _("One Job In Queue", "%(num)s Jobs In Queue", q) % { "num" : q } }}
-       </a>
+               <a href="/queue">
+                       {{ _("One Job In Queue", "%(num)s Jobs In Queue", q) % { "num" : q } }}
+               </a>
+       </section>
 {% end block %}