convert to bulma css framework

1 files changed, 49 insertions, 18 deletions

diff --git a/templates/webmail/login.html.ep b/templates/webmail/login.html.ep
index 706dc1c..54ab40a 100644
--- a/templates/webmail/login.html.ep
+++ b/templates/webmail/login.html.ep
@@ -2,38 +2,69 @@
 
 % my $uses_cram = config->{session}{secure} eq 'cram';
 
-<div id=login class="jwm-base">
+<section class=section>
+  <div class="container is-max-desktop box">
 
-  <h1>
-    JWebmail – <%= ucfirst l 'login' %>
-  </h1>
+    <h1 class=title>
+      <%= ucfirst l 'login' %>
+    </h1>
+    <h2 class=subtitle>
+      JWebmail 
+    </h2>
 
 % if (my $msg = flash('message') || stash('warning')) {
-  <p class="jwm-warning">
-    %= $msg
-  </p>
+  <div class="message is-warning">
+    <div class=message-header>
+      %= $msg
+    </div>
+  </div>
 % }
 
   %= form_for login => (name => 'login1') => (method => 'post') => (class => 'pure-form pure-form-aligned jwm-round') => begin
-    <fieldset>
-      <div class="pure-control-group">
-        %= label_for userid => ucfirst l 'userid'
-        %= text_field 'userid' => '' => (required => '')
+
+    <div class="field is-horizontal">
+      <div class=field-label>
+        %= label_for userid => ucfirst l 'userid' => (class => 'label')
+      </div>
+      <div class=field-body>
+        <div class=field>
+          <div class=control>
+            %= text_field 'userid' => '' => (required => undef) => (class => 'input')
+          </div>
+        </div>
       </div>
-      <div class="pure-control-group">
-        %= label_for password => ucfirst l 'password'
-        %= password_field 'password' => (required => '')
+    </div>
+
+    <div class="field is-horizontal">
+      <div class=field-label>
+        %= label_for password => ucfirst l 'password' => (class => 'label')
       </div>
+      <div class=field-body>
+        <div class=field>
+          <div class=control>
+            %= password_field 'password' => (required => undef) => (class => 'input')
+          </div>
+        </div>
+      </div>
+    </div>
 % if ($uses_cram) {
       %= hidden_field challenge => rand
 % }
-      <div class="pure-controls">
-        %= submit_button ucfirst l('login') => (class => 'pure-button pure-button-primary') => (name => 'submit_button') => $uses_cram ? (disabled => undef) : ()
+    <div class="field is-horizontal">
+      <div class=field-label>
+      </div>
+      <div class=field-body>
+        <div class=field>
+          <div class=control>
+            %= submit_button ucfirst l('login') => (class => 'button is-primary') => (name => 'submit_button') => $uses_cram ? (disabled => undef) : ()
+          </div>
+        </div>
       </div>
-    </fieldset>
+    </div>
   % end
 
-</div>
+  </div>
+</section>
 
 % if ($uses_cram) {
 %= javascript '/src/login_cram.js'