set bulma basic theme

lite/app/frontend/stylesheets/index.scss

@@ -1 +1,23 @@
 @import "bulma";
+
+html,body {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+.hero.is-info {
+  background: linear-gradient(
+      rgba(0, 0, 0, 0.5),
+      rgba(0, 0, 0, 0.5)
+    ), url('https://unsplash.it/1200/900?random') no-repeat center center fixed;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
+}
+.hero .nav, .hero.is-success .nav {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.hero .subtitle {
+  padding: 3rem 0;
+  line-height: 1.5;
+}

lite/app/views/layouts/application.haml

@@ -1,10 +1,61 @@
 !!!
 %html
   %head
+    %meta{:charset => "utf-8"}/
+    %meta{:content => "IE=edge", "http-equiv" => "X-UA-Compatible"}/
+    %meta{:content => "width=device-width, initial-scale=1", :name => "viewport"}/
     %title
-
+    %link{:href => "../images/fav_icon.png", :rel => "shortcut icon", :type => "image/x-icon"}/
+    %link{:href => "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css", :rel => "stylesheet"}/
+    %link{:href => "https://fonts.googleapis.com/css?family=Open+Sans:300,400,700", :rel => "stylesheet"}/
+    %link{:href => "https://unpkg.com/bulma@0.9.0/css/bulma.min.css", :rel => "stylesheet"}/
   %body
     %section.section
-      .container
-        = render("shared/flash")
-        = yield
+      = render("shared/flash")
+    %section.hero.is-info.is-fullheight
+      .hero-head
+        %nav.navbar
+          .container
+            .navbar-brand
+              %a.navbar-item{:href => "../"}
+                %img{:alt => "Logo", :src => "http://bulma.io/images/bulma-type-white.png"}/
+              %span.navbar-burger.burger{"data-target" => "navbarMenu"}
+                %span
+                %span
+                %span
+            #navbarMenu.navbar-menu
+              .navbar-end
+                %span.navbar-item
+                  %a.button.is-white.is-outlined{:href => "#"}
+                    %span.icon
+                      %i.fa.fa-home
+                    %span Home
+                %span.navbar-item
+                  %a.button.is-white.is-outlined{:href => "#"}
+                    %span.icon
+                      %i.fa.fa-superpowers
+                    %span Examples
+                %span.navbar-item
+                  %a.button.is-white.is-outlined{:href => "#"}
+                    %span.icon
+                      %i.fa.fa-book
+                    %span Documentation
+                %span.navbar-item
+                  %a.button.is-white.is-outlined{:href => "https://github.com/BulmaTemplates/bulma-templates/blob/master/templates/landing.html"}
+                    %span.icon
+                      %i.fa.fa-github
+                    %span View Source
+      .hero-body
+        .container.has-text-centered
+          .column.is-6.is-offset-3
+            %h1.title
+              Welcome home
+            %h2.subtitle
+              Your application landing page
+            .box
+              .field.is-grouped
+                %p.control.is-expanded
+                  %input.input{:placeholder => "Enter your email", :type => "text"}/
+                %p.control
+                  %a.button.is-info
+                    Notify Me