New theme version

assets/bulma/bulma.sass

@@ -0,0 +1,8 @@
+@charset "utf-8"
+/*! bulma.io v0.7.0 | MIT License | github.com/jgthms/bulma */
+@import "sass/utilities/_all"
+@import "sass/base/_all"
+@import "sass/elements/_all"
+@import "sass/components/_all"
+@import "sass/grid/_all"
+@import "sass/layout/_all"

assets/bulma/sass/base/_all.sass

@@ -0,0 +1,5 @@
+@charset "utf-8"
+
+@import "minireset.sass"
+@import "generic.sass"
+@import "helpers.sass"

assets/bulma/sass/base/generic.sass

@@ -0,0 +1,127 @@
+$body-background-color: $white !default
+$body-size: 16px !default
+$body-rendering: optimizeLegibility !default
+$body-family: $family-primary !default
+$body-color: $text !default
+$body-weight: $weight-normal !default
+$body-line-height: 1.5 !default
+
+$code-family: $family-code !default
+$code-padding: 0.25em 0.5em 0.25em !default
+$code-weight: normal !default
+$code-size: 0.875em !default
+
+$hr-background-color: $background !default
+$hr-height: 2px !default
+$hr-margin: 1.5rem 0 !default
+
+$strong-color: $text-strong !default
+$strong-weight: $weight-bold !default
+
+html
+  background-color: $body-background-color
+  font-size: $body-size
+  -moz-osx-font-smoothing: grayscale
+  -webkit-font-smoothing: antialiased
+  min-width: 300px
+  overflow-x: hidden
+  overflow-y: scroll
+  text-rendering: $body-rendering
+  text-size-adjust: 100%
+
+article,
+aside,
+figure,
+footer,
+header,
+hgroup,
+section
+  display: block
+
+body,
+button,
+input,
+select,
+textarea
+  font-family: $body-family
+
+code,
+pre
+  -moz-osx-font-smoothing: auto
+  -webkit-font-smoothing: auto
+  font-family: $code-family
+
+body
+  color: $body-color
+  font-size: 1rem
+  font-weight: $body-weight
+  line-height: $body-line-height
+
+// Inline
+
+a
+  color: $link
+  cursor: pointer
+  text-decoration: none
+  strong
+    color: currentColor
+  &:hover
+    color: $link-hover
+
+code
+  background-color: $code-background
+  color: $code
+  font-size: $code-size
+  font-weight: $code-weight
+  padding: $code-padding
+
+hr
+  background-color: $hr-background-color
+  border: none
+  display: block
+  height: $hr-height
+  margin: $hr-margin
+
+img
+  height: auto
+  max-width: 100%
+
+input[type="checkbox"],
+input[type="radio"]
+  vertical-align: baseline
+
+small
+  font-size: 0.875em
+
+span
+  font-style: inherit
+  font-weight: inherit
+
+strong
+  color: $strong-color
+  font-weight: $strong-weight
+
+// Block
+
+pre
+  +overflow-touch
+  background-color: $pre-background
+  color: $pre
+  font-size: 0.875em
+  overflow-x: auto
+  padding: 1.25rem 1.5rem
+  white-space: pre
+  word-wrap: normal
+  code
+    background-color: transparent
+    color: currentColor
+    font-size: 1em
+    padding: 0
+
+table
+  td,
+  th
+    text-align: left
+    vertical-align: top
+  th
+    color: $text-strong

assets/bulma/sass/base/helpers.sass

@@ -0,0 +1,249 @@
+// Float
+
+.is-clearfix
+  +clearfix
+
+.is-pulled-left
+  float: left !important
+
+.is-pulled-right
+  float: right !important
+
+// Overflow
+
+.is-clipped
+  overflow: hidden !important
+
+// Overlay
+
+.is-overlay
+  +overlay
+
+// Typography
+
+=typography-size($target:'')
+  @each $size in $sizes
+    $i: index($sizes, $size)
+    .is-size-#{$i}#{if($target == '', '', '-' + $target)}
+      font-size: $size !important
+
++typography-size()
+
++mobile
+  +typography-size('mobile')
+
++tablet
+  +typography-size('tablet')
+
++touch
+  +typography-size('touch')
+
++desktop
+  +typography-size('desktop')
+
++widescreen
+  +typography-size('widescreen')
+
++fullhd
+  +typography-size('fullhd')
+
+$alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'right': 'right')
+
+@each $alignment, $text-align in $alignments
+  .has-text-#{$alignment}
+    text-align: #{$text-align} !important
+
+@each $alignment, $text-align in $alignments
+  +mobile
+    .has-text-#{$alignment}-mobile
+      text-align: #{$text-align} !important
+  +tablet
+    .has-text-#{$alignment}-tablet
+      text-align: #{$text-align} !important
+  +tablet-only
+    .has-text-#{$alignment}-tablet-only
+      text-align: #{$text-align} !important
+  +touch
+    .has-text-#{$alignment}-touch
+      text-align: #{$text-align} !important
+  +desktop
+    .has-text-#{$alignment}-desktop
+      text-align: #{$text-align} !important
+  +desktop-only
+    .has-text-#{$alignment}-desktop-only
+      text-align: #{$text-align} !important
+  +widescreen
+    .has-text-#{$alignment}-widescreen
+      text-align: #{$text-align} !important
+  +widescreen-only
+    .has-text-#{$alignment}-widescreen-only
+      text-align: #{$text-align} !important
+  +fullhd
+    .has-text-#{$alignment}-fullhd
+      text-align: #{$text-align} !important
+
+.is-capitalized
+  text-transform: capitalize !important
+
+.is-lowercase
+  text-transform: lowercase !important
+
+.is-uppercase
+  text-transform: uppercase !important
+
+.is-italic
+  font-style: italic !important
+
+@each $name, $pair in $colors
+  $color: nth($pair, 1)
+  .has-text-#{$name}
+    color: $color !important
+  a.has-text-#{$name}
+    &:hover,
+    &:focus
+      color: darken($color, 10%) !important
+  .has-background-#{$name}
+    background-color: $color !important
+
+@each $name, $shade in $shades
+  .has-text-#{$name}
+    color: $shade !important
+
+.has-text-weight-light
+  font-weight: $weight-light !important
+.has-text-weight-normal
+  font-weight: $weight-normal !important
+.has-text-weight-semibold
+  font-weight: $weight-semibold !important
+.has-text-weight-bold
+  font-weight: $weight-bold !important
+
+// Visibility
+
+$displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
+
+@each $display in $displays
+  .is-#{$display}
+    display: #{$display} !important
+  +mobile
+    .is-#{$display}-mobile
+      display: #{$display} !important
+  +tablet
+    .is-#{$display}-tablet
+      display: #{$display} !important
+  +tablet-only
+    .is-#{$display}-tablet-only
+      display: #{$display} !important
+  +touch
+    .is-#{$display}-touch
+      display: #{$display} !important
+  +desktop
+    .is-#{$display}-desktop
+      display: #{$display} !important
+  +desktop-only
+    .is-#{$display}-desktop-only
+      display: #{$display} !important
+  +widescreen
+    .is-#{$display}-widescreen
+      display: #{$display} !important
+  +widescreen-only
+    .is-#{$display}-widescreen-only
+      display: #{$display} !important
+  +fullhd
+    .is-#{$display}-fullhd
+      display: #{$display} !important
+
+.is-hidden
+  display: none !important
+
++mobile
+  .is-hidden-mobile
+    display: none !important
+
++tablet
+  .is-hidden-tablet
+    display: none !important
+
++tablet-only
+  .is-hidden-tablet-only
+    display: none !important
+
++touch
+  .is-hidden-touch
+    display: none !important
+
++desktop
+  .is-hidden-desktop
+    display: none !important
+
++desktop-only
+  .is-hidden-desktop-only
+    display: none !important
+
++widescreen
+  .is-hidden-widescreen
+    display: none !important
+
++widescreen-only
+  .is-hidden-widescreen-only
+    display: none !important
+
++fullhd
+  .is-hidden-fullhd
+    display: none !important
+
+.is-invisible
+  visibility: hidden !important
+
++mobile
+  .is-invisible-mobile
+    visibility: hidden !important
+
++tablet
+  .is-invisible-tablet
+    visibility: hidden !important
+
++tablet-only
+  .is-invisible-tablet-only
+    visibility: hidden !important
+
++touch
+  .is-invisible-touch
+    visibility: hidden !important
+
++desktop
+  .is-invisible-desktop
+    visibility: hidden !important
+
++desktop-only
+  .is-invisible-desktop-only
+    visibility: hidden !important
+
++widescreen
+  .is-invisible-widescreen
+    visibility: hidden !important
+
++widescreen-only
+  .is-invisible-widescreen-only
+    visibility: hidden !important
+
++fullhd
+  .is-invisible-fullhd
+    visibility: hidden !important
+
+// Other
+
+.is-marginless
+  margin: 0 !important
+
+.is-paddingless
+  padding: 0 !important
+
+.is-radiusless
+  border-radius: 0 !important
+
+.is-shadowless
+  box-shadow: none !important
+
+.is-unselectable
+  +unselectable

assets/bulma/sass/base/minireset.sass

@@ -0,0 +1,79 @@
+/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
+// Blocks
+html,
+body,
+p,
+ol,
+ul,
+li,
+dl,
+dt,
+dd,
+blockquote,
+figure,
+fieldset,
+legend,
+textarea,
+pre,
+iframe,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6
+  margin: 0
+  padding: 0
+
+// Headings
+h1,
+h2,
+h3,
+h4,
+h5,
+h6
+  font-size: 100%
+  font-weight: normal
+
+// List
+ul
+  list-style: none
+
+// Form
+button,
+input,
+select,
+textarea
+  margin: 0
+
+// Box sizing
+html
+  box-sizing: border-box
+
+*
+  &,
+  &::before,
+  &::after
+    box-sizing: inherit
+
+// Media
+img,
+audio,
+video
+  height: auto
+  max-width: 100%
+
+// Iframe
+iframe
+  border: 0
+
+// Table
+table
+  border-collapse: collapse
+  border-spacing: 0
+
+td,
+th
+  padding: 0
+  text-align: left

assets/bulma/sass/components/_all.sass

@@ -0,0 +1,14 @@
+@charset "utf-8"
+
+@import "breadcrumb.sass"
+@import "card.sass"
+@import "dropdown.sass"
+@import "level.sass"
+@import "media.sass"
+@import "menu.sass"
+@import "message.sass"
+@import "modal.sass"
+@import "navbar.sass"
+@import "pagination.sass"
+@import "panel.sass"
+@import "tabs.sass"

assets/bulma/sass/components/breadcrumb.sass

@@ -0,0 +1,75 @@
+$breadcrumb-item-color: $link !default
+$breadcrumb-item-hover-color: $link-hover !default
+$breadcrumb-item-active-color: $text-strong !default
+
+$breadcrumb-item-padding-vertical: 0 !default
+$breadcrumb-item-padding-horizontal: 0.75em !default
+
+$breadcrumb-item-separator-color: $grey-light !default
+
+.breadcrumb
+  +block
+  +unselectable
+  font-size: $size-normal
+  white-space: nowrap
+  a
+    align-items: center
+    color: $breadcrumb-item-color
+    display: flex
+    justify-content: center
+    padding: $breadcrumb-item-padding-vertical $breadcrumb-item-padding-horizontal
+    &:hover
+      color: $breadcrumb-item-hover-color
+  li
+    align-items: center
+    display: flex
+    &:first-child a
+      padding-left: 0
+    &.is-active
+      a
+        color: $breadcrumb-item-active-color
+        cursor: default
+        pointer-events: none
+    & + li::before
+      color: $breadcrumb-item-separator-color
+      content: "\0002f"
+  ul,
+  ol
+    align-items: flex-start
+    display: flex
+    flex-wrap: wrap
+    justify-content: flex-start
+  .icon
+    &:first-child
+      margin-right: 0.5em
+    &:last-child
+      margin-left: 0.5em
+  // Alignment
+  &.is-centered
+    ol,
+    ul
+      justify-content: center
+  &.is-right
+    ol,
+    ul
+      justify-content: flex-end
+  // Sizes
+  &.is-small
+    font-size: $size-small
+  &.is-medium
+    font-size: $size-medium
+  &.is-large
+    font-size: $size-large
+  // Styles
+  &.has-arrow-separator
+    li + li::before
+      content: "\02192"
+  &.has-bullet-separator
+    li + li::before
+      content: "\02022"
+  &.has-dot-separator
+    li + li::before
+      content: "\000b7"
+  &.has-succeeds-separator
+    li + li::before
+      content: "\0227B"

assets/bulma/sass/components/card.sass

@@ -0,0 +1,74 @@
+$card-color: $text !default
+$card-background-color: $white !default
+$card-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
+
+$card-header-background-color: none !default
+$card-header-color: $text-strong !default
+$card-header-shadow: 0 1px 2px rgba($black, 0.1) !default
+$card-header-weight: $weight-bold !default
+
+$card-content-background-color: none !default
+
+$card-footer-background-color: none !default
+$card-footer-border-top: 1px solid $border !default
+
+.card
+  background-color: $card-background-color
+  box-shadow: $card-shadow
+  color: $card-color
+  max-width: 100%
+  position: relative
+
+.card-header
+  background-color: $card-header-background-color
+  align-items: stretch
+  box-shadow: $card-header-shadow
+  display: flex
+
+.card-header-title
+  align-items: center
+  color: $card-header-color
+  display: flex
+  flex-grow: 1
+  font-weight: $card-header-weight
+  padding: 0.75rem
+  &.is-centered
+    justify-content: center
+
+.card-header-icon
+  align-items: center
+  cursor: pointer
+  display: flex
+  justify-content: center
+  padding: 0.75rem
+
+.card-image
+  display: block
+  position: relative
+
+.card-content
+  background-color: $card-content-background-color
+  padding: 1.5rem
+
+.card-footer
+  background-color: $card-footer-background-color
+  border-top: $card-footer-border-top
+  align-items: stretch
+  display: flex
+
+.card-footer-item
+  align-items: center
+  display: flex
+  flex-basis: 0
+  flex-grow: 1
+  flex-shrink: 0
+  justify-content: center
+  padding: 0.75rem
+  &:not(:last-child)
+    border-right: $card-footer-border-top
+
+// Combinations
+
+.card
+  .media:not(:last-child)
+    margin-bottom: 0.75rem

assets/bulma/sass/components/dropdown.sass

@@ -0,0 +1,74 @@
+$dropdown-content-background-color: $white !default
+$dropdown-content-arrow: $link !default
+$dropdown-content-offset: 4px !default
+$dropdown-content-radius: $radius !default
+$dropdown-content-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
+$dropdown-content-z: 20 !default
+
+$dropdown-item-color: $grey-dark !default
+$dropdown-item-hover-color: $black !default
+$dropdown-item-hover-background-color: $background !default
+$dropdown-item-active-color: $link-invert !default
+$dropdown-item-active-background-color: $link !default
+
+$dropdown-divider-background-color: $border !default
+
+.dropdown
+  display: inline-flex
+  position: relative
+  vertical-align: top
+  &.is-active,
+  &.is-hoverable:hover
+    .dropdown-menu
+      display: block
+  &.is-right
+    .dropdown-menu
+      left: auto
+      right: 0
+  &.is-up
+    .dropdown-menu
+      bottom: 100%
+      padding-bottom: $dropdown-content-offset
+      padding-top: initial
+      top: auto
+
+.dropdown-menu
+  display: none
+  left: 0
+  min-width: 12rem
+  padding-top: $dropdown-content-offset
+  position: absolute
+  top: 100%
+  z-index: $dropdown-content-z
+
+.dropdown-content
+  background-color: $dropdown-content-background-color
+  border-radius: $dropdown-content-radius
+  box-shadow: $dropdown-content-shadow
+  padding-bottom: 0.5rem
+  padding-top: 0.5rem
+
+.dropdown-item
+  color: $dropdown-item-color
+  display: block
+  font-size: 0.875rem
+  line-height: 1.5
+  padding: 0.375rem 1rem
+  position: relative
+
+a.dropdown-item
+  padding-right: 3rem
+  white-space: nowrap
+  &:hover
+    background-color: $dropdown-item-hover-background-color
+    color: $dropdown-item-hover-color
+  &.is-active
+    background-color: $dropdown-item-active-background-color
+    color: $dropdown-item-active-color
+
+.dropdown-divider
+  background-color: $dropdown-divider-background-color
+  border: none
+  display: block
+  height: 1px
+  margin: 0.5rem 0

assets/bulma/sass/components/level.sass

@@ -0,0 +1,75 @@
+.level
+  +block
+  align-items: center
+  justify-content: space-between
+  code
+    border-radius: $radius
+  img
+    display: inline-block
+    vertical-align: top
+  // Modifiers
+  &.is-mobile
+    display: flex
+    .level-left,
+    .level-right
+      display: flex
+    .level-left + .level-right
+      margin-top: 0
+    .level-item
+      &:not(:last-child)
+        margin-bottom: 0
+      &:not(.is-narrow)
+        flex-grow: 1
+      margin-right: 0.75rem
+  // Responsiveness
+  +tablet
+    display: flex
+    & > .level-item
+      &:not(.is-narrow)
+        flex-grow: 1
+
+.level-item
+  align-items: center
+  display: flex
+  flex-basis: auto
+  flex-grow: 0
+  flex-shrink: 0
+  justify-content: center
+  .title,
+  .subtitle
+    margin-bottom: 0
+  // Responsiveness
+  +mobile
+    &:not(:last-child)
+      margin-bottom: 0.75rem
+
+.level-left,
+.level-right
+  flex-basis: auto
+  flex-grow: 0
+  flex-shrink: 0
+  .level-item
+    // Modifiers
+    &.is-flexible
+      flex-grow: 1
+    // Responsiveness
+    +tablet
+      &:not(:last-child)
+        margin-right: 0.75rem
+
+.level-left
+  align-items: center
+  justify-content: flex-start
+  // Responsiveness
+  +mobile
+    & + .level-right
+      margin-top: 1.5rem
+  +tablet
+    display: flex
+
+.level-right
+  align-items: center
+  justify-content: flex-end
+  // Responsiveness
+  +tablet
+    display: flex

assets/bulma/sass/components/media.sass

@@ -0,0 +1,44 @@
+.media
+  align-items: flex-start
+  display: flex
+  text-align: left
+  .content:not(:last-child)
+    margin-bottom: 0.75rem
+  .media
+    border-top: 1px solid rgba($border, 0.5)
+    display: flex
+    padding-top: 0.75rem
+    .content:not(:last-child),
+    .control:not(:last-child)
+      margin-bottom: 0.5rem
+    .media
+      padding-top: 0.5rem
+      & + .media
+        margin-top: 0.5rem
+  & + .media
+    border-top: 1px solid rgba($border, 0.5)
+    margin-top: 1rem
+    padding-top: 1rem
+  // Sizes
+  &.is-large
+    & + .media
+      margin-top: 1.5rem
+      padding-top: 1.5rem
+
+.media-left,
+.media-right
+  flex-basis: auto
+  flex-grow: 0
+  flex-shrink: 0
+
+.media-left
+  margin-right: 1rem
+
+.media-right
+  margin-left: 1rem
+
+.media-content
+  flex-basis: auto
+  flex-grow: 1
+  flex-shrink: 1
+  text-align: left

assets/bulma/sass/components/menu.sass

@@ -0,0 +1,50 @@
+$menu-item-color: $text !default
+$menu-item-radius: $radius-small !default
+$menu-item-hover-color: $text-strong !default
+$menu-item-hover-background-color: $background !default
+$menu-item-active-color: $link-invert !default
+$menu-item-active-background-color: $link !default
+
+$menu-list-border-left: 1px solid $border !default
+
+$menu-label-color: $text-light !default
+
+.menu
+  font-size: $size-normal
+  // Sizes
+  &.is-small
+    font-size: $size-small
+  &.is-medium
+    font-size: $size-medium
+  &.is-large
+    font-size: $size-large
+
+.menu-list
+  line-height: 1.25
+  a
+    border-radius: $menu-item-radius
+    color: $menu-item-color
+    display: block
+    padding: 0.5em 0.75em
+    &:hover
+      background-color: $menu-item-hover-background-color
+      color: $menu-item-hover-color
+    // Modifiers
+    &.is-active
+      background-color: $menu-item-active-background-color
+      color: $menu-item-active-color
+  li
+    ul
+      border-left: $menu-list-border-left
+      margin: 0.75em
+      padding-left: 0.75em
+
+.menu-label
+  color: $menu-label-color
+  font-size: 0.75em
+  letter-spacing: 0.1em
+  text-transform: uppercase
+  &:not(:first-child)
+    margin-top: 1em
+  &:not(:last-child)
+    margin-bottom: 1em

assets/bulma/sass/components/message.sass

@@ -0,0 +1,86 @@
+$message-background-color: $background !default
+$message-radius: $radius !default
+
+$message-header-background-color: $text !default
+$message-header-color: $text-invert !default
+$message-header-weight: $weight-bold !default
+$message-header-padding: 0.75em 1em !default
+$message-header-radius: $radius !default
+
+$message-body-border-color: $border !default
+$message-body-border-width: 0 0 0 4px !default
+$message-body-color: $text !default
+$message-body-padding: 1.25em 1.5em !default
+$message-body-radius: $radius !default
+
+$message-body-pre-background-color: $white !default
+$message-body-pre-code-background-color: transparent !default
+
+$message-header-body-border-width: 0 !default
+
+.message
+  +block
+  background-color: $message-background-color
+  border-radius: $message-radius
+  font-size: $size-normal
+  strong
+    color: currentColor
+  a:not(.button):not(.tag)
+    color: currentColor
+    text-decoration: underline
+  // Sizes
+  &.is-small
+    font-size: $size-small
+  &.is-medium
+    font-size: $size-medium
+  &.is-large
+    font-size: $size-large
+  // Colors
+  @each $name, $pair in $colors
+    $color: nth($pair, 1)
+    $color-invert: nth($pair, 2)
+    $color-lightning: max((100% - lightness($color)) - 2%, 0%)
+    $color-luminance: colorLuminance($color)
+    $darken-percentage: $color-luminance * 70%
+    $desaturate-percentage: $color-luminance * 30%
+    &.is-#{$name}
+      background-color: lighten($color, $color-lightning)
+      .message-header
+        background-color: $color
+        color: $color-invert
+      .message-body
+        border-color: $color
+        color: desaturate(darken($color, $darken-percentage), $desaturate-percentage)
+
+.message-header
+  align-items: center
+  background-color: $message-header-background-color
+  border-radius: $message-header-radius $message-header-radius 0 0
+  color: $message-header-color
+  display: flex
+  font-weight: $message-header-weight
+  justify-content: space-between
+  line-height: 1.25
+  padding: $message-header-padding
+  position: relative
+  .delete
+    flex-grow: 0
+    flex-shrink: 0
+    margin-left: 0.75em
+  & + .message-body
+    border-width: $message-header-body-border-width
+    border-top-left-radius: 0
+    border-top-right-radius: 0
+
+.message-body
+  border-color: $message-body-border-color
+  border-radius: $message-body-radius
+  border-style: solid
+  border-width: $message-body-border-width
+  color: $message-body-color
+  padding: $message-body-padding
+  code,
+  pre
+    background-color: $message-body-pre-background-color
+  pre code
+    background-color: $message-body-pre-code-background-color

assets/bulma/sass/components/modal.sass

@@ -0,0 +1,111 @@
+$modal-z: 40 !default
+
+$modal-background-background-color: rgba($black, 0.86) !default
+
+$modal-content-width: 640px !default
+$modal-content-margin-mobile: 20px !default
+$modal-content-spacing-mobile: 160px !default
+$modal-content-spacing-tablet: 40px !default
+
+$modal-close-dimensions: 40px !default
+$modal-close-right: 20px !default
+$modal-close-top: 20px !default
+
+$modal-card-spacing: 40px !default
+
+$modal-card-head-background-color: $background !default
+$modal-card-head-border-bottom: 1px solid $border !default
+$modal-card-head-padding: 20px !default
+$modal-card-head-radius: $radius-large !default
+
+$modal-card-title-color: $text-strong !default
+$modal-card-title-line-height: 1 !default
+$modal-card-title-size: $size-4 !default
+
+$modal-card-foot-radius: $radius-large !default
+$modal-card-foot-border-top: 1px solid $border !default
+
+$modal-card-body-background-color: $white !default
+$modal-card-body-padding: 20px !default
+
+.modal
+  +overlay
+  align-items: center
+  display: none
+  justify-content: center
+  overflow: hidden
+  position: fixed
+  z-index: $modal-z
+  // Modifiers
+  &.is-active
+    display: flex
+
+.modal-background
+  +overlay
+  background-color: $modal-background-background-color
+
+.modal-content,
+.modal-card
+  margin: 0 $modal-content-margin-mobile
+  max-height: calc(100vh - #{$modal-content-spacing-mobile})
+  overflow: auto
+  position: relative
+  width: 100%
+  // Responsiveness
+  +tablet
+    margin: 0 auto
+    max-height: calc(100vh - #{$modal-content-spacing-tablet})
+    width: $modal-content-width
+
+.modal-close
+  +delete
+  background: none
+  height: $modal-close-dimensions
+  position: fixed
+  right: $modal-close-right
+  top: $modal-close-top
+  width: $modal-close-dimensions
+
+.modal-card
+  display: flex
+  flex-direction: column
+  max-height: calc(100vh - #{$modal-card-spacing})
+  overflow: hidden
+
+.modal-card-head,
+.modal-card-foot
+  align-items: center
+  background-color: $modal-card-head-background-color
+  display: flex
+  flex-shrink: 0
+  justify-content: flex-start
+  padding: $modal-card-head-padding
+  position: relative
+
+.modal-card-head
+  border-bottom: $modal-card-head-border-bottom
+  border-top-left-radius: $modal-card-head-radius
+  border-top-right-radius: $modal-card-head-radius
+
+.modal-card-title
+  color: $modal-card-title-color
+  flex-grow: 1
+  flex-shrink: 0
+  font-size: $modal-card-title-size
+  line-height: $modal-card-title-line-height
+
+.modal-card-foot
+  border-bottom-left-radius: $modal-card-foot-radius
+  border-bottom-right-radius: $modal-card-foot-radius
+  border-top: $modal-card-foot-border-top
+  .button
+    &:not(:last-child)
+      margin-right: 10px
+
+.modal-card-body
+  +overflow-touch
+  background-color: $modal-card-body-background-color
+  flex-grow: 1
+  flex-shrink: 1
+  overflow: auto
+  padding: $modal-card-body-padding

assets/bulma/sass/components/navbar.sass

@@ -0,0 +1,413 @@
+$navbar-background-color: $white !default
+$navbar-box-shadow-size: 0 2px 0 0 !default
+$navbar-box-shadow-color: $background !default
+$navbar-height: 3.25rem !default
+$navbar-padding-vertical: 1rem !default
+$navbar-padding-horizontal: 2rem !default
+$navbar-z: 30 !default
+$navbar-fixed-z: 30 !default
+
+$navbar-item-color: $grey-dark !default
+$navbar-item-hover-color: $link !default
+$navbar-item-hover-background-color: $white-bis !default
+$navbar-item-active-color: $black !default
+$navbar-item-active-background-color: transparent !default
+$navbar-item-img-max-height: 1.75rem !default
+
+$navbar-tab-hover-background-color: transparent !default
+$navbar-tab-hover-border-bottom-color: $link !default
+$navbar-tab-active-color: $link !default
+$navbar-tab-active-background-color: transparent !default
+$navbar-tab-active-border-bottom-color: $link !default
+$navbar-tab-active-border-bottom-style: solid !default
+$navbar-tab-active-border-bottom-width: 3px !default
+
+$navbar-dropdown-background-color: $white !default
+$navbar-dropdown-border-top: 2px solid $border !default
+$navbar-dropdown-offset: -4px !default
+$navbar-dropdown-arrow: $link !default
+$navbar-dropdown-radius: $radius-large !default
+$navbar-dropdown-z: 20 !default
+
+$navbar-dropdown-boxed-radius: $radius-large !default
+$navbar-dropdown-boxed-shadow: 0 8px 8px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
+
+$navbar-dropdown-item-hover-color: $black !default
+$navbar-dropdown-item-hover-background-color: $background !default
+$navbar-dropdown-item-active-color: $link !default
+$navbar-dropdown-item-active-background-color: $background !default
+
+$navbar-divider-background-color: $background !default
+$navbar-divider-height: 2px !default
+
+=navbar-fixed
+  left: 0
+  position: fixed
+  right: 0
+  z-index: $navbar-fixed-z
+
+.navbar
+  background-color: $navbar-background-color
+  box-shadow: $navbar-box-shadow-size $navbar-box-shadow-color
+  min-height: $navbar-height
+  position: relative
+  z-index: $navbar-z
+  @each $name, $pair in $colors
+    $color: nth($pair, 1)
+    $color-invert: nth($pair, 2)
+    &.is-#{$name}
+      background-color: $color
+      color: $color-invert
+      .navbar-brand
+        & > .navbar-item,
+        .navbar-link
+          color: $color-invert
+        & > a.navbar-item,
+        .navbar-link
+          &:hover,
+          &.is-active
+            background-color: darken($color, 5%)
+            color: $color-invert
+        .navbar-link
+          &::after
+            border-color: $color-invert
+      +desktop
+        .navbar-start,
+        .navbar-end
+          & > .navbar-item,
+          .navbar-link
+            color: $color-invert
+          & > a.navbar-item,
+          .navbar-link
+            &:hover,
+            &.is-active
+              background-color: darken($color, 5%)
+              color: $color-invert
+          .navbar-link
+            &::after
+              border-color: $color-invert
+        .navbar-item.has-dropdown:hover .navbar-link,
+        .navbar-item.has-dropdown.is-active .navbar-link
+          background-color: darken($color, 5%)
+          color: $color-invert
+        .navbar-dropdown
+          a.navbar-item
+            &.is-active
+              background-color: $color
+              color: $color-invert
+  & > .container
+    align-items: stretch
+    display: flex
+    min-height: $navbar-height
+    width: 100%
+  &.has-shadow
+    box-shadow: 0 2px 3px rgba($black, 0.1)
+  &.is-fixed-bottom,
+  &.is-fixed-top
+    +navbar-fixed
+  &.is-fixed-bottom
+    bottom: 0
+    &.has-shadow
+      box-shadow: 0 -2px 3px rgba($black, 0.1)
+  &.is-fixed-top
+    top: 0
+
+html,
+body
+  &.has-navbar-fixed-top
+    padding-top: $navbar-height
+  &.has-navbar-fixed-bottom
+    padding-bottom: $navbar-height
+
+.navbar-brand,
+.navbar-tabs
+  align-items: stretch
+  display: flex
+  flex-shrink: 0
+  min-height: $navbar-height
+
+.navbar-brand
+  a.navbar-item
+    &:hover
+      background-color: transparent
+
+.navbar-tabs
+  +overflow-touch
+  max-width: 100vw
+  overflow-x: auto
+  overflow-y: hidden
+
+.navbar-burger
+  +hamburger($navbar-height)
+  margin-left: auto
+
+.navbar-menu
+  display: none
+
+.navbar-item,
+.navbar-link
+  color: $navbar-item-color
+  display: block
+  line-height: 1.5
+  padding: 0.5rem 0.75rem
+  position: relative
+  .icon
+    &:only-child
+      margin-left: -0.25rem
+      margin-right: -0.25rem
+
+a.navbar-item,
+.navbar-link
+  cursor: pointer
+  &:hover,
+  &.is-active
+    background-color: $navbar-item-hover-background-color
+    color: $navbar-item-hover-color
+
+.navbar-item
+  display: block
+  flex-grow: 0
+  flex-shrink: 0
+  img
+    max-height: $navbar-item-img-max-height
+  &.has-dropdown
+    padding: 0
+  &.is-expanded
+    flex-grow: 1
+    flex-shrink: 1
+  &.is-tab
+    border-bottom: 1px solid transparent
+    min-height: $navbar-height
+    padding-bottom: calc(0.5rem - 1px)
+    &:hover
+      background-color: $navbar-tab-hover-background-color
+      border-bottom-color: $navbar-tab-hover-border-bottom-color
+    &.is-active
+      background-color: $navbar-tab-active-background-color
+      border-bottom-color: $navbar-tab-active-border-bottom-color
+      border-bottom-style: $navbar-tab-active-border-bottom-style
+      border-bottom-width: $navbar-tab-active-border-bottom-width
+      color: $navbar-tab-active-color
+      padding-bottom: calc(0.5rem - #{$navbar-tab-active-border-bottom-width})
+
+.navbar-content
+  flex-grow: 1
+  flex-shrink: 1
+
+.navbar-link
+  padding-right: 2.5em
+  &::after
+    +arrow($navbar-dropdown-arrow)
+    margin-top: -0.375em
+    right: 1.125em
+
+.navbar-dropdown
+  font-size: 0.875rem
+  padding-bottom: 0.5rem
+  padding-top: 0.5rem
+  .navbar-item
+    padding-left: 1.5rem
+    padding-right: 1.5rem
+
+.navbar-divider
+  background-color: $navbar-divider-background-color
+  border: none
+  display: none
+  height: $navbar-divider-height
+  margin: 0.5rem 0
+
++touch
+  .navbar > .container
+    display: block
+  .navbar-brand,
+  .navbar-tabs
+    .navbar-item
+      align-items: center
+      display: flex
+  .navbar-link
+    &::after
+      display: none
+  .navbar-menu
+    background-color: $navbar-background-color
+    box-shadow: 0 8px 16px rgba($black, 0.1)
+    padding: 0.5rem 0
+    &.is-active
+      display: block
+  // Fixed navbar
+  .navbar
+    &.is-fixed-bottom-touch,
+    &.is-fixed-top-touch
+      +navbar-fixed
+    &.is-fixed-bottom-touch
+      bottom: 0
+      &.has-shadow
+        box-shadow: 0 -2px 3px rgba($black, 0.1)
+    &.is-fixed-top-touch
+      top: 0
+    &.is-fixed-top,
+    &.is-fixed-top-touch
+      .navbar-menu
+        +overflow-touch
+        max-height: calc(100vh - #{$navbar-height})
+        overflow: auto
+  html,
+  body
+    &.has-navbar-fixed-top-touch
+      padding-top: $navbar-height
+    &.has-navbar-fixed-bottom-touch
+      padding-bottom: $navbar-height
+
++desktop
+  .navbar,
+  .navbar-menu,
+  .navbar-start,
+  .navbar-end
+    align-items: stretch
+    display: flex
+  .navbar
+    min-height: $navbar-height
+    &.is-spaced
+      padding: $navbar-padding-vertical $navbar-padding-horizontal
+      .navbar-start,
+      .navbar-end
+        align-items: center
+      a.navbar-item,
+      .navbar-link
+        border-radius: $radius
+    &.is-transparent
+      a.navbar-item,
+      .navbar-link
+        &:hover,
+        &.is-active
+          background-color: transparent !important
+      .navbar-item.has-dropdown
+        &.is-active,
+        &.is-hoverable:hover
+          .navbar-link
+            background-color: transparent !important
+      .navbar-dropdown
+        a.navbar-item
+          &:hover
+            background-color: $navbar-dropdown-item-hover-background-color
+            color: $navbar-dropdown-item-hover-color
+          &.is-active
+            background-color: $navbar-dropdown-item-active-background-color
+            color: $navbar-dropdown-item-active-color
+  .navbar-burger
+    display: none
+  .navbar-item,
+  .navbar-link
+    align-items: center
+    display: flex
+  .navbar-item
+    display: flex
+    &.has-dropdown
+      align-items: stretch
+    &.has-dropdown-up
+      .navbar-link::after
+        transform: rotate(135deg) translate(0.25em, -0.25em)
+      .navbar-dropdown
+        border-bottom: $navbar-dropdown-border-top
+        border-radius: $navbar-dropdown-radius $navbar-dropdown-radius 0 0
+        border-top: none
+        bottom: 100%
+        box-shadow: 0 -8px 8px rgba($black, 0.1)
+        top: auto
+    &.is-active,
+    &.is-hoverable:hover
+      .navbar-dropdown
+        display: block
+        .navbar.is-spaced &,
+        &.is-boxed
+          opacity: 1
+          pointer-events: auto
+          transform: translateY(0)
+  .navbar-menu
+    flex-grow: 1
+    flex-shrink: 0
+  .navbar-start
+    justify-content: flex-start
+    margin-right: auto
+  .navbar-end
+    justify-content: flex-end
+    margin-left: auto
+  .navbar-dropdown
+    background-color: $navbar-dropdown-background-color
+    border-bottom-left-radius: $navbar-dropdown-radius
+    border-bottom-right-radius: $navbar-dropdown-radius
+    border-top: $navbar-dropdown-border-top
+    box-shadow: 0 8px 8px rgba($black, 0.1)
+    display: none
+    font-size: 0.875rem
+    left: 0
+    min-width: 100%
+    position: absolute
+    top: 100%
+    z-index: $navbar-dropdown-z
+    .navbar-item
+      padding: 0.375rem 1rem
+      white-space: nowrap
+    a.navbar-item
+      padding-right: 3rem
+      &:hover
+        background-color: $navbar-dropdown-item-hover-background-color
+        color: $navbar-dropdown-item-hover-color
+      &.is-active
+        background-color: $navbar-dropdown-item-active-background-color
+        color: $navbar-dropdown-item-active-color
+    .navbar.is-spaced &,
+    &.is-boxed
+      border-radius: $navbar-dropdown-boxed-radius
+      border-top: none
+      box-shadow: $navbar-dropdown-boxed-shadow
+      display: block
+      opacity: 0
+      pointer-events: none
+      top: calc(100% + (#{$navbar-dropdown-offset}))
+      transform: translateY(-5px)
+      transition-duration: $speed
+      transition-property: opacity, transform
+    &.is-right
+      left: auto
+      right: 0
+  .navbar-divider
+    display: block
+  .navbar > .container,
+  .container > .navbar
+    .navbar-brand
+      margin-left: -1rem
+    .navbar-menu
+      margin-right: -1rem
+  // Fixed navbar
+  .navbar
+    &.is-fixed-bottom-desktop,
+    &.is-fixed-top-desktop
+      +navbar-fixed
+    &.is-fixed-bottom-desktop
+      bottom: 0
+      &.has-shadow
+        box-shadow: 0 -2px 3px rgba($black, 0.1)
+    &.is-fixed-top-desktop
+      top: 0
+  html,
+  body
+    &.has-navbar-fixed-top-desktop
+      padding-top: $navbar-height
+    &.has-navbar-fixed-bottom-desktop
+      padding-bottom: $navbar-height
+    &.has-spaced-navbar-fixed-top
+      padding-top: $navbar-height + ($navbar-padding-vertical * 2)
+    &.has-spaced-navbar-fixed-bottom
+      padding-bottom: $navbar-height + ($navbar-padding-vertical * 2)
+  // Hover/Active states
+  a.navbar-item,
+  .navbar-link
+    &.is-active
+      color: $navbar-item-active-color
+    &.is-active:not(:hover)
+      background-color: $navbar-item-active-background-color
+  .navbar-item.has-dropdown
+    &:hover,
+    &.is-active
+      .navbar-link
+        background-color: $navbar-item-hover-background-color

assets/bulma/sass/components/pagination.sass

@@ -0,0 +1,143 @@
+$pagination-color: $grey-darker !default
+$pagination-border-color: $grey-lighter !default
+$pagination-margin: -0.25rem !default
+
+$pagination-hover-color: $link-hover !default
+$pagination-hover-border-color: $link-hover-border !default
+
+$pagination-focus-color: $link-focus !default
+$pagination-focus-border-color: $link-focus-border !default
+
+$pagination-active-color: $link-active !default
+$pagination-active-border-color: $link-active-border !default
+
+$pagination-disabled-color: $grey !default
+$pagination-disabled-background-color: $grey-lighter !default
+$pagination-disabled-border-color: $grey-lighter !default
+
+$pagination-current-color: $link-invert !default
+$pagination-current-background-color: $link !default
+$pagination-current-border-color: $link !default
+
+$pagination-ellipsis-color: $grey-light !default
+
+$pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
+
+.pagination
+  font-size: $size-normal
+  margin: $pagination-margin
+  // Sizes
+  &.is-small
+    font-size: $size-small
+  &.is-medium
+    font-size: $size-medium
+  &.is-large
+    font-size: $size-large
+  &.is-rounded
+    .pagination-previous,
+    .pagination-next
+      padding-left: 1em
+      padding-right: 1em
+      border-radius: $radius-rounded
+    .pagination-link
+      border-radius: $radius-rounded
+
+.pagination,
+.pagination-list
+  align-items: center
+  display: flex
+  justify-content: center
+  text-align: center
+
+.pagination-previous,
+.pagination-next,
+.pagination-link,
+.pagination-ellipsis
+  +control
+  +unselectable
+  font-size: 1em
+  padding-left: 0.5em
+  padding-right: 0.5em
+  justify-content: center
+  margin: 0.25rem
+  text-align: center
+
+.pagination-previous,
+.pagination-next,
+.pagination-link
+  border-color: $pagination-border-color
+  color: $pagination-color
+  min-width: 2.25em
+  &:hover
+    border-color: $pagination-hover-border-color
+    color: $pagination-hover-color
+  &:focus
+    border-color: $pagination-focus-border-color
+  &:active
+    box-shadow: $pagination-shadow-inset
+  &[disabled]
+    background-color: $pagination-disabled-background-color
+    border-color: $pagination-disabled-border-color
+    box-shadow: none
+    color: $pagination-disabled-color
+    opacity: 0.5
+
+.pagination-previous,
+.pagination-next
+  padding-left: 0.75em
+  padding-right: 0.75em
+  white-space: nowrap
+
+.pagination-link
+  &.is-current
+    background-color: $pagination-current-background-color
+    border-color: $pagination-current-border-color
+    color: $pagination-current-color
+
+.pagination-ellipsis
+  color: $pagination-ellipsis-color
+  pointer-events: none
+
+.pagination-list
+  flex-wrap: wrap
+
++mobile
+  .pagination
+    flex-wrap: wrap
+  .pagination-previous,
+  .pagination-next
+    flex-grow: 1
+    flex-shrink: 1
+  .pagination-list
+    li
+      flex-grow: 1
+      flex-shrink: 1
+
++tablet
+  .pagination-list
+    flex-grow: 1
+    flex-shrink: 1
+    justify-content: flex-start
+    order: 1
+  .pagination-previous
+    order: 2
+  .pagination-next
+    order: 3
+  .pagination
+    justify-content: space-between
+    &.is-centered
+      .pagination-previous
+        order: 1
+      .pagination-list
+        justify-content: center
+        order: 2
+      .pagination-next
+        order: 3
+    &.is-right
+      .pagination-previous
+        order: 1
+      .pagination-next
+        order: 2
+      .pagination-list
+        justify-content: flex-end
+        order: 3

assets/bulma/sass/components/panel.sass

@@ -0,0 +1,101 @@
+$panel-item-border: 1px solid $border !default
+
+$panel-heading-background-color: $background !default
+$panel-heading-color: $text-strong !default
+$panel-heading-line-height: 1.25 !default
+$panel-heading-padding: 0.5em 0.75em !default
+$panel-heading-radius: $radius !default
+$panel-heading-size: 1.25em !default
+$panel-heading-weight: $weight-light !default
+
+$panel-tab-border-bottom: 1px solid $border !default
+$panel-tab-active-border-bottom-color: $link-active-border !default
+$panel-tab-active-color: $link-active !default
+
+$panel-list-item-color: $text !default
+$panel-list-item-hover-color: $link !default
+
+$panel-block-color: $text-strong !default
+$panel-block-hover-background-color: $background !default
+$panel-block-active-border-left-color: $link !default
+$panel-block-active-color: $link-active !default
+$panel-block-active-icon-color: $link !default
+
+$panel-icon-color: $text-light !default
+
+.panel
+  font-size: $size-normal
+  &:not(:last-child)
+    margin-bottom: 1.5rem
+
+.panel-heading,
+.panel-tabs,
+.panel-block
+  border-bottom: $panel-item-border
+  border-left: $panel-item-border
+  border-right: $panel-item-border
+  &:first-child
+    border-top: $panel-item-border
+
+.panel-heading
+  background-color: $panel-heading-background-color
+  border-radius: $panel-heading-radius $panel-heading-radius 0 0
+  color: $panel-heading-color
+  font-size: $panel-heading-size
+  font-weight: $panel-heading-weight
+  line-height: $panel-heading-line-height
+  padding: $panel-heading-padding
+
+.panel-tabs
+  align-items: flex-end
+  display: flex
+  font-size: 0.875em
+  justify-content: center
+  a
+    border-bottom: $panel-tab-border-bottom
+    margin-bottom: -1px
+    padding: 0.5em
+    // Modifiers
+    &.is-active
+      border-bottom-color: $panel-tab-active-border-bottom-color
+      color: $panel-tab-active-color
+
+.panel-list
+  a
+    color: $panel-list-item-color
+    &:hover
+      color: $panel-list-item-hover-color
+
+.panel-block
+  align-items: center
+  color: $panel-block-color
+  display: flex
+  justify-content: flex-start
+  padding: 0.5em 0.75em
+  input[type="checkbox"]
+    margin-right: 0.75em
+  & > .control
+    flex-grow: 1
+    flex-shrink: 1
+    width: 100%
+  &.is-wrapped
+    flex-wrap: wrap
+  &.is-active
+    border-left-color: $panel-block-active-border-left-color
+    color: $panel-block-active-color
+    .panel-icon
+      color: $panel-block-active-icon-color
+
+a.panel-block,
+label.panel-block
+  cursor: pointer
+  &:hover
+    background-color: $panel-block-hover-background-color
+
+.panel-icon
+  +fa(14px, 1em)
+  color: $panel-icon-color
+  margin-right: 0.75em
+  .fa
+    font-size: inherit
+    line-height: inherit

assets/bulma/sass/components/tabs.sass

@@ -0,0 +1,151 @@
+$tabs-border-bottom-color: $border !default
+$tabs-border-bottom-style: solid !default
+$tabs-border-bottom-width: 1px !default
+$tabs-link-color: $text !default
+$tabs-link-hover-border-bottom-color: $text-strong !default
+$tabs-link-hover-color: $text-strong !default
+$tabs-link-active-border-bottom-color: $link !default
+$tabs-link-active-color: $link !default
+$tabs-link-padding: 0.5em 1em !default
+
+$tabs-boxed-link-radius: $radius !default
+$tabs-boxed-link-hover-background-color: $background !default
+$tabs-boxed-link-hover-border-bottom-color: $border !default
+
+$tabs-boxed-link-active-background-color: $white !default
+$tabs-boxed-link-active-border-color: $border !default
+$tabs-boxed-link-active-border-bottom-color: transparent !default
+
+$tabs-toggle-link-border-color: $border !default
+$tabs-toggle-link-border-style: solid !default
+$tabs-toggle-link-border-width: 1px !default
+$tabs-toggle-link-hover-background-color: $background !default
+$tabs-toggle-link-hover-border-color: $border-hover !default
+$tabs-toggle-link-radius: $radius !default
+$tabs-toggle-link-active-background-color: $link !default
+$tabs-toggle-link-active-border-color: $link !default
+$tabs-toggle-link-active-color: $link-invert !default
+
+.tabs
+  +block
+  +overflow-touch
+  +unselectable
+  align-items: stretch
+  display: flex
+  font-size: $size-normal
+  justify-content: space-between
+  overflow: hidden
+  overflow-x: auto
+  white-space: nowrap
+  a
+    align-items: center
+    border-bottom-color: $tabs-border-bottom-color
+    border-bottom-style: $tabs-border-bottom-style
+    border-bottom-width: $tabs-border-bottom-width
+    color: $tabs-link-color
+    display: flex
+    justify-content: center
+    margin-bottom: -#{$tabs-border-bottom-width}
+    padding: $tabs-link-padding
+    vertical-align: top
+    &:hover
+      border-bottom-color: $tabs-link-hover-border-bottom-color
+      color: $tabs-link-hover-color
+  li
+    display: block
+    &.is-active
+      a
+        border-bottom-color: $tabs-link-active-border-bottom-color
+        color: $tabs-link-active-color
+  ul
+    align-items: center
+    border-bottom-color: $tabs-border-bottom-color
+    border-bottom-style: $tabs-border-bottom-style
+    border-bottom-width: $tabs-border-bottom-width
+    display: flex
+    flex-grow: 1
+    flex-shrink: 0
+    justify-content: flex-start
+    &.is-left
+      padding-right: 0.75em
+    &.is-center
+      flex: none
+      justify-content: center
+      padding-left: 0.75em
+      padding-right: 0.75em
+    &.is-right
+      justify-content: flex-end
+      padding-left: 0.75em
+  .icon
+    &:first-child
+      margin-right: 0.5em
+    &:last-child
+      margin-left: 0.5em
+  // Alignment
+  &.is-centered
+    ul
+      justify-content: center
+  &.is-right
+    ul
+      justify-content: flex-end
+  // Styles
+  &.is-boxed
+    a
+      border: 1px solid transparent
+      border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0
+      &:hover
+        background-color: $tabs-boxed-link-hover-background-color
+        border-bottom-color: $tabs-boxed-link-hover-border-bottom-color
+    li
+      &.is-active
+        a
+          background-color: $tabs-boxed-link-active-background-color
+          border-color: $tabs-boxed-link-active-border-color
+          border-bottom-color: $tabs-boxed-link-active-border-bottom-color !important
+  &.is-fullwidth
+    li
+      flex-grow: 1
+      flex-shrink: 0
+  &.is-toggle
+    a
+      border-color: $tabs-toggle-link-border-color
+      border-style: $tabs-toggle-link-border-style
+      border-width: $tabs-toggle-link-border-width
+      margin-bottom: 0
+      position: relative
+      &:hover
+        background-color: $tabs-toggle-link-hover-background-color
+        border-color: $tabs-toggle-link-hover-border-color
+        z-index: 2
+    li
+      & + li
+        margin-left: -#{$tabs-toggle-link-border-width}
+      &:first-child a
+        border-radius: $tabs-toggle-link-radius 0 0 $tabs-toggle-link-radius
+      &:last-child a
+        border-radius: 0 $tabs-toggle-link-radius $tabs-toggle-link-radius 0
+      &.is-active
+        a
+          background-color: $tabs-toggle-link-active-background-color
+          border-color: $tabs-toggle-link-active-border-color
+          color: $tabs-toggle-link-active-color
+          z-index: 1
+    ul
+      border-bottom: none
+    &.is-toggle-rounded
+      li
+        &:first-child a
+          border-bottom-left-radius: $radius-rounded
+          border-top-left-radius: $radius-rounded
+          padding-left: 1.25em
+        &:last-child a
+          border-bottom-right-radius: $radius-rounded
+          border-top-right-radius: $radius-rounded
+          padding-right: 1.25em
+  // Sizes
+  &.is-small
+    font-size: $size-small
+  &.is-medium
+    font-size: $size-medium
+  &.is-large
+    font-size: $size-large

assets/bulma/sass/elements/_all.sass

@@ -0,0 +1,16 @@
+@charset "utf-8"
+
+@import "box.sass"
+@import "button.sass"
+@import "container.sass"
+@import "content.sass"
+@import "form.sass"
+@import "icon.sass"
+@import "image.sass"
+@import "notification.sass"
+@import "progress.sass"
+@import "table.sass"
+@import "tag.sass"
+@import "title.sass"
+
+@import "other.sass"

assets/bulma/sass/elements/box.sass

@@ -0,0 +1,24 @@
+$box-color: $text !default
+$box-background-color: $white !default
+$box-radius: $radius-large !default
+$box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
+$box-padding: 1.25rem !default
+
+$box-link-hover-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px $link !default
+$box-link-active-shadow: inset 0 1px 2px rgba($black, 0.2), 0 0 0 1px $link !default
+
+.box
+  +block
+  background-color: $box-background-color
+  border-radius: $box-radius
+  box-shadow: $box-shadow
+  color: $box-color
+  display: block
+  padding: $box-padding
+
+a.box
+  &:hover,
+  &:focus
+    box-shadow: $box-link-hover-shadow
+  &:active
+    box-shadow: $box-link-active-shadow

assets/bulma/sass/elements/button.sass

@@ -0,0 +1,255 @@
+$button-color: $grey-darker !default
+$button-background-color: $white !default
+
+$button-border-color: $grey-lighter !default
+$button-border-width: $control-border-width !default
+
+$button-padding-vertical: calc(0.375em - #{$button-border-width}) !default
+$button-padding-horizontal: 0.75em !default
+
+$button-hover-color: $link-hover !default
+$button-hover-border-color: $link-hover-border !default
+
+$button-focus-color: $link-focus !default
+$button-focus-border-color: $link-focus-border !default
+$button-focus-box-shadow-size: 0 0 0 0.125em !default
+$button-focus-box-shadow-color: rgba($link, 0.25) !default
+
+$button-active-color: $link-active !default
+$button-active-border-color: $link-active-border !default
+
+$button-text-color: $text !default
+$button-text-hover-background-color: $background !default
+$button-text-hover-color: $text-strong !default
+
+$button-disabled-background-color: $white !default
+$button-disabled-border-color: $grey-lighter !default
+$button-disabled-shadow: none !default
+$button-disabled-opacity: 0.5 !default
+
+$button-static-color: $grey !default
+$button-static-background-color: $white-ter !default
+$button-static-border-color: $grey-lighter !default
+
+// The button sizes use mixins so they can be used at different breakpoints
+=button-small
+  border-radius: $radius-small
+  font-size: $size-small
+=button-medium
+  font-size: $size-medium
+=button-large
+  font-size: $size-large
+
+.button
+  +control
+  +unselectable
+  background-color: $button-background-color
+  border-color: $button-border-color
+  border-width: $button-border-width
+  color: $button-color
+  cursor: pointer
+  justify-content: center
+  padding-bottom: $button-padding-vertical
+  padding-left: $button-padding-horizontal
+  padding-right: $button-padding-horizontal
+  padding-top: $button-padding-vertical
+  text-align: center
+  white-space: nowrap
+  strong
+    color: inherit
+  .icon
+    &,
+    &.is-small,
+    &.is-medium,
+    &.is-large
+      height: 1.5em
+      width: 1.5em
+    &:first-child:not(:last-child)
+      margin-left: calc(-0.375em - #{$button-border-width})
+      margin-right: 0.1875em
+    &:last-child:not(:first-child)
+      margin-left: 0.1875em
+      margin-right: calc(-0.375em - #{$button-border-width})
+    &:first-child:last-child
+      margin-left: calc(-0.375em - #{$button-border-width})
+      margin-right: calc(-0.375em - #{$button-border-width})
+  // States
+  &:hover,
+  &.is-hovered
+    border-color: $button-hover-border-color
+    color: $button-hover-color
+  &:focus,
+  &.is-focused
+    border-color: $button-focus-border-color
+    color: $button-focus-color
+    &:not(:active)
+      box-shadow: $button-focus-box-shadow-size $button-focus-box-shadow-color
+  &:active,
+  &.is-active
+    border-color: $button-active-border-color
+    color: $button-active-color
+  // Colors
+  &.is-text
+    background-color: transparent
+    border-color: transparent
+    color: $button-text-color
+    text-decoration: underline
+    &:hover,
+    &.is-hovered,
+    &:focus,
+    &.is-focused
+      background-color: $button-text-hover-background-color
+      color: $button-text-hover-color
+    &:active,
+    &.is-active
+      background-color: darken($button-text-hover-background-color, 5%)
+      color: $button-text-hover-color
+    &[disabled]
+      background-color: transparent
+      border-color: transparent
+      box-shadow: none
+  @each $name, $pair in $colors
+    $color: nth($pair, 1)
+    $color-invert: nth($pair, 2)
+    &.is-#{$name}
+      background-color: $color
+      border-color: transparent
+      color: $color-invert
+      &:hover,
+      &.is-hovered
+        background-color: darken($color, 2.5%)
+        border-color: transparent
+        color: $color-invert
+      &:focus,
+      &.is-focused
+        border-color: transparent
+        color: $color-invert
+        &:not(:active)
+          box-shadow: $button-focus-box-shadow-size rgba($color, 0.25)
+      &:active,
+      &.is-active
+        background-color: darken($color, 5%)
+        border-color: transparent
+        color: $color-invert
+      &[disabled]
+        background-color: $color
+        border-color: transparent
+        box-shadow: none
+      &.is-inverted
+        background-color: $color-invert
+        color: $color
+        &:hover
+          background-color: darken($color-invert, 5%)
+        &[disabled]
+          background-color: $color-invert
+          border-color: transparent
+          box-shadow: none
+          color: $color
+      &.is-loading
+        &::after
+          border-color: transparent transparent $color-invert $color-invert !important
+      &.is-outlined
+        background-color: transparent
+        border-color: $color
+        color: $color
+        &:hover,
+        &:focus
+          background-color: $color
+          border-color: $color
+          color: $color-invert
+        &.is-loading
+          &::after
+            border-color: transparent transparent $color $color !important
+        &[disabled]
+          background-color: transparent
+          border-color: $color
+          box-shadow: none
+          color: $color
+      &.is-inverted.is-outlined
+        background-color: transparent
+        border-color: $color-invert
+        color: $color-invert
+        &:hover,
+        &:focus
+          background-color: $color-invert
+          color: $color
+        &[disabled]
+          background-color: transparent
+          border-color: $color-invert
+          box-shadow: none
+          color: $color-invert
+  // Sizes
+  &.is-small
+    +button-small
+  &.is-medium
+    +button-medium
+  &.is-large
+    +button-large
+  // Modifiers
+  &[disabled]
+    background-color: $button-disabled-background-color
+    border-color: $button-disabled-border-color
+    box-shadow: $button-disabled-shadow
+    opacity: $button-disabled-opacity
+  &.is-fullwidth
+    display: flex
+    width: 100%
+  &.is-loading
+    color: transparent !important
+    pointer-events: none
+    &::after
+      +loader
+      +center(1em)
+      position: absolute !important
+  &.is-static
+    background-color: $button-static-background-color
+    border-color: $button-static-border-color
+    color: $button-static-color
+    box-shadow: none
+    pointer-events: none
+  &.is-rounded
+    border-radius: $radius-rounded
+    padding-left: 1em
+    padding-right: 1em
+
+.buttons
+  align-items: center
+  display: flex
+  flex-wrap: wrap
+  justify-content: flex-start
+  .button
+    margin-bottom: 0.5rem
+    &:not(:last-child)
+      margin-right: 0.5rem
+  &:last-child
+    margin-bottom: -0.5rem
+  &:not(:last-child)
+    margin-bottom: 1rem
+  &.has-addons
+    .button
+      &:not(:first-child)
+        border-bottom-left-radius: 0
+        border-top-left-radius: 0
+      &:not(:last-child)
+        border-bottom-right-radius: 0
+        border-top-right-radius: 0
+        margin-right: -1px
+      &:last-child
+        margin-right: 0
+      &:hover,
+      &.is-hovered
+        z-index: 2
+      &:focus,
+      &.is-focused,
+      &:active,
+      &.is-active,
+      &.is-selected
+        z-index: 3
+        &:hover
+          z-index: 4
+      &.is-expanded
+        flex-grow: 1
+  &.is-centered
+    justify-content: center
+  &.is-right
+    justify-content: flex-end

assets/bulma/sass/elements/container.sass

@@ -0,0 +1,25 @@
+.container
+  margin: 0 auto
+  position: relative
+  +desktop
+    max-width: $desktop - (2 * $gap)
+    width: $desktop - (2 * $gap)
+    &.is-fluid
+      margin-left: $gap
+      margin-right: $gap
+      max-width: none
+      width: auto
+  +until-widescreen
+    &.is-widescreen
+      max-width: $widescreen - (2 * $gap)
+      width: auto
+  +until-fullhd
+    &.is-fullhd
+      max-width: $fullhd - (2 * $gap)
+      width: auto
+  +widescreen
+    max-width: $widescreen - (2 * $gap)
+    width: $widescreen - (2 * $gap)
+  +fullhd
+    max-width: $fullhd - (2 * $gap)
+    width: $fullhd - (2 * $gap)

assets/bulma/sass/elements/content.sass

@@ -0,0 +1,141 @@
+$content-heading-color: $text-strong !default
+$content-heading-weight: $weight-semibold !default
+$content-heading-line-height: 1.125 !default
+
+$content-blockquote-background-color: $background !default
+$content-blockquote-border-left: 5px solid $border !default
+$content-blockquote-padding: 1.25em 1.5em !default
+
+$content-pre-padding: 1.25em 1.5em !default
+
+$content-table-cell-border: 1px solid $border !default
+$content-table-cell-border-width: 0 0 1px !default
+$content-table-cell-padding: 0.5em 0.75em !default
+$content-table-cell-heading-color: $text-strong !default
+$content-table-head-cell-border-width: 0 0 2px !default
+$content-table-head-cell-color: $text-strong !default
+$content-table-foot-cell-border-width: 2px 0 0 !default
+$content-table-foot-cell-color: $text-strong !default
+
+.content
+  +block
+  // Inline
+  li + li
+    margin-top: 0.25em
+  // Block
+  p,
+  dl,
+  ol,
+  ul,
+  blockquote,
+  pre,
+  table
+    &:not(:last-child)
+      margin-bottom: 1em
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6
+    color: $content-heading-color
+    font-weight: $content-heading-weight
+    line-height: $content-heading-line-height
+  h1
+    font-size: 2em
+    margin-bottom: 0.5em
+    &:not(:first-child)
+      margin-top: 1em
+  h2
+    font-size: 1.75em
+    margin-bottom: 0.5714em
+    &:not(:first-child)
+      margin-top: 1.1428em
+  h3
+    font-size: 1.5em
+    margin-bottom: 0.6666em
+    &:not(:first-child)
+      margin-top: 1.3333em
+  h4
+    font-size: 1.25em
+    margin-bottom: 0.8em
+  h5
+    font-size: 1.125em
+    margin-bottom: 0.8888em
+  h6
+    font-size: 1em
+    margin-bottom: 1em
+  blockquote
+    background-color: $content-blockquote-background-color
+    border-left: $content-blockquote-border-left
+    padding: $content-blockquote-padding
+  ol
+    list-style: decimal outside
+    margin-left: 2em
+    margin-top: 1em
+  ul
+    list-style: disc outside
+    margin-left: 2em
+    margin-top: 1em
+    ul
+      list-style-type: circle
+      margin-top: 0.5em
+      ul
+        list-style-type: square
+  dd
+    margin-left: 2em
+  figure
+    margin-left: 2em
+    margin-right: 2em
+    text-align: center
+    &:not(:first-child)
+      margin-top: 2em
+    &:not(:last-child)
+      margin-bottom: 2em
+    img
+      display: inline-block
+    figcaption
+      font-style: italic
+  pre
+    +overflow-touch
+    overflow-x: auto
+    padding: $content-pre-padding
+    white-space: pre
+    word-wrap: normal
+  sup,
+  sub
+    font-size: 75%
+  table
+    width: 100%
+    td,
+    th
+      border: $content-table-cell-border
+      border-width: $content-table-cell-border-width
+      padding: $content-table-cell-padding
+      vertical-align: top
+    th
+      color: $content-table-cell-heading-color
+      text-align: left
+    thead
+      td,
+      th
+        border-width: $content-table-head-cell-border-width
+        color: $content-table-head-cell-color
+    tfoot
+      td,
+      th
+        border-width: $content-table-foot-cell-border-width
+        color: $content-table-foot-cell-color
+    tbody
+      tr
+        &:last-child
+          td,
+          th
+            border-bottom-width: 0
+  // Sizes
+  &.is-small
+    font-size: $size-small
+  &.is-medium
+    font-size: $size-medium
+  &.is-large
+    font-size: $size-large

assets/bulma/sass/elements/form.sass

@@ -0,0 +1,625 @@
+$input-color: $grey-darker !default
+$input-background-color: $white !default
+$input-border-color: $grey-lighter !default
+$input-shadow: inset 0 1px 2px rgba($black, 0.1) !default
+
+$input-hover-color: $grey-darker !default
+$input-hover-border-color: $grey-light !default
+
+$input-focus-color: $grey-darker !default
+$input-focus-border-color: $link !default
+$input-focus-box-shadow-size: 0 0 0 0.125em !default
+$input-focus-box-shadow-color: rgba($link, 0.25) !default
+
+$input-disabled-color: $text-light !default
+$input-disabled-background-color: $background !default
+$input-disabled-border-color: $background !default
+
+$input-arrow: $link !default
+
+$input-icon-color: $grey-lighter !default
+$input-icon-active-color: $grey !default
+
+$input-radius: $radius !default
+
+$file-border-color: $border !default
+$file-radius: $radius !default
+
+$file-cta-background-color: $white-ter !default
+$file-cta-color: $grey-dark !default
+$file-cta-hover-color: $grey-darker !default
+$file-cta-active-color: $grey-darker !default
+
+$file-name-border-color: $border !default
+$file-name-border-style: solid !default
+$file-name-border-width: 1px 1px 1px 0 !default
+$file-name-max-width: 16em !default
+
+$label-color: $grey-darker !default
+$label-weight: $weight-bold !default
+
+$help-size: $size-small !default
+
+=input
+  +control
+  background-color: $input-background-color
+  border-color: $input-border-color
+  color: $input-color
+  +placeholder
+    color: rgba($input-color, 0.3)
+  &:hover,
+  &.is-hovered
+    border-color: $input-hover-border-color
+  &:focus,
+  &.is-focused,
+  &:active,
+  &.is-active
+    border-color: $input-focus-border-color
+    box-shadow: $input-focus-box-shadow-size $input-focus-box-shadow-color
+  &[disabled]
+    background-color: $input-disabled-background-color
+    border-color: $input-disabled-border-color
+    box-shadow: none
+    color: $input-disabled-color
+    +placeholder
+      color: rgba($input-disabled-color, 0.3)
+
+.input,
+.textarea
+  +input
+  box-shadow: $input-shadow
+  max-width: 100%
+  width: 100%
+  &[readonly]
+    box-shadow: none
+  // Colors
+  @each $name, $pair in $colors
+    $color: nth($pair, 1)
+    &.is-#{$name}
+      border-color: $color
+      &:focus,
+      &.is-focused,
+      &:active,
+      &.is-active
+        box-shadow: $input-focus-box-shadow-size rgba($color, 0.25)
+  // Sizes
+  &.is-small
+    +control-small
+  &.is-medium
+    +control-medium
+  &.is-large
+    +control-large
+  // Modifiers
+  &.is-fullwidth
+    display: block
+    width: 100%
+  &.is-inline
+    display: inline
+    width: auto
+
+.input
+  &.is-rounded
+    border-radius: $radius-rounded
+    padding-left: 1em
+    padding-right: 1em
+  &.is-static
+    background-color: transparent
+    border-color: transparent
+    box-shadow: none
+    padding-left: 0
+    padding-right: 0
+
+.textarea
+  display: block
+  max-width: 100%
+  min-width: 100%
+  padding: 0.625em
+  resize: vertical
+  &:not([rows])
+    max-height: 600px
+    min-height: 120px
+  &[rows]
+    height: initial
+  // Modifiers
+  &.has-fixed-size
+    resize: none
+
+.checkbox,
+.radio
+  cursor: pointer
+  display: inline-block
+  line-height: 1.25
+  position: relative
+  input
+    cursor: pointer
+  &:hover
+    color: $input-hover-color
+  &[disabled]
+    color: $input-disabled-color
+    cursor: not-allowed
+
+.radio
+  & + .radio
+    margin-left: 0.5em
+
+.select
+  display: inline-block
+  max-width: 100%
+  position: relative
+  vertical-align: top
+  &:not(.is-multiple)
+    height: 2.25em
+  &:not(.is-multiple):not(.is-loading)
+    &::after
+      +arrow($input-arrow)
+      right: 1.125em
+      z-index: 4
+  &.is-rounded
+    select
+      border-radius: $radius-rounded
+      padding-left: 1em
+  select
+    +input
+    cursor: pointer
+    display: block
+    font-size: 1em
+    max-width: 100%
+    outline: none
+    &::-ms-expand
+      display: none
+    &[disabled]:hover
+      border-color: $input-disabled-border-color
+    &:not([multiple])
+      padding-right: 2.5em
+    &[multiple]
+      height: initial
+      padding: 0
+      option
+        padding: 0.5em 1em
+  // States
+  &:not(.is-multiple):not(.is-loading):hover
+    &::after
+      border-color: $input-hover-color
+  // Colors
+  @each $name, $pair in $colors
+    $color: nth($pair, 1)
+    &.is-#{$name}
+      &:not(:hover)::after
+        border-color: $color
+      select
+        border-color: $color
+        &:hover,
+        &.is-hovered
+          border-color: darken($color, 5%)
+        &:focus,
+        &.is-focused,
+        &:active,
+        &.is-active
+          box-shadow: $input-focus-box-shadow-size rgba($color, 0.25)
+  // Sizes
+  &.is-small
+    +control-small
+  &.is-medium
+    +control-medium
+  &.is-large
+    +control-large
+  // Modifiers
+  &.is-disabled
+    &::after
+      border-color: $input-disabled-color
+  &.is-fullwidth
+    width: 100%
+    select
+      width: 100%
+  &.is-loading
+    &::after
+      +loader
+      margin-top: 0
+      position: absolute
+      right: 0.625em
+      top: 0.625em
+      transform: none
+    &.is-small:after
+      font-size: $size-small
+    &.is-medium:after
+      font-size: $size-medium
+    &.is-large:after
+      font-size: $size-large
+
+.file
+  +unselectable
+  align-items: stretch
+  display: flex
+  justify-content: flex-start
+  position: relative
+  // Colors
+  @each $name, $pair in $colors
+    $color: nth($pair, 1)
+    $color-invert: nth($pair, 2)
+    &.is-#{$name}
+      .file-cta
+        background-color: $color
+        border-color: transparent
+        color: $color-invert
+      &:hover,
+      &.is-hovered
+        .file-cta
+          background-color: darken($color, 2.5%)
+          border-color: transparent
+          color: $color-invert
+      &:focus,
+      &.is-focused
+        .file-cta
+          border-color: transparent
+          box-shadow: 0 0 0.5em rgba($color, 0.25)
+          color: $color-invert
+      &:active,
+      &.is-active
+        .file-cta
+          background-color: darken($color, 5%)
+          border-color: transparent
+          color: $color-invert
+  // Sizes
+  &.is-small
+    font-size: $size-small
+  &.is-medium
+    font-size: $size-medium
+    .file-icon
+      .fa
+        font-size: 21px
+  &.is-large
+    font-size: $size-large
+    .file-icon
+      .fa
+        font-size: 28px
+  // Modifiers
+  &.has-name
+    .file-cta
+      border-bottom-right-radius: 0
+      border-top-right-radius: 0
+    .file-name
+      border-bottom-left-radius: 0
+      border-top-left-radius: 0
+    &.is-empty
+      .file-cta
+        border-radius: $file-radius
+      .file-name
+        display: none
+  &.is-boxed
+    .file-label
+      flex-direction: column
+    .file-cta
+      flex-direction: column
+      height: auto
+      padding: 1em 3em
+    .file-name
+      border-width: 0 1px 1px
+    .file-icon
+      height: 1.5em
+      width: 1.5em
+      .fa
+        font-size: 21px
+    &.is-small
+      .file-icon .fa
+        font-size: 14px
+    &.is-medium
+      .file-icon .fa
+        font-size: 28px
+    &.is-large
+      .file-icon .fa
+        font-size: 35px
+    &.has-name
+      .file-cta
+        border-radius: $file-radius $file-radius 0 0
+      .file-name
+        border-radius: 0 0 $file-radius $file-radius
+        border-width: 0 1px 1px
+  &.is-centered
+    justify-content: center
+  &.is-fullwidth
+    .file-label
+      width: 100%
+    .file-name
+      flex-grow: 1
+      max-width: none
+  &.is-right
+    justify-content: flex-end
+    .file-cta
+      border-radius: 0 $file-radius $file-radius 0
+    .file-name
+      border-radius: $file-radius 0 0 $file-radius
+      border-width: 1px 0 1px 1px
+      order: -1
+
+.file-label
+  align-items: stretch
+  display: flex
+  cursor: pointer
+  justify-content: flex-start
+  overflow: hidden
+  position: relative
+  &:hover
+    .file-cta
+      background-color: darken($file-cta-background-color, 2.5%)
+      color: $file-cta-hover-color
+    .file-name
+      border-color: darken($file-name-border-color, 2.5%)
+  &:active
+    .file-cta
+      background-color: darken($file-cta-background-color, 5%)
+      color: $file-cta-active-color
+    .file-name
+      border-color: darken($file-name-border-color, 5%)
+
+.file-input
+  height: 0.01em
+  left: 0
+  outline: none
+  position: absolute
+  top: 0
+  width: 0.01em
+
+.file-cta,
+.file-name
+  +control
+  border-color: $file-border-color
+  border-radius: $file-radius
+  font-size: 1em
+  padding-left: 1em
+  padding-right: 1em
+  white-space: nowrap
+
+.file-cta
+  background-color: $file-cta-background-color
+  color: $file-cta-color
+
+.file-name
+  border-color: $file-name-border-color
+  border-style: $file-name-border-style
+  border-width: $file-name-border-width
+  display: block
+  max-width: $file-name-max-width
+  overflow: hidden
+  text-align: left
+  text-overflow: ellipsis
+
+.file-icon
+  align-items: center
+  display: flex
+  height: 1em
+  justify-content: center
+  margin-right: 0.5em
+  width: 1em
+  .fa
+    font-size: 14px
+
+.label
+  color: $label-color
+  display: block
+  font-size: $size-normal
+  font-weight: $label-weight
+  &:not(:last-child)
+    margin-bottom: 0.5em
+  // Sizes
+  &.is-small
+    font-size: $size-small
+  &.is-medium
+    font-size: $size-medium
+  &.is-large
+    font-size: $size-large
+
+.help
+  display: block
+  font-size: $help-size
+  margin-top: 0.25rem
+  @each $name, $pair in $colors
+    $color: nth($pair, 1)
+    &.is-#{$name}
+      color: $color
+
+// Containers
+
+.field
+  &:not(:last-child)
+    margin-bottom: 0.75rem
+  // Modifiers
+  &.has-addons
+    display: flex
+    justify-content: flex-start
+    .control
+      &:not(:last-child)
+        margin-right: -1px
+      &:not(:first-child):not(:last-child)
+        .button,
+        .input,
+        .select select
+          border-radius: 0
+      &:first-child
+        .button,
+        .input,
+        .select select
+          border-bottom-right-radius: 0
+          border-top-right-radius: 0
+      &:last-child
+        .button,
+        .input,
+        .select select
+          border-bottom-left-radius: 0
+          border-top-left-radius: 0
+      .button,
+      .input,
+      .select select
+        &:hover,
+        &.is-hovered
+          z-index: 2
+        &:focus,
+        &.is-focused,
+        &:active,
+        &.is-active
+          z-index: 3
+          &:hover
+            z-index: 4
+      &.is-expanded
+        flex-grow: 1
+    &.has-addons-centered
+      justify-content: center
+    &.has-addons-right
+      justify-content: flex-end
+    &.has-addons-fullwidth
+      .control
+        flex-grow: 1
+        flex-shrink: 0
+  &.is-grouped
+    display: flex
+    justify-content: flex-start
+    & > .control
+      flex-shrink: 0
+      &:not(:last-child)
+        margin-bottom: 0
+        margin-right: 0.75rem
+      &.is-expanded
+        flex-grow: 1
+        flex-shrink: 1
+    &.is-grouped-centered
+      justify-content: center
+    &.is-grouped-right
+      justify-content: flex-end
+    &.is-grouped-multiline
+      flex-wrap: wrap
+      & > .control
+        &:last-child,
+        &:not(:last-child)
+          margin-bottom: 0.75rem
+      &:last-child
+        margin-bottom: -0.75rem
+      &:not(:last-child)
+        margin-bottom: 0
+
+  &.is-horizontal
+    +tablet
+      display: flex
+
+.field-label
+  .label
+    font-size: inherit
+  +mobile
+    margin-bottom: 0.5rem
+  +tablet
+    flex-basis: 0
+    flex-grow: 1
+    flex-shrink: 0
+    margin-right: 1.5rem
+    text-align: right
+    &.is-small
+      font-size: $size-small
+      padding-top: 0.375em
+    &.is-normal
+      padding-top: 0.375em
+    &.is-medium
+      font-size: $size-medium
+      padding-top: 0.375em
+    &.is-large
+      font-size: $size-large
+      padding-top: 0.375em
+
+.field-body
+  .field .field
+    margin-bottom: 0
+  +tablet
+    display: flex
+    flex-basis: 0
+    flex-grow: 5
+    flex-shrink: 1
+    .field
+      margin-bottom: 0
+    & > .field
+      flex-shrink: 1
+      &:not(.is-narrow)
+        flex-grow: 1
+      &:not(:last-child)
+        margin-right: 0.75rem
+
+.control
+  font-size: $size-normal
+  position: relative
+  text-align: left
+  // Modifiers
+  // DEPRECATED
+  &.has-icon
+    .icon
+      color: $input-icon-color
+      height: 2.25em
+      pointer-events: none
+      position: absolute
+      top: 0
+      width: 2.25em
+      z-index: 4
+    .input
+      &:focus
+        & + .icon
+          color: $input-icon-active-color
+      &.is-small
+        & + .icon
+          font-size: $size-small
+      &.is-medium
+        & + .icon
+          font-size: $size-medium
+      &.is-large
+        & + .icon
+          font-size: $size-large
+    &:not(.has-icon-right)
+      .icon
+        left: 0
+      .input
+        padding-left: 2.25em
+    &.has-icon-right
+      .icon
+        right: 0
+      .input
+        padding-right: 2.25em
+  &.has-icons-left,
+  &.has-icons-right
+    .input,
+    .select
+      &:focus
+        & ~ .icon
+          color: $input-icon-active-color
+      &.is-small ~ .icon
+        font-size: $size-small
+      &.is-medium ~ .icon
+        font-size: $size-medium
+      &.is-large ~ .icon
+        font-size: $size-large
+    .icon
+      color: $input-icon-color
+      height: 2.25em
+      pointer-events: none
+      position: absolute
+      top: 0
+      width: 2.25em
+      z-index: 4
+  &.has-icons-left
+    .input,
+    .select select
+      padding-left: 2.25em
+    .icon.is-left
+      left: 0
+  &.has-icons-right
+    .input,
+    .select select
+      padding-right: 2.25em
+    .icon.is-right
+      right: 0
+  &.is-loading
+    &::after
+      +loader
+      position: absolute !important
+      right: 0.625em
+      top: 0.625em
+      z-index: 4
+    &.is-small:after
+      font-size: $size-small
+    &.is-medium:after
+      font-size: $size-medium
+    &.is-large:after
+      font-size: $size-large

assets/bulma/sass/elements/icon.sass

@@ -0,0 +1,21 @@
+$icon-dimensions: 1.5rem !default
+$icon-dimensions-small: 1rem !default
+$icon-dimensions-medium: 2rem !default
+$icon-dimensions-large: 3rem !default
+
+.icon
+  align-items: center
+  display: inline-flex
+  justify-content: center
+  height: $icon-dimensions
+  width: $icon-dimensions
+  // Sizes
+  &.is-small
+    height: $icon-dimensions-small
+    width: $icon-dimensions-small
+  &.is-medium
+    height: $icon-dimensions-medium
+    width: $icon-dimensions-medium
+  &.is-large
+    height: $icon-dimensions-large
+    width: $icon-dimensions-large

assets/bulma/sass/elements/image.sass

@@ -0,0 +1,68 @@
+$dimensions: 16 24 32 48 64 96 128 !default
+
+.image
+  display: block
+  position: relative
+  img
+    display: block
+    height: auto
+    width: 100%
+    &.is-rounded
+      border-radius: $radius-rounded
+  // Ratio
+  &.is-square,
+  &.is-1by1,
+  &.is-5by4,
+  &.is-4by3,
+  &.is-3by2,
+  &.is-5by3,
+  &.is-16by9,
+  &.is-2by1,
+  &.is-3by1,
+  &.is-4by5,
+  &.is-3by4,
+  &.is-2by3,
+  &.is-3by5,
+  &.is-9by16,
+  &.is-1by2,
+  &.is-1by3
+    img
+      +overlay
+      height: 100%
+      width: 100%
+  &.is-square,
+  &.is-1by1
+    padding-top: 100%
+  &.is-5by4
+    padding-top: 80%
+  &.is-4by3
+    padding-top: 75%
+  &.is-3by2
+    padding-top: 66.6666%
+  &.is-5by3
+    padding-top: 60%
+  &.is-16by9
+    padding-top: 56.25%
+  &.is-2by1
+    padding-top: 50%
+  &.is-3by1
+    padding-top: 33.3333%
+  &.is-4by5
+    padding-top: 125%
+  &.is-3by4
+    padding-top: 133.3333%
+  &.is-2by3
+    padding-top: 150%
+  &.is-3by5
+    padding-top: 166.6666%
+  &.is-9by16
+    padding-top: 177.7777%
+  &.is-1by2
+    padding-top: 200%
+  &.is-1by3
+    padding-top: 300%
+  // Sizes
+  @each $dimension in $dimensions
+    &.is-#{$dimension}x#{$dimension}
+      height: $dimension * 1px
+      width: $dimension * 1px

assets/bulma/sass/elements/notification.sass

@@ -0,0 +1,35 @@
+$notification-background-color: $background !default
+$notification-radius: $radius !default
+$notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
+
+.notification
+  +block
+  background-color: $notification-background-color
+  border-radius: $notification-radius
+  padding: $notification-padding
+  position: relative
+  a:not(.button)
+    color: currentColor
+    text-decoration: underline
+  strong
+    color: currentColor
+  code,
+  pre
+    background: $white
+  pre code
+    background: transparent
+  & > .delete
+    position: absolute
+    right: 0.5rem
+    top: 0.5rem
+  .title,
+  .subtitle,
+  .content
+    color: currentColor
+  // Colors
+  @each $name, $pair in $colors
+    $color: nth($pair, 1)
+    $color-invert: nth($pair, 2)
+    &.is-#{$name}
+      background-color: $color
+      color: $color-invert

assets/bulma/sass/elements/other.sass

@@ -0,0 +1,39 @@
+.block
+  +block
+
+.delete
+  +delete
+
+.heading
+  display: block
+  font-size: 11px
+  letter-spacing: 1px
+  margin-bottom: 5px
+  text-transform: uppercase
+
+.highlight
+  +block
+  font-weight: $weight-normal
+  max-width: 100%
+  overflow: hidden
+  padding: 0
+  pre
+    overflow: auto
+    max-width: 100%
+
+.loader
+  +loader
+
+.number
+  align-items: center
+  background-color: $background
+  border-radius: $radius-rounded
+  display: inline-flex
+  font-size: $size-medium
+  height: 2em
+  justify-content: center
+  margin-right: 1.5rem
+  min-width: 2.5em
+  padding: 0.25rem 0.5rem
+  text-align: center
+  vertical-align: top

assets/bulma/sass/elements/progress.sass

@@ -0,0 +1,40 @@
+$progress-bar-background-color: $border !default
+$progress-value-background-color: $text !default
+
+.progress
+  +block
+  -moz-appearance: none
+  -webkit-appearance: none
+  border: none
+  border-radius: $radius-rounded
+  display: block
+  height: $size-normal
+  overflow: hidden
+  padding: 0
+  width: 100%
+  &::-webkit-progress-bar
+    background-color: $progress-bar-background-color
+  &::-webkit-progress-value
+    background-color: $progress-value-background-color
+  &::-moz-progress-bar
+    background-color: $progress-value-background-color
+  &::-ms-fill
+    background-color: $progress-value-background-color
+    border: none
+  // Colors
+  @each $name, $pair in $colors
+    $color: nth($pair, 1)
+    &.is-#{$name}
+      &::-webkit-progress-value
+        background-color: $color
+      &::-moz-progress-bar
+        background-color: $color
+      &::-ms-fill
+        background-color: $color
+  // Sizes
+  &.is-small
+    height: $size-small
+  &.is-medium
+    height: $size-medium
+  &.is-large
+    height: $size-large

assets/bulma/sass/elements/table.sass

@@ -0,0 +1,117 @@
+$table-color: $grey-darker !default
+$table-background-color: $white !default
+
+$table-cell-border: 1px solid $grey-lighter !default
+$table-cell-border-width: 0 0 1px !default
+$table-cell-padding: 0.5em 0.75em !default
+$table-cell-heading-color: $text-strong !default
+
+$table-head-cell-border-width: 0 0 2px !default
+$table-head-cell-color: $text-strong !default
+$table-foot-cell-border-width: 2px 0 0 !default
+$table-foot-cell-color: $text-strong !default
+
+$table-row-hover-background-color: $white-bis !default
+
+$table-row-active-background-color: $primary !default
+$table-row-active-color: $primary-invert !default
+
+$table-striped-row-even-background-color: $white-bis !default
+$table-striped-row-even-hover-background-color: $white-ter !default
+
+.table
+  +block
+  background-color: $table-background-color
+  color: $table-color
+  td,
+  th
+    border: $table-cell-border
+    border-width: $table-cell-border-width
+    padding: $table-cell-padding
+    vertical-align: top
+    // Colors
+    @each $name, $pair in $colors
+      $color: nth($pair, 1)
+      $color-invert: nth($pair, 2)
+      &.is-#{$name}
+        background-color: $color
+        border-color: $color
+        color: $color-invert
+    // Modifiers
+    &.is-narrow
+      white-space: nowrap
+      width: 1%
+    &.is-selected
+      background-color: $table-row-active-background-color
+      color: $table-row-active-color
+      a,
+      strong
+        color: currentColor
+  th
+    color: $table-cell-heading-color
+    text-align: left
+  tr
+    &.is-selected
+      background-color: $table-row-active-background-color
+      color: $table-row-active-color
+      a,
+      strong
+        color: currentColor
+      td,
+      th
+        border-color: $table-row-active-color
+        color: currentColor
+  thead
+    td,
+    th
+      border-width: $table-head-cell-border-width
+      color: $table-head-cell-color
+  tfoot
+    td,
+    th
+      border-width: $table-foot-cell-border-width
+      color: $table-foot-cell-color
+  tbody
+    tr
+      &:last-child
+        td,
+        th
+          border-bottom-width: 0
+  // Modifiers
+  &.is-bordered
+    td,
+    th
+      border-width: 1px
+    tr
+      &:last-child
+        td,
+        th
+          border-bottom-width: 1px
+  &.is-fullwidth
+    width: 100%
+  &.is-hoverable
+    tbody
+      tr:not(.is-selected)
+        &:hover
+          background-color: $table-row-hover-background-color
+    &.is-striped
+      tbody
+        tr:not(.is-selected)
+          &:hover
+            background-color: $table-striped-row-even-hover-background-color
+  &.is-narrow
+    td,
+    th
+      padding: 0.25em 0.5em
+  &.is-striped
+    tbody
+      tr:not(.is-selected)
+        &:nth-child(even)
+          background-color: $table-striped-row-even-background-color
+
+.table-container
+  +block
+  +overflow-touch
+  overflow: auto
+  overflow-y: hidden
+  max-width: 100%

assets/bulma/sass/elements/tag.sass

@@ -0,0 +1,111 @@
+$tag-background-color: $background !default
+$tag-color: $text !default
+$tag-radius: $radius !default
+$tag-delete-margin: 1px !default
+
+.tags
+  align-items: center
+  display: flex
+  flex-wrap: wrap
+  justify-content: flex-start
+  .tag
+    margin-bottom: 0.5rem
+    &:not(:last-child)
+      margin-right: 0.5rem
+  &:last-child
+    margin-bottom: -0.5rem
+  &:not(:last-child)
+    margin-bottom: 1rem
+  &.has-addons
+    .tag
+      margin-right: 0
+      &:not(:first-child)
+        border-bottom-left-radius: 0
+        border-top-left-radius: 0
+      &:not(:last-child)
+        border-bottom-right-radius: 0
+        border-top-right-radius: 0
+  &.is-centered
+    justify-content: center
+    .tag
+      margin-right: 0.25rem
+      margin-left: 0.25rem
+  &.is-right
+    justify-content: flex-end
+    .tag
+      &:not(:first-child)
+        margin-left: 0.5rem
+      &:not(:last-child)
+        margin-right: 0
+
+.tag:not(body)
+  align-items: center
+  background-color: $tag-background-color
+  border-radius: $tag-radius
+  color: $tag-color
+  display: inline-flex
+  font-size: $size-small
+  height: 2em
+  justify-content: center
+  line-height: 1.5
+  padding-left: 0.75em
+  padding-right: 0.75em
+  white-space: nowrap
+  .delete
+    margin-left: 0.25rem
+    margin-right: -0.375rem
+  // Colors
+  @each $name, $pair in $colors
+    $color: nth($pair, 1)
+    $color-invert: nth($pair, 2)
+    &.is-#{$name}
+      background-color: $color
+      color: $color-invert
+  // Sizes
+  &.is-medium
+    font-size: $size-normal
+  &.is-large
+    font-size: $size-medium
+  .icon
+    &:first-child:not(:last-child)
+      margin-left: -0.375em
+      margin-right: 0.1875em
+    &:last-child:not(:first-child)
+      margin-left: 0.1875em
+      margin-right: -0.375em
+    &:first-child:last-child
+      margin-left: -0.375em
+      margin-right: -0.375em
+  // Modifiers
+  &.is-delete
+    margin-left: $tag-delete-margin
+    padding: 0
+    position: relative
+    width: 2em
+    &::before,
+    &::after
+      background-color: currentColor
+      content: ""
+      display: block
+      left: 50%
+      position: absolute
+      top: 50%
+      transform: translateX(-50%) translateY(-50%) rotate(45deg)
+      transform-origin: center center
+    &::before
+      height: 1px
+      width: 50%
+    &::after
+      height: 50%
+      width: 1px
+    &:hover,
+    &:focus
+      background-color: darken($tag-background-color, 5%)
+    &:active
+      background-color: darken($tag-background-color, 10%)
+  &.is-rounded
+    border-radius: $radius-rounded
+
+a.tag
+  &:hover
+    text-decoration: underline

assets/bulma/sass/elements/title.sass

@@ -0,0 +1,64 @@
+$title-color: $grey-darker !default
+$title-size: $size-3 !default
+$title-weight: $weight-semibold !default
+$title-line-height: 1.125 !default
+$title-strong-color: inherit !default
+$title-strong-weight: inherit !default
+$title-sub-size: 0.75em !default
+$title-sup-size: 0.75em !default
+
+$subtitle-color: $grey-dark !default
+$subtitle-size: $size-5 !default
+$subtitle-weight: $weight-normal !default
+$subtitle-line-height: 1.25 !default
+$subtitle-strong-color: $grey-darker !default
+$subtitle-strong-weight: $weight-semibold !default
+$subtitle-negative-margin: -1.25rem !default
+
+.title,
+.subtitle
+  +block
+  word-break: break-word
+  em,
+  span
+    font-weight: inherit
+  sub
+    font-size: $title-sub-size
+  sup
+    font-size: $title-sup-size
+  .tag
+    vertical-align: middle
+
+.title
+  color: $title-color
+  font-size: $title-size
+  font-weight: $title-weight
+  line-height: $title-line-height
+  strong
+    color: $title-strong-color
+    font-weight: $title-strong-weight
+  & + .highlight
+    margin-top: -0.75rem
+  &:not(.is-spaced) + .subtitle
+    margin-top: $subtitle-negative-margin
+  // Sizes
+  @each $size in $sizes
+    $i: index($sizes, $size)
+    &.is-#{$i}
+      font-size: $size
+
+.subtitle
+  color: $subtitle-color
+  font-size: $subtitle-size
+  font-weight: $subtitle-weight
+  line-height: $subtitle-line-height
+  strong
+    color: $subtitle-strong-color
+    font-weight: $subtitle-strong-weight
+  &:not(.is-spaced) + .title
+    margin-top: $subtitle-negative-margin
+  // Sizes
+  @each $size in $sizes
+    $i: index($sizes, $size)
+    &.is-#{$i}
+      font-size: $size

assets/bulma/sass/grid/_all.sass

@@ -0,0 +1,4 @@
+@charset "utf-8"
+
+@import "columns.sass"
+@import "tiles.sass"

assets/bulma/sass/grid/columns.sass

@@ -0,0 +1,477 @@
+$column-gap: 0.75rem !default
+
+.column
+  display: block
+  flex-basis: 0
+  flex-grow: 1
+  flex-shrink: 1
+  padding: $column-gap
+  .columns.is-mobile > &.is-narrow
+    flex: none
+  .columns.is-mobile > &.is-full
+    flex: none
+    width: 100%
+  .columns.is-mobile > &.is-three-quarters
+    flex: none
+    width: 75%
+  .columns.is-mobile > &.is-two-thirds
+    flex: none
+    width: 66.6666%
+  .columns.is-mobile > &.is-half
+    flex: none
+    width: 50%
+  .columns.is-mobile > &.is-one-third
+    flex: none
+    width: 33.3333%
+  .columns.is-mobile > &.is-one-quarter
+    flex: none
+    width: 25%
+  .columns.is-mobile > &.is-one-fifth
+    flex: none
+    width: 20%
+  .columns.is-mobile > &.is-two-fifths
+    flex: none
+    width: 40%
+  .columns.is-mobile > &.is-three-fifths
+    flex: none
+    width: 60%
+  .columns.is-mobile > &.is-four-fifths
+    flex: none
+    width: 80%
+  .columns.is-mobile > &.is-offset-three-quarters
+    margin-left: 75%
+  .columns.is-mobile > &.is-offset-two-thirds
+    margin-left: 66.6666%
+  .columns.is-mobile > &.is-offset-half
+    margin-left: 50%
+  .columns.is-mobile > &.is-offset-one-third
+    margin-left: 33.3333%
+  .columns.is-mobile > &.is-offset-one-quarter
+    margin-left: 25%
+  .columns.is-mobile > &.is-offset-one-fifth
+    margin-left: 20%
+  .columns.is-mobile > &.is-offset-two-fifths
+    margin-left: 40%
+  .columns.is-mobile > &.is-offset-three-fifths
+    margin-left: 60%
+  .columns.is-mobile > &.is-offset-four-fifths
+    margin-left: 80%
+  @for $i from 1 through 12
+    .columns.is-mobile > &.is-#{$i}
+      flex: none
+      width: percentage($i / 12)
+    .columns.is-mobile > &.is-offset-#{$i}
+      margin-left: percentage($i / 12)
+  +mobile
+    &.is-narrow-mobile
+      flex: none
+    &.is-full-mobile
+      flex: none
+      width: 100%
+    &.is-three-quarters-mobile
+      flex: none
+      width: 75%
+    &.is-two-thirds-mobile
+      flex: none
+      width: 66.6666%
+    &.is-half-mobile
+      flex: none
+      width: 50%
+    &.is-one-third-mobile
+      flex: none
+      width: 33.3333%
+    &.is-one-quarter-mobile
+      flex: none
+      width: 25%
+    &.is-one-fifth-mobile
+      flex: none
+      width: 20%
+    &.is-two-fifths-mobile
+      flex: none
+      width: 40%
+    &.is-three-fifths-mobile
+      flex: none
+      width: 60%
+    &.is-four-fifths-mobile
+      flex: none
+      width: 80%
+    &.is-offset-three-quarters-mobile
+      margin-left: 75%
+    &.is-offset-two-thirds-mobile
+      margin-left: 66.6666%
+    &.is-offset-half-mobile
+      margin-left: 50%
+    &.is-offset-one-third-mobile
+      margin-left: 33.3333%
+    &.is-offset-one-quarter-mobile
+      margin-left: 25%
+    &.is-offset-one-fifth-mobile
+      margin-left: 20%
+    &.is-offset-two-fifths-mobile
+      margin-left: 40%
+    &.is-offset-three-fifths-mobile
+      margin-left: 60%
+    &.is-offset-four-fifths-mobile
+      margin-left: 80%
+    @for $i from 1 through 12
+      &.is-#{$i}-mobile
+        flex: none
+        width: percentage($i / 12)
+      &.is-offset-#{$i}-mobile
+        margin-left: percentage($i / 12)
+  +tablet
+    &.is-narrow,
+    &.is-narrow-tablet
+      flex: none
+    &.is-full,
+    &.is-full-tablet
+      flex: none
+      width: 100%
+    &.is-three-quarters,
+    &.is-three-quarters-tablet
+      flex: none
+      width: 75%
+    &.is-two-thirds,
+    &.is-two-thirds-tablet
+      flex: none
+      width: 66.6666%
+    &.is-half,
+    &.is-half-tablet
+      flex: none
+      width: 50%
+    &.is-one-third,
+    &.is-one-third-tablet
+      flex: none
+      width: 33.3333%
+    &.is-one-quarter,
+    &.is-one-quarter-tablet
+      flex: none
+      width: 25%
+    &.is-one-fifth,
+    &.is-one-fifth-tablet
+      flex: none
+      width: 20%
+    &.is-two-fifths,
+    &.is-two-fifths-tablet
+      flex: none
+      width: 40%
+    &.is-three-fifths,
+    &.is-three-fifths-tablet
+      flex: none
+      width: 60%
+    &.is-four-fifths,
+    &.is-four-fifths-tablet
+      flex: none
+      width: 80%
+    &.is-offset-three-quarters,
+    &.is-offset-three-quarters-tablet
+      margin-left: 75%
+    &.is-offset-two-thirds,
+    &.is-offset-two-thirds-tablet
+      margin-left: 66.6666%
+    &.is-offset-half,
+    &.is-offset-half-tablet
+      margin-left: 50%
+    &.is-offset-one-third,
+    &.is-offset-one-third-tablet
+      margin-left: 33.3333%
+    &.is-offset-one-quarter,
+    &.is-offset-one-quarter-tablet
+      margin-left: 25%
+    &.is-offset-one-fifth,
+    &.is-offset-one-fifth-tablet
+      margin-left: 20%
+    &.is-offset-two-fifths,
+    &.is-offset-two-fifths-tablet
+      margin-left: 40%
+    &.is-offset-three-fifths,
+    &.is-offset-three-fifths-tablet
+      margin-left: 60%
+    &.is-offset-four-fifths,
+    &.is-offset-four-fifths-tablet
+      margin-left: 80%
+    @for $i from 1 through 12
+      &.is-#{$i},
+      &.is-#{$i}-tablet
+        flex: none
+        width: percentage($i / 12)
+      &.is-offset-#{$i},
+      &.is-offset-#{$i}-tablet
+        margin-left: percentage($i / 12)
+  +touch
+    &.is-narrow-touch
+      flex: none
+    &.is-full-touch
+      flex: none
+      width: 100%
+    &.is-three-quarters-touch
+      flex: none
+      width: 75%
+    &.is-two-thirds-touch
+      flex: none
+      width: 66.6666%
+    &.is-half-touch
+      flex: none
+      width: 50%
+    &.is-one-third-touch
+      flex: none
+      width: 33.3333%
+    &.is-one-quarter-touch
+      flex: none
+      width: 25%
+    &.is-one-fifth-touch
+      flex: none
+      width: 20%
+    &.is-two-fifths-touch
+      flex: none
+      width: 40%
+    &.is-three-fifths-touch
+      flex: none
+      width: 60%
+    &.is-four-fifths-touch
+      flex: none
+      width: 80%
+    &.is-offset-three-quarters-touch
+      margin-left: 75%
+    &.is-offset-two-thirds-touch
+      margin-left: 66.6666%
+    &.is-offset-half-touch
+      margin-left: 50%
+    &.is-offset-one-third-touch
+      margin-left: 33.3333%
+    &.is-offset-one-quarter-touch
+      margin-left: 25%
+    &.is-offset-one-fifth-touch
+      margin-left: 20%
+    &.is-offset-two-fifths-touch
+      margin-left: 40%
+    &.is-offset-three-fifths-touch
+      margin-left: 60%
+    &.is-offset-four-fifths-touch
+      margin-left: 80%
+    @for $i from 1 through 12
+      &.is-#{$i}-touch
+        flex: none
+        width: percentage($i / 12)
+      &.is-offset-#{$i}-touch
+        margin-left: percentage($i / 12)
+  +desktop
+    &.is-narrow-desktop
+      flex: none
+    &.is-full-desktop
+      flex: none
+      width: 100%
+    &.is-three-quarters-desktop
+      flex: none
+      width: 75%
+    &.is-two-thirds-desktop
+      flex: none
+      width: 66.6666%
+    &.is-half-desktop
+      flex: none
+      width: 50%
+    &.is-one-third-desktop
+      flex: none
+      width: 33.3333%
+    &.is-one-quarter-desktop
+      flex: none
+      width: 25%
+    &.is-one-fifth-desktop
+      flex: none
+      width: 20%
+    &.is-two-fifths-desktop
+      flex: none
+      width: 40%
+    &.is-three-fifths-desktop
+      flex: none
+      width: 60%
+    &.is-four-fifths-desktop
+      flex: none
+      width: 80%
+    &.is-offset-three-quarters-desktop
+      margin-left: 75%
+    &.is-offset-two-thirds-desktop
+      margin-left: 66.6666%
+    &.is-offset-half-desktop
+      margin-left: 50%
+    &.is-offset-one-third-desktop
+      margin-left: 33.3333%
+    &.is-offset-one-quarter-desktop
+      margin-left: 25%
+    &.is-offset-one-fifth-desktop
+      margin-left: 20%
+    &.is-offset-two-fifths-desktop
+      margin-left: 40%
+    &.is-offset-three-fifths-desktop
+      margin-left: 60%
+    &.is-offset-four-fifths-desktop
+      margin-left: 80%
+    @for $i from 1 through 12
+      &.is-#{$i}-desktop
+        flex: none
+        width: percentage($i / 12)
+      &.is-offset-#{$i}-desktop
+        margin-left: percentage($i / 12)
+  +widescreen
+    &.is-narrow-widescreen
+      flex: none
+    &.is-full-widescreen
+      flex: none
+      width: 100%
+    &.is-three-quarters-widescreen
+      flex: none
+      width: 75%
+    &.is-two-thirds-widescreen
+      flex: none
+      width: 66.6666%
+    &.is-half-widescreen
+      flex: none
+      width: 50%
+    &.is-one-third-widescreen
+      flex: none
+      width: 33.3333%
+    &.is-one-quarter-widescreen
+      flex: none
+      width: 25%
+    &.is-one-fifth-widescreen
+      flex: none
+      width: 20%
+    &.is-two-fifths-widescreen
+      flex: none
+      width: 40%
+    &.is-three-fifths-widescreen
+      flex: none
+      width: 60%
+    &.is-four-fifths-widescreen
+      flex: none
+      width: 80%
+    &.is-offset-three-quarters-widescreen
+      margin-left: 75%
+    &.is-offset-two-thirds-widescreen
+      margin-left: 66.6666%
+    &.is-offset-half-widescreen
+      margin-left: 50%
+    &.is-offset-one-third-widescreen
+      margin-left: 33.3333%
+    &.is-offset-one-quarter-widescreen
+      margin-left: 25%
+    &.is-offset-one-fifth-widescreen
+      margin-left: 20%
+    &.is-offset-two-fifths-widescreen
+      margin-left: 40%
+    &.is-offset-three-fifths-widescreen
+      margin-left: 60%
+    &.is-offset-four-fifths-widescreen
+      margin-left: 80%
+    @for $i from 1 through 12
+      &.is-#{$i}-widescreen
+        flex: none
+        width: percentage($i / 12)
+      &.is-offset-#{$i}-widescreen
+        margin-left: percentage($i / 12)
+  +fullhd
+    &.is-narrow-fullhd
+      flex: none
+    &.is-full-fullhd
+      flex: none
+      width: 100%
+    &.is-three-quarters-fullhd
+      flex: none
+      width: 75%
+    &.is-two-thirds-fullhd
+      flex: none
+      width: 66.6666%
+    &.is-half-fullhd
+      flex: none
+      width: 50%
+    &.is-one-third-fullhd
+      flex: none
+      width: 33.3333%
+    &.is-one-quarter-fullhd
+      flex: none
+      width: 25%
+    &.is-one-fifth-fullhd
+      flex: none
+      width: 20%
+    &.is-two-fifths-fullhd
+      flex: none
+      width: 40%
+    &.is-three-fifths-fullhd
+      flex: none
+      width: 60%
+    &.is-four-fifths-fullhd
+      flex: none
+      width: 80%
+    &.is-offset-three-quarters-fullhd
+      margin-left: 75%
+    &.is-offset-two-thirds-fullhd
+      margin-left: 66.6666%
+    &.is-offset-half-fullhd
+      margin-left: 50%
+    &.is-offset-one-third-fullhd
+      margin-left: 33.3333%
+    &.is-offset-one-quarter-fullhd
+      margin-left: 25%
+    &.is-offset-one-fifth-fullhd
+      margin-left: 20%
+    &.is-offset-two-fifths-fullhd
+      margin-left: 40%
+    &.is-offset-three-fifths-fullhd
+      margin-left: 60%
+    &.is-offset-four-fifths-fullhd
+      margin-left: 80%
+    @for $i from 1 through 12
+      &.is-#{$i}-fullhd
+        flex: none
+        width: percentage($i / 12)
+      &.is-offset-#{$i}-fullhd
+        margin-left: percentage($i / 12)
+
+.columns
+  margin-left: (-$column-gap)
+  margin-right: (-$column-gap)
+  margin-top: (-$column-gap)
+  &:last-child
+    margin-bottom: (-$column-gap)
+  &:not(:last-child)
+    margin-bottom: calc(1.5rem - #{$column-gap})
+  // Modifiers
+  &.is-centered
+    justify-content: center
+  &.is-gapless
+    margin-left: 0
+    margin-right: 0
+    margin-top: 0
+    & > .column
+      margin: 0
+      padding: 0 !important
+    &:not(:last-child)
+      margin-bottom: 1.5rem
+    &:last-child
+      margin-bottom: 0
+  &.is-mobile
+    display: flex
+  &.is-multiline
+    flex-wrap: wrap
+  &.is-vcentered
+    align-items: center
+  // Responsiveness
+  +tablet
+    &:not(.is-desktop)
+      display: flex
+  +desktop
+    // Modifiers
+    &.is-desktop
+      display: flex
+
+@if $variable-columns
+  .columns.is-variable
+    --columnGap: 0.75rem
+    margin-left: calc(-1 * var(--columnGap))
+    margin-right: calc(-1 * var(--columnGap))
+    .column
+      padding-left: var(--columnGap)
+      padding-right: var(--columnGap)
+    @for $i from 0 through 8
+      &.is-#{$i}
+        --columnGap: #{$i * 0.25rem}

assets/bulma/sass/grid/tiles.sass

@@ -0,0 +1,32 @@
+.tile
+  align-items: stretch
+  display: block
+  flex-basis: 0
+  flex-grow: 1
+  flex-shrink: 1
+  min-height: min-content
+  // Modifiers
+  &.is-ancestor
+    margin-left: -0.75rem
+    margin-right: -0.75rem
+    margin-top: -0.75rem
+    &:last-child
+      margin-bottom: -0.75rem
+    &:not(:last-child)
+      margin-bottom: 0.75rem
+  &.is-child
+    margin: 0 !important
+  &.is-parent
+    padding: 0.75rem
+  &.is-vertical
+    flex-direction: column
+    & > .tile.is-child:not(:last-child)
+      margin-bottom: 1.5rem !important
+  // Responsiveness
+  +tablet
+    &:not(.is-child)
+      display: flex
+    @for $i from 1 through 12
+      &.is-#{$i}
+        flex: none
+        width: ($i / 12) * 100%

assets/bulma/sass/layout/_all.sass

@@ -0,0 +1,5 @@
+@charset "utf-8"
+
+@import "hero.sass"
+@import "section.sass"
+@import "footer.sass"

assets/bulma/sass/layout/footer.sass

@@ -0,0 +1,5 @@
+$footer-background-color: $white-bis !default
+
+.footer
+  background-color: $footer-background-color
+  padding: 3rem 1.5rem 6rem

assets/bulma/sass/layout/hero.sass

@@ -0,0 +1,155 @@
+// Main container
+
+.hero
+  align-items: stretch
+  display: flex
+  flex-direction: column
+  justify-content: space-between
+  .navbar
+    background: none
+  .tabs
+    ul
+      border-bottom: none
+  // Colors
+  @each $name, $pair in $colors
+    $color: nth($pair, 1)
+    $color-invert: nth($pair, 2)
+    &.is-#{$name}
+      background-color: $color
+      color: $color-invert
+      a:not(.button):not(.dropdown-item):not(.tag),
+      strong
+        color: inherit
+      .title
+        color: $color-invert
+      .subtitle
+        color: rgba($color-invert, 0.9)
+        a:not(.button),
+        strong
+          color: $color-invert
+      .navbar-menu
+        +touch
+          background-color: $color
+      .navbar-item,
+      .navbar-link
+        color: rgba($color-invert, 0.7)
+      a.navbar-item,
+      .navbar-link
+        &:hover,
+        &.is-active
+          background-color: darken($color, 5%)
+          color: $color-invert
+      .tabs
+        a
+          color: $color-invert
+          opacity: 0.9
+          &:hover
+            opacity: 1
+        li
+          &.is-active a
+            opacity: 1
+        &.is-boxed,
+        &.is-toggle
+          a
+            color: $color-invert
+            &:hover
+              background-color: rgba($black, 0.1)
+          li.is-active a
+            &,
+            &:hover
+              background-color: $color-invert
+              border-color: $color-invert
+              color: $color
+      // Modifiers
+      &.is-bold
+        $gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
+        $gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
+        background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
+        +mobile
+          .navbar-menu
+            background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
+      // Responsiveness
+      // +mobile
+      //   .nav-toggle
+      //     span
+      //       background-color: $color-invert
+      //     &:hover
+      //       background-color: rgba($black, 0.1)
+      //     &.is-active
+      //       span
+      //         background-color: $color-invert
+      //   .nav-menu
+      //     .nav-item
+      //       border-top-color: rgba($color-invert, 0.2)
+  // Sizes
+  &.is-small
+    .hero-body
+      padding-bottom: 1.5rem
+      padding-top: 1.5rem
+  &.is-medium
+    +tablet
+      .hero-body
+        padding-bottom: 9rem
+        padding-top: 9rem
+  &.is-large
+    +tablet
+      .hero-body
+        padding-bottom: 18rem
+        padding-top: 18rem
+  &.is-halfheight,
+  &.is-fullheight
+    .hero-body
+      align-items: center
+      display: flex
+      & > .container
+        flex-grow: 1
+        flex-shrink: 1
+  &.is-halfheight
+    min-height: 50vh
+  &.is-fullheight
+    min-height: 100vh
+
+// Components
+
+.hero-video
+  +overlay
+  overflow: hidden
+  video
+    left: 50%
+    min-height: 100%
+    min-width: 100%
+    position: absolute
+    top: 50%
+    transform: translate3d(-50%, -50%, 0)
+  // Modifiers
+  &.is-transparent
+    opacity: 0.3
+  // Responsiveness
+  +mobile
+    display: none
+
+.hero-buttons
+  margin-top: 1.5rem
+  // Responsiveness
+  +mobile
+    .button
+      display: flex
+      &:not(:last-child)
+        margin-bottom: 0.75rem
+  +tablet
+    display: flex
+    justify-content: center
+    .button:not(:last-child)
+      margin-right: 1.5rem
+
+// Containers
+
+.hero-head,
+.hero-foot
+  flex-grow: 0
+  flex-shrink: 0
+
+.hero-body
+  flex-grow: 1
+  flex-shrink: 0
+  padding: 3rem 1.5rem

assets/bulma/sass/layout/section.sass

@@ -0,0 +1,13 @@
+$section-padding: 3rem 1.5rem !default
+$section-padding-medium: 9rem 1.5rem !default
+$section-padding-large: 18rem 1.5rem !default
+
+.section
+  padding: $section-padding
+  // Responsiveness
+  +desktop
+    // Sizes
+    &.is-medium
+      padding: $section-padding-medium
+    &.is-large
+      padding: $section-padding-large

assets/bulma/sass/utilities/_all.sass

@@ -0,0 +1,8 @@
+@charset "utf-8"
+
+@import "initial-variables.sass"
+@import "functions.sass"
+@import "derived-variables.sass"
+@import "animations.sass"
+@import "mixins.sass"
+@import "controls.sass"

assets/bulma/sass/utilities/animations.sass

@@ -0,0 +1,5 @@
+@keyframes spinAround
+  from
+    transform: rotate(0deg)
+  to
+    transform: rotate(359deg)

assets/bulma/sass/utilities/controls.sass

@@ -0,0 +1,46 @@
+$control-radius: $radius !default
+$control-radius-small: $radius-small !default
+
+$control-border-width: 1px !default
+
+$control-padding-vertical: calc(0.375em - #{$control-border-width}) !default
+$control-padding-horizontal: calc(0.625em - #{$control-border-width}) !default
+
+%control
+  -moz-appearance: none
+  -webkit-appearance: none
+  align-items: center
+  border: $control-border-width solid transparent
+  border-radius: $control-radius
+  box-shadow: none
+  display: inline-flex
+  font-size: $size-normal
+  height: 2.25em
+  justify-content: flex-start
+  line-height: 1.5
+  padding-bottom: $control-padding-vertical
+  padding-left: $control-padding-horizontal
+  padding-right: $control-padding-horizontal
+  padding-top: $control-padding-vertical
+  position: relative
+  vertical-align: top
+  // States
+  &:focus,
+  &.is-focused,
+  &:active,
+  &.is-active
+    outline: none
+  &[disabled]
+    cursor: not-allowed
+
+=control
+  @extend %control
+
+// The controls sizes use mixins so they can be used at different breakpoints
+=control-small
+  border-radius: $control-radius-small
+  font-size: $size-small
+=control-medium
+  font-size: $size-medium
+=control-large
+  font-size: $size-large

assets/bulma/sass/utilities/derived-variables.sass

@@ -0,0 +1,84 @@
+$primary: $turquoise !default
+
+$info: $cyan !default
+$success: $green !default
+$warning: $yellow !default
+$danger: $red !default
+
+$light: $white-ter !default
+$dark: $grey-darker !default
+
+// Invert colors
+
+$orange-invert: findColorInvert($orange) !default
+$yellow-invert: findColorInvert($yellow) !default
+$green-invert: findColorInvert($green) !default
+$turquoise-invert: findColorInvert($turquoise) !default
+$cyan-invert: findColorInvert($cyan) !default
+$blue-invert: findColorInvert($blue) !default
+$purple-invert: findColorInvert($purple) !default
+$red-invert: findColorInvert($red) !default
+
+$primary-invert: $turquoise-invert !default
+$info-invert: $cyan-invert !default
+$success-invert: $green-invert !default
+$warning-invert: $yellow-invert !default
+$danger-invert: $red-invert !default
+$light-invert: $dark !default
+$dark-invert: $light !default
+
+// General colors
+
+$background: $white-ter !default
+
+$border: $grey-lighter !default
+$border-hover: $grey-light !default
+
+// Text colors
+
+$text: $grey-dark !default
+$text-invert: findColorInvert($text) !default
+$text-light: $grey !default
+$text-strong: $grey-darker !default
+
+// Code colors
+
+$code: $red !default
+$code-background: $background !default
+
+$pre: $text !default
+$pre-background: $background !default
+
+// Link colors
+
+$link: $blue !default
+$link-invert: $blue-invert !default
+$link-visited: $purple !default
+
+$link-hover: $grey-darker !default
+$link-hover-border: $grey-light !default
+
+$link-focus: $grey-darker !default
+$link-focus-border: $blue !default
+
+$link-active: $grey-darker !default
+$link-active-border: $grey-dark !default
+
+// Typography
+
+$family-primary: $family-sans-serif !default
+$family-code: $family-monospace !default
+
+$size-small: $size-7 !default
+$size-normal: $size-6 !default
+$size-medium: $size-5 !default
+$size-large: $size-4 !default
+
+// Lists and maps
+$custom-colors: null !default
+$custom-shades: null !default
+
+$colors: mergeColorMaps(("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert), "link": ($link, $link-invert), "info": ($info, $info-invert), "success": ($success, $success-invert), "warning": ($warning, $warning-invert), "danger": ($danger, $danger-invert)), $custom-colors) !default
+$shades: mergeColorMaps(("black-bis": $black-bis, "black-ter": $black-ter, "grey-darker": $grey-darker, "grey-dark": $grey-dark, "grey": $grey, "grey-light": $grey-light, "grey-lighter": $grey-lighter, "white-ter": $white-ter, "white-bis": $white-bis), $custom-shades) !default
+
+$sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7 !default

assets/bulma/sass/utilities/functions.sass

@@ -0,0 +1,62 @@
+@function mergeColorMaps($bulma-colors, $custom-colors)
+  // we return at least bulma hardcoded colors
+  $merged-colors: $bulma-colors
+
+  // we want a map as input
+  @if type-of($custom-colors) == 'map'
+    @each $name, $components in $custom-colors
+      // color name should be a string and colors pair a list with at least one element
+      @if type-of($name) == 'string' and (type-of($components) == 'list' or type-of($components) == 'color') and length($components) >= 1
+        $color-base: null
+
+        // the param can either be a single color
+        // or a list of 2 colors
+        @if type-of($components) == 'color'
+          $color-base: $components
+        @else if type-of($components) == 'list'
+          $color-base: nth($components, 1)
+
+        $color-invert: null
+        // is an inverted color provided in the list
+        @if length($components) > 1
+          $color-invert: nth($components, 2)
+
+        // we only want a color as base color
+        @if type-of($color-base) == 'color'
+          // if inverted color is not provided or is not a color we compute it
+          @if type-of($color-invert) != 'color'
+            $color-invert: findColorInvert($color-base)
+
+          // we merge this colors elements as map with bulma colors (we can override them this way, no multiple definition for the same name)
+          $merged-colors: map_merge($merged-colors, ($name: ($color-base, $color-invert)))
+
+  @return $merged-colors
+
+@function powerNumber($number, $exp)
+  $value: 1
+  @if $exp > 0
+    @for $i from 1 through $exp
+      $value: $value * $number
+  @else if $exp < 0
+    @for $i from 1 through -$exp
+      $value: $value / $number
+  @return $value
+
+@function colorLuminance($color)
+  $color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
+  @each $name, $value in $color-rgb
+    $adjusted: 0
+    $value: $value / 255
+    @if $value < 0.03928
+      $value: $value / 12.92
+    @else
+      $value: ($value + .055) / 1.055
+      $value: powerNumber($value, 2)
+    $color-rgb: map-merge($color-rgb, ($name: $value))
+  @return (map-get($color-rgb, 'red') * .2126) + (map-get($color-rgb, 'green') * .7152) + (map-get($color-rgb, 'blue') * .0722)
+
+@function findColorInvert($color)
+  @if (colorLuminance($color) > 0.55)
+    @return rgba(#000, 0.7)
+  @else
+    @return #fff

assets/bulma/sass/utilities/initial-variables.sass

@@ -0,0 +1,72 @@
+// Colors
+
+$black:        hsl(0, 0%, 4%) !default
+$black-bis:    hsl(0, 0%, 7%) !default
+$black-ter:    hsl(0, 0%, 14%) !default
+
+$grey-darker:  hsl(0, 0%, 21%) !default
+$grey-dark:    hsl(0, 0%, 29%) !default
+$grey:         hsl(0, 0%, 48%) !default
+$grey-light:   hsl(0, 0%, 71%) !default
+$grey-lighter: hsl(0, 0%, 86%) !default
+
+$white-ter:    hsl(0, 0%, 96%) !default
+$white-bis:    hsl(0, 0%, 98%) !default
+$white:        hsl(0, 0%, 100%) !default
+
+$orange:       hsl(14,  100%, 53%) !default
+$yellow:       hsl(48,  100%, 67%) !default
+$green:        hsl(141, 71%,  48%) !default
+$turquoise:    hsl(171, 100%, 41%) !default
+$cyan:         hsl(204, 86%,  53%) !default
+$blue:         hsl(217, 71%,  53%) !default
+$purple:       hsl(271, 100%, 71%) !default
+$red:          hsl(348, 100%, 61%) !default
+
+// Typography
+
+$family-sans-serif: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default
+$family-monospace: monospace !default
+$render-mode: optimizeLegibility !default
+
+$size-1: 3rem !default
+$size-2: 2.5rem !default
+$size-3: 2rem !default
+$size-4: 1.5rem !default
+$size-5: 1.25rem !default
+$size-6: 1rem !default
+$size-7: 0.75rem !default
+
+$weight-light: 300 !default
+$weight-normal: 400 !default
+$weight-medium: 500 !default
+$weight-semibold: 600 !default
+$weight-bold: 700 !default
+
+// Responsiveness
+
+// The container horizontal gap, which acts as the offset for breakpoints
+$gap: 64px !default
+// 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16
+$tablet: 769px !default
+// 960px container + 4rem
+$desktop: 960px + (2 * $gap) !default
+// 1152px container + 4rem
+$widescreen: 1152px + (2 * $gap) !default
+$widescreen-enabled: true !default
+// 1344px container + 4rem
+$fullhd: 1344px + (2 * $gap) !default
+$fullhd-enabled: false !default
+
+// Miscellaneous
+
+$easing: ease-out !default
+$radius-small: 2px !default
+$radius: 4px !default
+$radius-large: 6px !default
+$radius-rounded: 290486px !default
+$speed: 86ms !default
+
+// Flags
+
+$variable-columns: true !default

assets/bulma/sass/utilities/mixins.sass

@@ -0,0 +1,266 @@
+@import "initial-variables"
+
+=clearfix
+  &::after
+    clear: both
+    content: " "
+    display: table
+
+=center($width, $height: 0)
+  position: absolute
+  @if $height != 0
+    left: calc(50% - (#{$width} / 2))
+    top: calc(50% - (#{$height} / 2))
+  @else
+    left: calc(50% - (#{$width} / 2))
+    top: calc(50% - (#{$width} / 2))
+
+=fa($size, $dimensions)
+  display: inline-block
+  font-size: $size
+  height: $dimensions
+  line-height: $dimensions
+  text-align: center
+  vertical-align: top
+  width: $dimensions
+
+=hamburger($dimensions)
+  cursor: pointer
+  display: block
+  height: $dimensions
+  position: relative
+  width: $dimensions
+  span
+    background-color: currentColor
+    display: block
+    height: 1px
+    left: calc(50% - 8px)
+    position: absolute
+    transform-origin: center
+    transition-duration: $speed
+    transition-property: background-color, opacity, transform
+    transition-timing-function: $easing
+    width: 16px
+    &:nth-child(1)
+      top: calc(50% - 6px)
+    &:nth-child(2)
+      top: calc(50% - 1px)
+    &:nth-child(3)
+      top: calc(50% + 4px)
+  &:hover
+    background-color: rgba(black, 0.05)
+  // Modifers
+  &.is-active
+    span
+      &:nth-child(1)
+        transform: translateY(5px) rotate(45deg)
+      &:nth-child(2)
+        opacity: 0
+      &:nth-child(3)
+        transform: translateY(-5px) rotate(-45deg)
+
+=overflow-touch
+  -webkit-overflow-scrolling: touch
+
+=placeholder
+  $placeholders: ':-moz' ':-webkit-input' '-moz' '-ms-input'
+  @each $placeholder in $placeholders
+    &:#{$placeholder}-placeholder
+      @content
+
+// Responsiveness
+
+=from($device)
+  @media screen and (min-width: $device)
+    @content
+
+=until($device)
+  @media screen and (max-width: $device - 1px)
+    @content
+
+=mobile
+  @media screen and (max-width: $tablet - 1px)
+    @content
+
+=tablet
+  @media screen and (min-width: $tablet), print
+    @content
+
+=tablet-only
+  @media screen and (min-width: $tablet) and (max-width: $desktop - 1px)
+    @content
+
+=touch
+  @media screen and (max-width: $desktop - 1px)
+    @content
+
+=desktop
+  @media screen and (min-width: $desktop)
+    @content
+
+=desktop-only
+  @if $widescreen-enabled
+    @media screen and (min-width: $desktop) and (max-width: $widescreen - 1px)
+      @content
+
+=until-widescreen
+  @if $widescreen-enabled
+    @media screen and (max-width: $widescreen - 1px)
+      @content
+
+=widescreen
+  @if $widescreen-enabled
+    @media screen and (min-width: $widescreen)
+      @content
+
+=widescreen-only
+  @if $widescreen-enabled and $fullhd-enabled
+    @media screen and (min-width: $widescreen) and (max-width: $fullhd - 1px)
+      @content
+
+=until-fullhd
+  @if $fullhd-enabled
+    @media screen and (max-width: $fullhd - 1px)
+      @content
+
+=fullhd
+  @if $fullhd-enabled
+    @media screen and (min-width: $fullhd)
+      @content
+
+// Placeholders
+
+%unselectable
+  -webkit-touch-callout: none
+  -webkit-user-select: none
+  -moz-user-select: none
+  -ms-user-select: none
+  user-select: none
+
+=unselectable
+  @extend %unselectable
+
+%arrow
+  border: 3px solid transparent
+  border-radius: 2px
+  border-right: 0
+  border-top: 0
+  content: " "
+  display: block
+  height: 0.625em
+  margin-top: -0.4375em
+  pointer-events: none
+  position: absolute
+  top: 50%
+  transform: rotate(-45deg)
+  transform-origin: center
+  width: 0.625em
+
+=arrow($color)
+  @extend %arrow
+  border-color: $color
+
+%block
+  &:not(:last-child)
+    margin-bottom: 1.5rem
+
+=block
+  @extend %block
+
+%delete
+  @extend %unselectable
+  -moz-appearance: none
+  -webkit-appearance: none
+  background-color: rgba($black, 0.2)
+  border: none
+  border-radius: $radius-rounded
+  cursor: pointer
+  display: inline-block
+  flex-grow: 0
+  flex-shrink: 0
+  font-size: 0
+  height: 20px
+  max-height: 20px
+  max-width: 20px
+  min-height: 20px
+  min-width: 20px
+  outline: none
+  position: relative
+  vertical-align: top
+  width: 20px
+  &::before,
+  &::after
+    background-color: $white
+    content: ""
+    display: block
+    left: 50%
+    position: absolute
+    top: 50%
+    transform: translateX(-50%) translateY(-50%) rotate(45deg)
+    transform-origin: center center
+  &::before
+    height: 2px
+    width: 50%
+  &::after
+    height: 50%
+    width: 2px
+  &:hover,
+  &:focus
+    background-color: rgba($black, 0.3)
+  &:active
+    background-color: rgba($black, 0.4)
+  // Sizes
+  &.is-small
+    height: 16px
+    max-height: 16px
+    max-width: 16px
+    min-height: 16px
+    min-width: 16px
+    width: 16px
+  &.is-medium
+    height: 24px
+    max-height: 24px
+    max-width: 24px
+    min-height: 24px
+    min-width: 24px
+    width: 24px
+  &.is-large
+    height: 32px
+    max-height: 32px
+    max-width: 32px
+    min-height: 32px
+    min-width: 32px
+    width: 32px
+
+=delete
+  @extend %delete
+
+%loader
+  animation: spinAround 500ms infinite linear
+  border: 2px solid $border
+  border-radius: $radius-rounded
+  border-right-color: transparent
+  border-top-color: transparent
+  content: ""
+  display: block
+  height: 1em
+  position: relative
+  width: 1em
+
+=loader
+  @extend %loader
+
+%overlay
+  bottom: 0
+  left: 0
+  position: absolute
+  right: 0
+  top: 0
+
+=overlay($offset: 0)
+  @extend %overlay
+  @if $offset != 0
+    bottom: $offset
+    left: $offset
+    right: $offset
+    top: $offset

assets/fresh/core.scss

@@ -0,0 +1,20 @@
+/* ==========================================================================
+Main SCSS file / Fresh
+========================================================================== */
+
+//Imports
+@import 'partials/colors';
+@import 'partials/navbar';
+@import 'partials/dropdowns';
+@import 'partials/sections';
+@import 'partials/hero';
+@import 'partials/footer';
+@import 'partials/buttons';
+@import 'partials/cards';
+@import 'partials/forms';
+@import 'partials/animations';
+@import 'partials/sidebar';
+@import 'partials/testimonials';
+@import 'partials/responsive';
+@import 'partials/utils';
+

assets/fresh/partials/_animations.scss

@@ -0,0 +1,108 @@
+/* ==========================================================================
+General Keyframes animations
+========================================================================== */
+
+.animated {
+    animation-duration: 0.5s;
+    animation-fill-mode: both;
+    -webkit-animation-duration: 0.5s;
+    -webkit-animation-fill-mode: both;
+}
+
+//Delays
+.delay-1 {
+    animation-delay: .25s;
+}
+.delay-2 {
+    animation-delay: .5s;
+}
+.delay-3 {
+    animation-delay: .75s;
+}
+.delay-4 {
+    animation-delay: 1s;
+}
+
+// FADE IN LEFT 
+@keyframes fadeInLeft {
+    from {
+        -webkit-transform: translate3d(20px, 0, 0);
+        transform: translate3d(20px, 0, 0);
+        opacity: 0;
+    }
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1;
+    }
+}
+@-webkit-keyframes fadeInLeft {
+    from {
+        -webkit-transform: translate3d(20px, 0, 0);
+        transform: translate3d(20px, 0, 0);
+        opacity: 0;
+    }
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1;
+    }
+}
+
+.preFadeInLeft {
+    opacity: 0;
+}
+
+.fadeInLeft {
+    opacity: 0;
+    animation-name: fadeInLeft;
+    -webkit-animation-name: fadeInLeft;
+}
+
+// FADE IN UP 
+@keyframes fadeInUp {
+    from {
+        -webkit-transform: translate3d(0, 20px, 0);
+        transform: translate3d(0, 20px, 0);
+    }
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1;
+    }
+}
+@-webkit-keyframes fadeInUp {
+    from {
+        -webkit-transform: translate3d(0, 20px, 0);
+        transform: translate3d(0, 20px, 0);
+    }
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1;
+    }
+}
+.preFadeInUp {
+    opacity: 0;
+}
+.fadeInUp {
+    opacity: 0;
+    animation-name: fadeInUp;
+    -webkit-animation-name: fadeInUp;
+}
+
+//Gelatine
+.gelatine {
+    animation: gelatine 0.6s;
+    animation-duration: 0.6s;
+    -webkit-animation-duration: 0.5s;
+    animation-fill-mode: both;
+    -webkit-animation-fill-mode: both;
+}
+
+@keyframes gelatine {
+  from, to { transform: scale(1, 1); }
+  25% { transform: scale(0.9, 1.1); }
+  50% { transform: scale(1.1, 0.9); }
+  75% { transform: scale(0.95, 1.05); }
+}

assets/fresh/partials/_buttons.scss

@@ -0,0 +1,109 @@
+/* ==========================================================================
+Classes to change the feel of bulma buttons
+========================================================================== */
+
+// CTA buttons 
+
+.button {
+    cursor: pointer;
+    transition: all 0.5s;
+    &.cta {
+        font-family: 'Open Sans', sans-serif;
+        font-size: 1rem;
+        font-weight: 600;
+        padding: 26px 40px 26px 40px;
+    }
+    &.is-clear {
+        line-height: 0 !important;
+    }
+    &.rounded {
+        border-radius: 500px;
+    }
+    &.raised:hover {
+        box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
+        opacity: 0.8;
+    }
+    &.btn-outlined {
+        background: transparent;
+    }
+    &.signup-button {
+        font-size: .9rem;
+        font-weight: 600;
+        font-family: 'Open Sans', sans-serif;
+        padding: 24px 26px;
+        width: 130px;
+    }
+}
+
+.button {
+    &.primary-btn {
+        outline: none;
+        border-color: $primary;
+        background-color: $primary;
+        color: $white;
+        transition: all 0.5s;
+        &:hover {
+            color: $white;
+        }
+        &.raised:hover {
+            box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important;
+            opacity: 0.8;
+        }
+        &.btn-outlined {
+            border-color: $primary;
+            color: $primary;
+            background-color: transparent; 
+            &:hover {
+                color: $white;
+                background-color: $primary;
+            }
+        }
+    }
+    &.secondary-btn {
+        outline: none;
+        border-color: $secondary;
+        background-color: $secondary;
+        color: $white;
+        transition: all 0.5s;
+        &:hover {
+            color: $white;
+        }
+        &.raised:hover {
+            box-shadow: 0 14px 26px -12px rgba(243, 146, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(243, 146, 0, 0.2) !important;
+            opacity: 0.8;
+        }
+        &.btn-outlined {
+            border-color: $secondary;
+            color: $secondary;
+            background-color: transparent; 
+            &:hover {
+                color: $white;
+                background-color: $secondary;
+            }
+        }
+    }
+    &.button.accent-btn {
+        outline: none;
+        border-color: $accent;
+        background-color: $accent;
+        color: $white;
+        transition: all 0.5s;
+        &:hover {
+            color: $white;
+        }
+        &.raised:hover {
+            box-shadow: 0 14px 26px -12px rgba(104, 187, 136, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(104, 187, 136, 0.2) !important;
+            opacity: 0.8;
+        }
+        &.btn-outlined {
+            border-color: $accent;
+            color: $accent;
+            background-color: transparent;
+            &:hover {
+                color: $white;
+                background-color: $accent;
+            }
+        }
+    }
+}
+

assets/fresh/partials/_cards.scss

@@ -0,0 +1,84 @@
+/*! _cards.scss v1.0.0 | Commercial License | built on top of bulma.io/Bulmax */
+
+/* ==========================================================================
+Cards and Card content styles
+========================================================================== */
+
+// Feature Card
+.feature-card {
+    width: 300px;
+    height: 320px;
+    background-color: #fff;
+    border-radius: 3px;
+    margin: 0 auto;
+    .card-title h4 {
+        font-family: 'Open Sans', sans-serif;
+        padding-top: 25px;
+        font-size: 1.2rem;
+        font-weight: 600;
+        color: $blue-grey;
+    }
+    .card-icon img {
+        height: 120px;
+        margin-top: 20px;
+    }
+    .card-text {
+        padding: 0 40px;
+        p {
+            color: $muted-grey;
+        }
+    }
+    .card-action {
+        margin-top: 10px;
+    }
+    &.is-bordered {
+        border: 1px solid $fade-grey;
+    }
+}
+
+// Flex Card
+.flex-card {
+    position: relative;
+    background-color: #fff;
+    border: 0;
+    border-radius: 0.1875rem;
+    display: inline-block;
+    position: relative;
+    overflow: hidden;
+    width: 100%;
+    margin-bottom: 20px;
+    &.raised {
+        box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
+    }
+    .tabs {
+        padding: 15px 0.7rem;
+    }
+    .navtab-content {
+        min-height: 190px;
+        p {
+            padding: 0 0.8rem 20px;
+        }
+    }
+    .navigation-tabs {
+        &.outlined-pills .tabs.tabs-header {
+            &.primary {
+                background-color: $primary;
+            }
+            &.secondary {
+                background-color: $secondary;
+            }
+            &.accent {
+                background-color: $accent;
+            }
+            ul li a {
+                color: $grey-white;
+            }  
+            ul li.is-active a {
+                color: $white;
+                border: 1px solid $white;
+                border-bottom-color: $white !important;
+            }
+        }
+    }
+
+}

assets/fresh/partials/_colors.scss

@@ -0,0 +1,30 @@
+/* ==========================================================================
+Color variables
+========================================================================== */
+
+$white: #fff;
+$smoke-white: #fcfcfc;
+$grey-white: #f2f2f2;
+
+$primary: #4FC1EA;
+$secondary: #F39200;
+$accent: #00efb7;
+
+$fade-grey: #ededed;
+$light-grey: #EFF4F7;
+$title-grey: #A9ABAC;
+$blue-grey: #444F60;
+$muted-grey: #999;
+$light-blue-grey: #98a9c3;
+$medium-grey: #66676b;
+$basaltic-grey: #878787;
+$purple: #7F00FF;
+$mint: #11FFBD;
+$bloody: #FC354C;
+$pinky: #ff00cc;
+$frost: #004e92;
+$placeholder: #cecece;
+$dark-grey: #344258;
+$border-grey: #ccc;
+$muted-grey: #999;
+$section-grey: #fbfbfb;

assets/fresh/partials/_dropdowns.scss

@@ -0,0 +1,93 @@
+/* ==========================================================================
+Dropdown styles
+========================================================================== */
+
+// Hover Dropdowns 
+div.nav-item.is-drop a {
+    padding-right: 7px;
+}
+
+div.nav-item.is-drop:hover .dropContain .dropOut {
+    opacity: 1;
+}
+
+div.nav-item.is-drop:hover, div.nav-item.is-drop:hover a, {
+    border-bottom: 1px solid transparent !important;
+    color: $secondary;
+}
+
+div.nav-item.is-drop:hover .dropContain {
+    top: 65px;
+    animation: fadeInUp 0.27s ease-out;
+}
+
+span.drop-caret {
+    position: relative;
+    top: 5px;
+}
+
+div.nav-item.is-drop {
+    position: relative;
+    .dropContain {
+        width: 220px;
+        position: absolute;
+        z-index: 3;
+        left: 50%;
+        margin-left: -110px; /* half of width */
+        top: -400px;
+        .dropOut {
+            width: 220px;
+            background: $white;
+            float: left;
+            position: relative;
+            margin-top: 15px;
+            opacity: 0;
+            -webkit-border-radius: 4px;
+            -moz-border-radius: 4px;
+            border-radius: 4px;
+            -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
+            -moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
+            box-shadow: 0 1px 6px rgba(0,0,0,.15);
+            -webkit-transition: all .5s ease-out;
+            -moz-transition: all .5s ease-out;
+            -ms-transition: all .5s ease-out;
+            -o-transition: all .5s ease-out;
+            transition: all .5s ease-out;
+        }
+        .dropOut .triangle {
+            width: 0;
+            height: 0;
+            position: absolute;
+            border-left: 8px solid transparent;
+            border-right: 8px solid transparent;
+            border-bottom: 8px solid $white;
+            top: -8px;
+            left: 50%;
+            margin-left: -8px;
+        }
+        .dropOut ul li {
+            text-align: left;
+            float: left;
+            width: 200px;
+            padding: 12px 0 10px 15px;
+            margin: 0px 10px;
+            color: #777;
+            -webkit-border-radius: 4px;
+            -moz-border-radius: 4px;
+            border-radius: 4px;
+            -webkit-transition: background .1s ease-out;
+            -moz-transition: background .1s ease-out;
+            -ms-transition: background .1s ease-out;
+            -o-transition: background .1s ease-out;
+            transition: background .1s ease-out;
+            &:hover {
+            background: $light-grey;
+            cursor: pointer; 
+            }
+        }
+        .dropOut ul {
+            float: left;
+            padding: 10px 0;
+        }
+    }
+}

assets/fresh/partials/_footer.scss

@@ -0,0 +1,44 @@
+/* ==========================================================================
+Fresh Footer
+========================================================================== */
+
+footer.footer-dark {
+    background: $blue-grey;
+    color: $white;
+    .columns {
+        margin-top: 35px;
+    }
+    .footer-logo {
+        img {
+            height: 40px;
+        }
+    }
+    .footer-column {
+        .footer-header h3 {
+            font-weight:500;
+            font-size: 1.2rem;
+            text-transform: uppercase;
+            letter-spacing: 1px;
+            margin-bottom: 20px;
+        }
+        ul.link-list {
+            line-height: 40px;
+            font-size: 1.1rem;
+            a {
+                color: $light-blue-grey;
+                font-weight: 400;
+                transition: all 0.5s;
+            }
+            :hover {
+                color: $smoke-white;
+            }
+        }
+        .level-item .icon {
+            color: $secondary;
+            transition: all 0.5s;
+            :hover {
+                color: $smoke-white;
+            }
+        }
+    }
+}

assets/fresh/partials/_forms.scss

@@ -0,0 +1,54 @@
+/* ==========================================================================
+Inputs styles
+========================================================================== */
+
+input.input {
+    color: $basaltic-grey;
+    box-shadow: none !important;
+    transition: all 0.8s;
+    padding-bottom: 3px;
+    &.is-small {
+        padding-bottom: 2px;
+        padding-left: 10px;
+    }
+    &.is-medium {
+        padding-bottom: 5px;
+    }
+    &.is-large {
+        padding-bottom: 7px;
+    }
+    &:focus, &:active {
+        border-color: $light-grey;
+    }
+    &.rounded {
+        border-radius: 100px;
+    }
+    &.is-primary-focus:focus {
+        border-color: $primary;
+        ~ span.icon i {
+            color: $primary;
+        }
+    }
+    &.is-secondary-focus:focus {
+        border-color: $secondary;
+        ~ span.icon i {
+            color: $secondary;
+        }
+    }
+    &.is-accent-focus:focus {
+        border-color: $accent;
+        ~ span.icon i {
+            color: $accent;
+        }
+    }
+    &.is-bloody-focus:focus {
+        border-color: $bloody;
+        ~ span.icon i {
+            color: $bloody;
+        }
+    }
+}
+
+.form-footer {
+    width: 100%;
+}

assets/fresh/partials/_hero.scss

@@ -0,0 +1,27 @@
+/* ==========================================================================
+Hero styles
+========================================================================== */
+
+.hero-body {
+    padding-top: 6rem;
+    padding-bottom: 6rem;
+    .title, .subtitle {
+        font-family: 'Open Sans', sans-serif;
+    }
+    .title {
+        &.is-bold {
+            font-weight: 700;
+        }
+    }
+    .subtitle {
+        &.is-muted {
+            color: $muted-grey;
+        }
+    }
+}
+
+.hero-foot {
+    img.partner-logo {
+        height: 70px;
+    }
+}

assets/fresh/partials/_navbar.scss

@@ -0,0 +1,115 @@
+/* ==========================================================================
+Navbar
+========================================================================== */
+
+//Navbar
+.navbar.is-fresh {
+    position: relative;
+    min-height: 3.8rem;
+    transition: all .3s;
+    z-index: 99;
+    .container {
+        min-height: 4rem;
+    }
+    &.no-shadow {
+        box-shadow: none !important;
+    }
+    //Responsive menu icon
+    .navbar-burger {
+        width: 4rem;
+        height: 4rem;
+    }
+    //Brand
+    .navbar-brand {
+        min-height: 4rem;
+        img {
+            max-height: 36px !important;
+            height: 36px;
+        }
+        //Removing navbar item default hover behaviour
+        &:hover {
+            .navbar-item {
+                background: transparent !important;
+            }
+        }
+    }
+    .navbar-end {
+        align-items: center;
+    }
+    //Navbar items
+    .navbar-item {
+        color: $muted-grey;
+        &.is-secondary {
+            &:hover {
+                color: $secondary !important;
+            }
+        }
+        &.has-dropdown {
+            padding: 10px 0;
+            .navbar-link {
+                color: $muted-grey;
+                &:after {
+                    top: 55%;
+                    height: 0.5em;
+                    width: 0.5em;
+                    border-width: 2px;
+                    border-color: $muted-grey;
+                }
+            }
+            .navbar-dropdown {
+                top: 3.4rem;
+                min-width: 220px;
+                margin-top: 4px;
+                border-top-color: $secondary;
+                .navbar-item {
+                    padding: 10px 20px;
+                }
+            }
+            &:hover {
+                .navbar-link {
+                    color: $secondary;
+                    &:after {
+                        border-color: $secondary;
+                    }
+                }
+            }
+        }
+        .signup {
+            display: block;
+            line-height: 0;
+            font-size: .9rem !important;
+        }
+    }
+
+    //Fixed navbar modifier
+    &.is-fixed {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        min-height: 4rem !important;
+        background: $white;
+        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
+        a {
+            color: $blue-grey;
+            &:hover {
+                color: $primary;
+            }
+        }
+    }
+}
+
+//Cloned fixed navbar
+#navbar-clone {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    background: $white;
+    transform: translateY(-100%);
+    z-index: 100;
+    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
+    &.is-active {
+        transform: translateY(0); 
+    }
+}

assets/fresh/partials/_responsive.scss

@@ -0,0 +1,80 @@
+/* ==========================================================================
+Responsive Styles
+========================================================================== */
+
+@media (max-width: 767px) {
+
+    .landing-caption {
+        text-align: center;
+    }
+    .navbar-menu {
+        .is-static {
+            position: absolute;
+            width: 100%;
+        }
+        .is-fixed {
+            position: fixed;
+            width: 100%;
+        }
+        .navbar-item {
+            text-align: center !important;
+            .signup-button {
+                width: 100% !important;
+            }
+        }
+        .navbar-link {
+            padding: 10px 20px !important;
+        }
+    }
+    .title.section-title {
+        font-size: 2rem !important;
+    }
+    .level-left.level-social {
+        display: flex;
+        justify-content: flex-start;
+    }
+    .pushed-image {
+        margin-top: 0 !important;
+    }
+    .testimonial {
+        margin: 0 auto;
+    }
+}
+
+
+@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
+    .landing-caption {
+        text-align: center;
+    }
+    .navbar-menu {
+        .is-static {
+            position: absolute;
+            width: 100%;
+        }
+        .is-fixed {
+            position: fixed;
+            width: 100%;
+        }
+        .navbar-item {
+            text-align: center !important;
+            .signup-button {
+                width: 100% !important;
+            }
+        }
+        .navbar-link {
+            padding: 10px 20px !important;
+        }
+    }
+    .pushed-image {
+        margin-top: 0 !important;
+    }
+    .testimonial {
+        margin: 0 auto;
+    }
+    .is-centered-tablet-portrait {
+        text-align: center !important;
+        .divider {
+            margin: 0 auto !important;
+        }
+    }
+}

assets/fresh/partials/_sections.scss

@@ -0,0 +1,85 @@
+/* ==========================================================================
+Section Styles
+========================================================================== */
+
+//Sections
+.section {
+    &.section-light-grey {
+        background-color: $light-grey;
+    }
+    &.section-feature-grey {
+        background-color: $section-grey;
+    }
+    &.section-secondary {
+        background-color: $secondary;
+    }
+    &.section-half {
+        height: 75vh !important;
+    }
+    .title, .subtitle {
+        font-family: 'Open Sans', sans-serif;
+
+    }
+    .subtitle {
+        &.is-muted {
+            color: $muted-grey;
+        }
+    }
+}
+
+//Titles
+.title-wrapper {
+    max-width: 500px;
+    margin: 0 auto;
+    .title, .subtitle {
+        font-family: 'Open Sans', sans-serif;
+
+    }
+    .subtitle {
+        &.is-muted {
+            color: $muted-grey;
+        }
+    }
+}
+
+//Divider
+.divider {
+    height: 3px;
+    border-radius: 50px;
+    background: $secondary;
+    width: 60px;
+    &.is-centered {
+        margin: 0 auto;
+    }
+}
+
+//Wrapper
+.content-wrapper {
+    padding: 60px 0;
+}
+
+
+//Pulled image
+img.pushed-image {
+    margin-top: -29vh;
+}
+
+//Icon box
+.media.icon-box {
+    border-top: none !important;
+    .media-content .content p {
+        span {
+            display: block;
+        }
+        .icon-box-title {
+            color: $blue-grey;
+            font-size: 1.2rem;
+            font-weight: 600;
+        }
+        .icon-box-text {
+            color: $title-grey;
+            font-size: 1rem;
+            font-weight: 400;
+        }
+    }
+}

assets/fresh/partials/_sidebar.scss

@@ -0,0 +1,180 @@
+/* ==========================================================================
+Sidebar Styles 
+========================================================================== */
+
+//Sidebar animated icon trigger
+.menu-icon-wrapper {
+    position: relative;
+    left: 0;
+    top: 0;
+    //margin: -12px 0px 0px -12px;
+    width: 34px;
+    height: 34px;
+    pointer-events: none;
+    transition: 0.1s;
+    svg {
+        position: absolute;
+        top: -18px;
+        left: -18px;
+        transform: scale(0.07);
+        transform-origin: 0 0;
+        path {
+            stroke: $secondary;
+            stroke-width: 40px;
+            stroke-linecap: round;
+            stroke-linejoin: round;
+            fill: transparent;
+            transition: stroke-dasharray 0.5s;
+            &.path1 {
+                stroke-dashoffset: 5803.15px; 
+                stroke-dasharray: 2901.57px, 2981.57px, 240px;
+            }
+            &.path2 {
+                stroke-dashoffset: 800px; 
+                stroke-dasharray: 400px, 480px, 240px;
+            }
+            &.path3 {
+                stroke-dashoffset: 6993.11px; 
+                stroke-dasharray: 3496.56px, 3576.56px, 240px;
+            }
+        }
+    }
+    &.open {
+        svg {
+            path {
+                &.path1 {
+                    stroke-dasharray: 2901.57px, 5258.15px, 240px;
+                }
+                &.path2 {
+                    stroke-dasharray: 400px, 600px, 0px;
+                }
+                &.path3 {
+                    stroke-dasharray: 3496.56px, 6448.11px, 240px;
+                }
+            }
+        }
+    }
+    .menu-icon-trigger {
+        position: relative;
+        width: 100%;
+        height: 100%;
+        cursor: pointer;
+        pointer-events: auto;
+        background: none;
+        border: none;
+        margin: 0;
+        padding: 0;
+    }
+}
+
+//Sidebar
+.sidebar {
+    background: $dark-grey;
+    width: 280px;
+    height: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    transform: translateX(-281px);
+    transition: all .3s;
+    z-index: 10000;
+    &.is-active {
+        transform: translateX(0);
+    }
+    .sidebar-header {
+        height: 4.25rem;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        border-bottom: 1px solid lighten($dark-grey, 5%);
+        padding: 0 20px;
+        img {
+            height: 32px;
+        }
+        a {
+            width: 24px;
+            height: 24px;
+        }
+        svg {
+            stroke: $white;
+            transform: rotate(0);
+            transition: all .3s;
+            cursor: pointer;
+            &:hover {
+                stroke: $secondary;
+                transform: rotate(180deg);
+            }
+        }
+    }
+    .inner {
+        position: relative;
+        .sidebar-menu {
+            margin: 0;
+            padding: 0;
+            max-width: 400px;
+            list-style: none;
+            list-style-type: none;
+            font-family: 'Open Sans', sans-serif !important;
+            li {
+                a {
+                    padding: 20px 25px;
+                    display: block;
+                    text-decoration: none;
+                    color: $white;
+                    &:hover {
+                        padding: 20px 25px;
+                        display: block;
+                        text-decoration: none;
+                        color: $white;
+                    }
+                }
+                a span {
+                    margin-right: 20px;
+                    color: $white;
+                }
+                &.have-children {
+                    ul {
+                        padding: 0px;
+                    }
+                    li {
+                        a {
+                            background-color: darken($dark-grey, 5%);
+                            padding-left: 62px;
+                            border-bottom: 1px solid darken($dark-grey, 2%);
+                            font-size: .8rem;
+                            &:hover {
+                                color: $primary;
+                                padding-left: 62px;
+                            }
+                        }
+                    }
+                    span::after {
+                        position: absolute;
+                        top: 27px;
+                        right: 30px;
+                        content: "\f054";
+                        color: $white;
+                        transition: all .5s;
+                        font-weight: 200 !important;
+                        font-size: .8rem;
+                    } 
+                }
+            }
+        }
+        li.have-children, li {
+            position: relative;
+        }
+        li.have-children.active > a, li.have-children.active > a span, li.have-children.active > a span:after {
+            color: $secondary;
+        }
+        li.active.have-children span::after {
+            -moz-transform: rotate(90deg);
+            -o-transform: rotate(90deg);
+            -webkit-transform: rotate(90deg);
+            transform: rotate(90deg);
+        }
+        .sidebar-menu .have-children > ul {
+            display: none;
+        }
+    }
+}

assets/fresh/partials/_testimonials.scss

@@ -0,0 +1,90 @@
+/* ==========================================================================
+Testimonials Styles
+========================================================================== */
+
+.testimonial {
+    position: relative;
+    overflow: hidden;
+    margin: 10px auto;
+    min-width: 220px;
+    max-width: 310px;
+    width: 100%;
+    color: #333;
+    text-align: left;
+    box-shadow: none !important;
+    * {
+        -webkit-box-sizing: border-box;
+        box-sizing: border-box;
+    }
+    img {
+        max-width: 100%;
+        height: 80px;
+        width: 80px;
+        border-radius: 50%;
+        margin-right: 5px;
+        display: block;
+        z-index: 1;
+        position: absolute;
+        right: 60%;
+    }
+    blockquote {
+        margin: 0;
+        display: block;
+        border-radius: 8px;
+        position: relative;
+        background-color: $smoke-white;
+        padding: 30px 50px 65px 50px;
+        font-size: 1.2rem;
+        font-weight: 500;
+        margin: 0 0 -40px;
+        line-height: 1.6em;
+        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
+    }
+    blockquote:before, blockquote:after {
+        font-family: 'FontAwesome';
+        content: "\f10d";
+        position: absolute;
+        font-size: 20px;
+        opacity: 0.3;
+        font-style: normal;
+    }
+    blockquote:before {
+        top: 35px;
+        left: 20px;
+    }
+    blockquote:after {
+        content: "\f10e";
+        right: 20px;
+        bottom: 35px;
+    }
+    .author {
+        margin: 0;
+        height: 80px;
+        display: block;
+        text-align: left;
+        color: $white;
+        padding: 0 35px;
+        position: relative;
+        z-index: 0;
+        h5, span {
+            left: 50%;
+            position: absolute;
+            opacity: 0.8;
+            padding: 3px 5px;
+        }
+        h5 {
+            text-transform: capitalize;
+            bottom: 60%;
+            margin: 0;
+            font-weight: 600;
+            font-size: 1.2rem;
+            color: $blue-grey;
+        }
+        span {
+            font-size: 0.8em;
+            color: $white;
+            top: 50%;
+        }
+    }
+}
+

assets/fresh/partials/_utils.scss

@@ -0,0 +1,176 @@
+// Resets
+section:focus {
+    outline: none !important;
+}
+
+button {
+    &:focus, &:active {
+        outline: none;
+    }
+}
+
+// Preloader 
+#preloader {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: $white;
+    z-index: 99;
+}
+
+#status {
+    width: 200px;
+    height: 200px;
+    position: absolute;
+    left: 50%;
+    // centers the loading animation horizontally on the screen 
+    top: 50%;
+    // centers the loading animation vertically on the screen 
+    background-image: url(../images/loaders/rings.svg);
+    background-size: 80px 80px;
+    // path to loading animation 
+    background-repeat: no-repeat;
+    background-position: center;
+    margin: -100px 0 0 -100px;
+    // width and height divided by two 
+}
+
+// Back to top button
+#backtotop {
+    position: fixed;
+    right: 0;
+    opacity: 0;
+    visibility: hidden;
+    bottom: 25px;
+    margin: 0 25px 0 0;
+    z-index: 9999;
+    transition: 0.35s;
+    transform: scale(0.7);
+    transition: all 0.5s;
+}
+
+#backtotop.visible {
+    opacity: 1;
+    visibility: visible;
+    transform: scale(1);
+
+}
+
+#backtotop.visible a:hover {
+    outline: none;
+    opacity: 0.9;
+    background: $secondary;
+}
+
+#backtotop a {
+    outline: none;
+    text-decoration: none;
+    border: 0 none;
+    display: block;
+    width: 46px;
+    height: 46px;
+    background-color: $medium-grey;
+    opacity: 1;
+    transition: all 0.3s;
+    border-radius: 50%;
+    text-align: center;
+    font-size: 26px
+}
+
+body #backtotop a {
+    outline: none;
+    color: #fff;
+}
+
+#backtotop a:after {
+    outline: none;
+    content: "\f106";
+    font-family: "FontAwesome";
+    position: relative;
+    display: block;
+    top: 50%;
+    -webkit-transform: translateY(-55%);
+    transform: translateY(-55%);
+}
+
+
+//Helpers
+.is-disabled {
+    pointer-events: none;
+    opacity: 0.4;
+    cursor: default !important;
+}
+
+.is-hidden {
+    display: none !important;
+}
+
+.stuck {
+    position:fixed !important;
+    top: 0 !important;
+    z-index: 2 !important;
+}
+
+.light-text {
+    color: $white !important;
+}
+
+.mb-20 {
+    margin-bottom: 20px;
+}
+
+.mb-40 {
+    margin-bottom: 40px;
+}
+
+.mb-60 {
+    margin-bottom: 60px;
+}
+
+.mt-20 {
+    margin-top: 20px;
+}
+
+.mt-40 {
+    margin-top: 40px;
+}
+
+.mt-50 {
+    margin-top: 50px;
+}
+
+.mt-60 {
+    margin-top: 60px;
+}
+
+.ml-30 {
+    margin-left: 30px;
+}
+
+.huge-pb {
+    padding-bottom: 100px;
+}
+
+.pb-20 {
+    padding-bottom: 20px !important;
+}
+
+.pb-40 {
+    padding-bottom: 40px !important;
+}
+
+//Input placeholders
+::-webkit-input-placeholder { /* Chrome/Opera/Safari */
+    color: $placeholder;
+}
+::-moz-placeholder { /* Firefox 19+ */
+    color: $placeholder;
+}
+:-ms-input-placeholder { /* IE 10+ */
+    color: $placeholder;
+}
+:-moz-placeholder { /* Firefox 18- */
+    color: $placeholder;
+}

assets/style.sass

@@ -0,0 +1,2 @@
+@import "bulma/bulma"
+@import "fresh/core"

exampleSite/config.yaml

@@ -0,0 +1,4 @@
+baseURL: http://something-fresh.org/
+languageCode: en-us
+title: Hugo Fresh Theme
+theme: hugo-fresh

layouts/_default/baseof.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lange="{{ .Site.LanguageCode }}">
+  <head>
+    {{ partial "meta.html" . }}
+    <title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
+    {{ partial "css.html" . }}
+  </head>
+  <body>
+    <!-- Preloader -->
+    <div id="preloader">
+      <div id="status"></div>
+    </div>
+
+    {{ block "main" . }}
+    {{ partial "hero.html" . }}
+    {{ partial "section1.html" . }}
+    {{ partial "section2.html" . }}
+    {{ partial "section3.html" . }}
+    {{ partial "section4.html" . }}
+    {{ partial "section5.html" . }}
+    {{ partial "footer.html" . }}
+
+    <!-- Back To Top Button -->
+    <div id="backtotop"><a href="#"></a></div>
+
+    {{ partial "sidebar.html" . }}
+    {{ end }}
+
+    {{ partial "javascript.html" . }}
+  </body>
+</html>

layouts/index.html

@@ -0,0 +1,2 @@
+{{ define "main" }}
+{{ end }}

layouts/partials/css.html

@@ -0,0 +1,14 @@
+{{- $inServerMode := .Site.IsServer }}
+{{- $sass := "style.sass" }}
+{{- $cssTarget := "css/style.css" }}
+{{- $cssOpts := cond ($inServerMode) (dict "targetPath" $cssTarget "enableSourceMap" true) (dict "targetPath" $cssTarget "outputStyle" "compressed") }}
+<link rel="icon" type="image/png" href="{{ "/images/favicon.png" | absURL }}" />
+<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet">
+{{- if $inServerMode }}
+{{- $css := resources.Get $sass | toCSS $cssOpts }}
+<link rel="stylesheet" type="text/css" href="{{ $css.Permalink }}">
+{{- else }}
+{{- $css := resources.Get $sass | toCSS $cssOpts | minify | fingerprint }}
+<link rel="stylesheet" type="text/css" href="{{ $css.Permalink }}" integrity="{{ $css.Data.Integrity }}">
+{{- end }}
+<link rel="stylesheet" type="text/css" href="{{ "/css/icons.css" | absURL }}">

layouts/partials/footer.html

@@ -0,0 +1,80 @@
+<footer class="footer footer-dark">
+    <div class="container">
+        <div class="columns">
+            <div class="column">
+                <div class="footer-logo">
+                    <img src="{{ "/images/logos/fresh-white-alt.svg" | relURL }}">
+                </div>
+            </div>
+            <div class="column">
+                <div class="footer-column">
+                    <div class="footer-header">
+                        <h3>Product</h3>
+                    </div>
+                    <ul class="link-list">
+                        <li><a href="#">Discover features</a></li>
+                        <li><a href="#">Why choose our Product ?</a></li>
+                        <li><a href="#">Compare features</a></li>
+                        <li><a href="#">Our Roadmap</a></li>
+                        <li><a href="#">Request features</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="column">
+                <div class="footer-column">
+                    <div class="footer-header">
+                        <h3>Docs</h3>
+                    </div>
+                    <ul class="link-list">
+                        <li><a href="#">Get Started</a></li>
+                        <li><a href="#">User guides</a></li>
+                        <li><a href="#">Admin guide</a></li>
+                        <li><a href="#">Developers</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="column">
+                <div class="footer-column">
+                    <div class="footer-header">
+                        <h3>Blogroll</h3>
+                    </div>
+                    <ul class="link-list">
+                        <li><a href="#">Latest News</a></li>
+                        <li><a href="#">Tech articles</a></li>
+                        <li><a href="#">Video Blog</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="column">
+                <div class="footer-column">
+                    <div class="footer-header">
+                        <h3>Follow Us</h3>
+                        <nav class="level is-mobile">
+                            <div class="level-left">
+                                <a class="level-item" href="https://github.com/#">
+                                  <span class="icon"><i class="fa fa-github"></i></span>
+                                </a>
+                                <a class="level-item" href="https://dribbble.com/#">
+                                    <span class="icon"><i class="fa fa-dribbble"></i></span>
+                                </a>
+                                <a class="level-item" href="https://fb.com/#">
+                                    <span class="icon"><i class="fa fa-facebook"></i></span>
+                                </a>
+                                <a class="level-item" href="https://twitter.com/#">
+                                    <span class="icon"><i class="fa fa-twitter"></i></span>
+                                </a>
+                               <a class="level-item" href="https://bitbucket.org/#">
+                                    <span class="icon"><i class="fa fa-bitbucket"></i></span>
+                                </a>
+                            </div>
+                        </nav>
+
+                        <a href="https://bulma.io" target="_blank">
+                            <img src="{{ "/images/logos/made-with-bulma.png" | relURL }}" alt="Made with Bulma" width="128" height="24">
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</footer>

layouts/partials/hero-body.html

@@ -0,0 +1,22 @@
+<div class="hero-body">
+  <div class="container">
+    <div class="columns is-vcentered">
+      <div class="column is-5 is-offset-1 landing-caption">
+        <h1 class="title is-1 is-bold is-spaced">
+          Manage, Deploy.
+        </h1>
+        <h2 class="subtitle is-5 is-muted">Lorem ipsum sit dolor amet is a dummy text used by typography industry </h2>
+        <p>
+          <a class="button cta rounded primary-btn raised">
+            Get Started
+          </a>
+        </p>
+      </div>
+      <div class="column is-5 is-offset-1">
+        <figure class="image is-4by3">
+          <img src="{{ "/images/illustrations/worker.svg" | relURL }}" alt="Description">
+        </figure>
+      </div>
+    </div>
+  </div>
+</div>

layouts/partials/hero-footer.html

@@ -0,0 +1,13 @@
+<div class="hero-foot mb-20">
+  <div class="container">
+    <div class="tabs is-centered">
+      <ul>
+        <li><a><img class="partner-logo" src="{{ "/images/logos/clients/systek.svg" | relURL }}"></a></li>
+        <li><a><img class="partner-logo" src="{{ "/images/logos/clients/tribe.svg" | relURL }}"></a></li>
+        <li><a><img class="partner-logo" src="{{ "/images/logos/clients/kromo.svg" | relURL }}"></a></li>
+        <li><a><img class="partner-logo" src="{{ "/images/logos/clients/infinite.svg" | relURL }}"></a></li>
+        <li><a><img class="partner-logo" src="{{ "/images/logos/clients/gutwork.svg" | relURL }}"></a></li>
+      </ul>
+    </div>
+  </div>
+</div>

layouts/partials/hero.html

@@ -0,0 +1,6 @@
+<section class="hero is-fullheight is-default is-bold">
+  {{ partial "navbar.html" . }}
+  {{ partial "navbar-clone.html" . }}
+  {{ partial "hero-body.html" . }}
+  {{ partial "hero-footer.html" . }}
+</section>

layouts/partials/javascript.html

@@ -0,0 +1,5 @@
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
+<script src="https://unpkg.com/feather-icons"></script>
+<script src="{{ "js/fresh.js" | absURL }}"></script>
+<script src="{{ "js/jquery.panelslider.min.js" | absURL }}"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>

layouts/partials/meta.html

@@ -0,0 +1,3 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<meta http-equiv="x-ua-compatible" content="ie=edge">

layouts/partials/navbar-clone.html

@@ -0,0 +1,76 @@
+<nav id="navbar-clone" class="navbar is-fresh is-transparent" role="navigation" aria-label="main navigation">
+  <div class="container">
+    <div class="navbar-brand">
+      <a class="navbar-item" href="https://cssninja.io">
+        <img src="{{ "images/logos/fresh-alt.svg" | relURL }}" alt="" width="112" height="28">
+      </a>
+
+      <a class="navbar-item is-hidden-desktop is-hidden-tablet">
+        <div id="menu-icon-wrapper" class="menu-icon-wrapper" style="visibility: visible;">
+          <svg width="1000px" height="1000px">
+            <path class="path1" d="M 300 400 L 700 400 C 900 400 900 750 600 850 A 400 400 0 0 1 200 200 L 800 800"></path>
+            <path class="path2" d="M 300 500 L 700 500"></path>
+            <path class="path3" d="M 700 600 L 300 600 C 100 600 100 200 400 150 A 400 380 0 1 1 200 800 L 800 200"></path>
+          </svg>
+          <button id="menu-icon-trigger" class="menu-icon-trigger"></button>
+        </div>
+      </a>
+
+      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="cloned-navbar-menu">
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+      </a>
+    </div>
+
+    <div id="cloned-navbar-menu" class="navbar-menu is-fixed">
+
+      <div class="navbar-start">
+        <a class="navbar-item is-hidden-mobile">
+          <div id="cloned-menu-icon-wrapper" class="menu-icon-wrapper" style="visibility: visible;">
+            <svg width="1000px" height="1000px">
+              <path class="path1" d="M 300 400 L 700 400 C 900 400 900 750 600 850 A 400 400 0 0 1 200 200 L 800 800"></path>
+              <path class="path2" d="M 300 500 L 700 500"></path>
+              <path class="path3" d="M 700 600 L 300 600 C 100 600 100 200 400 150 A 400 380 0 1 1 200 800 L 800 200"></path>
+            </svg>
+            <button id="cloned-menu-icon-trigger" class="menu-icon-trigger"></button>
+          </div>
+        </a>
+      </div>
+
+      <div class="navbar-end">
+        <a href="#" class="navbar-item is-secondary">
+          Features
+        </a>
+        <a href="#" class="navbar-item is-secondary">
+          Pricing
+        </a>
+        <div class="navbar-item has-dropdown is-hoverable">
+          <a class="navbar-link">
+            Dropdown
+          </a>
+
+          <div class="navbar-dropdown">
+            <a class="navbar-item">
+              Dropdown item
+            </a>
+            <a class="navbar-item">
+              Dropdown item
+            </a>
+            <a class="navbar-item">
+              Dropdown item
+            </a>
+          </div>
+        </div>
+        <a href="#" class="navbar-item is-secondary">
+          Log in
+        </a>
+        <a class="navbar-item">
+          <span class="button signup-button rounded secondary-btn raised">
+            Sign up
+          </span>
+        </a>
+      </div>
+    </div>
+  </div>
+</nav>

layouts/partials/navbar.html

@@ -0,0 +1,76 @@
+<nav class="navbar is-fresh is-transparent no-shadow" role="navigation" aria-label="main navigation">
+  <div class="container">
+    <div class="navbar-brand">
+      <a class="navbar-item" href="https://cssninja.io">
+        <img src="{{ "/images/logos/fresh-alt.svg" | absURL }}" alt="" width="112" height="28">
+      </a>
+
+      <a class="navbar-item is-hidden-desktop is-hidden-tablet">
+        <div id="menu-icon-wrapper" class="menu-icon-wrapper" style="visibility: visible;">
+          <svg width="1000px" height="1000px">
+            <path class="path1" d="M 300 400 L 700 400 C 900 400 900 750 600 850 A 400 400 0 0 1 200 200 L 800 800"></path>
+            <path class="path2" d="M 300 500 L 700 500"></path>
+            <path class="path3" d="M 700 600 L 300 600 C 100 600 100 200 400 150 A 400 380 0 1 1 200 800 L 800 200"></path>
+          </svg>
+          <button id="menu-icon-trigger" class="menu-icon-trigger"></button>
+        </div>
+      </a>
+
+      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbar-menu">
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+      </a>
+    </div>
+
+      <div id="navbar-menu" class="navbar-menu is-static">
+
+        <div class="navbar-start">
+          <a class="navbar-item is-hidden-mobile">
+            <div id="menu-icon-wrapper" class="menu-icon-wrapper" style="visibility: visible;">
+              <svg width="1000px" height="1000px">
+                <path class="path1" d="M 300 400 L 700 400 C 900 400 900 750 600 850 A 400 400 0 0 1 200 200 L 800 800"></path>
+                <path class="path2" d="M 300 500 L 700 500"></path>
+                <path class="path3" d="M 700 600 L 300 600 C 100 600 100 200 400 150 A 400 380 0 1 1 200 800 L 800 200"></path>
+              </svg>
+              <button id="menu-icon-trigger" class="menu-icon-trigger"></button>
+            </div>
+          </a>
+        </div>
+
+        <div class="navbar-end">
+          <a href="#" class="navbar-item is-secondary">
+            Features
+          </a>
+          <a href="#" class="navbar-item is-secondary">
+            Pricing
+          </a>
+          <div class="navbar-item has-dropdown is-hoverable">
+            <a class="navbar-link">
+              Dropdown
+            </a>
+
+            <div class="navbar-dropdown">
+              <a class="navbar-item">
+                Dropdown item
+              </a>
+              <a class="navbar-item">
+                Dropdown item
+              </a>
+              <a class="navbar-item">
+                Dropdown item
+              </a>
+            </div>
+          </div>
+          <a href="#" class="navbar-item is-secondary">
+            Log in
+          </a>
+          <a class="navbar-item">
+            <span class="button signup-button rounded secondary-btn raised">
+              Sign up
+            </span>
+          </a>
+        </div>
+      </div>
+  </div>
+</nav>

layouts/partials/section1.html

@@ -0,0 +1,62 @@
+<section class="section section-feature-grey is-medium">
+    <div class="container">
+        <div class="title-wrapper has-text-centered">
+            <h2 class="title is-2">Great Power Comes </h2>
+            <h3 class="subtitle is-5 is-muted">With great Responsability</h3>
+            <div class="divider is-centered"></div>
+        </div>
+
+        <div class="content-wrapper">
+            <div class="columns">
+                <div class="column is-one-third">
+                    <div class="feature-card is-bordered has-text-centered revealOnScroll delay-1" data-animation="fadeInLeft">
+                        <div class="card-title">
+                            <h4>App builder</h4>
+                        </div>
+                        <div class="card-icon">
+                            <img src="{{ "/images/illustrations/icons/mouse-globe.svg" | relURL }}">
+                        </div>
+                        <div class="card-text">
+                            <p>This is some explanatory text that is on two rows</p>
+                        </div>
+                        <div class="card-action">
+                            <a href="#" class="button btn-align-md accent-btn raised">Free Trial</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="column">
+                    <div class="feature-card is-bordered has-text-centered revealOnScroll delay-2" data-animation="fadeInLeft">
+                        <div class="card-title">
+                            <h4>Cloud integration</h4>
+                        </div>
+                        <div class="card-icon">
+                            <img src="{{ "/images/illustrations/icons/laptop-cloud.svg" | relURL }}">
+                        </div>
+                        <div class="card-text">
+                            <p>This is some explanatory text that is on two rows</p>
+                        </div>
+                        <div class="card-action">
+                            <a href="#" class="button btn-align-md secondary-btn raised">Get Started</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="column">
+                    <div class="feature-card is-bordered has-text-centered revealOnScroll delay-3" data-animation="fadeInLeft">
+                        <div class="card-title">
+                            <h4>Addons & Plugins</h4>
+                        </div>
+                        <div class="card-icon">
+                            <img src="{{ "/images/illustrations/icons/laptop-cloud.svg" | relURL }}">
+                        </div>
+                        <div class="card-text">
+                            <p>This is some explanatory text that is on two rows</p>
+                        </div>
+                        <div class="card-action">
+                            <a href="#" class="button btn-align-md primary-btn raised">Get Started</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>

layouts/partials/section2.html

@@ -0,0 +1,68 @@
+<section class="section is-medium">
+    <div class="container">
+        <div class="columns">
+            <div class="column is-centered-tablet-portrait">
+                <h1 class="title section-title">You're here because you want the best</h1>
+                <h3 class="subtitle is-5 is-muted">And we Know it</h3>
+                <div class="divider"></div>
+            </div>
+            <div class="column is-7 mt-60">
+
+                <!-- icon block -->
+                <article class="media icon-box">
+                    <figure class="media-left">
+                        <p class="image">
+                            <img src="{{ "/images/illustrations/icons/laptop-globe.svg" | relURL }}">
+                        </p>
+                    </figure>
+                    <div class="media-content mt-50">
+                        <div class="content">
+                            <p>
+                                <span class="icon-box-title">Powerful and unified interface</span>
+                                <span class="icon-box-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</span>
+                            </p>
+                        </div>
+                    </div>
+                </article>
+                <!-- /icon block -->
+
+                <!-- icon block -->
+                <article class="media icon-box">
+                    <figure class="media-left">
+                        <p class="image">
+                            <img src="{{ "/images/illustrations/icons/doc-sync.svg" | relURL }}">
+                        </p>
+                    </figure>
+                    <div class="media-content mt-50">
+                        <div class="content">
+                            <p>
+                                <span class="icon-box-title">Cross device Synchronisation</span>
+                                <span class="icon-box-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</span>
+                            </p>
+                        </div>
+                    </div>
+                </article>
+                <!-- /icon block -->
+
+                <!-- icon block -->
+                <article class="media icon-box">
+                    <figure class="media-left">
+                        <p class="image">
+                            <img src="{{ "/images/illustrations/icons/mobile-feed.svg" | relURL }}">
+                        </p>
+                    </figure>
+                    <div class="media-content mt-50">
+                        <div class="content">
+                            <p>
+                                <span class="icon-box-title">Nomad System</span>
+                                <span class="icon-box-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</span>
+                            </p>
+                        </div>
+                    </div>
+                </article>
+                <!-- /icon block -->
+
+            </div>
+        </div>
+    </div>
+</section>

layouts/partials/section3.html

@@ -0,0 +1,23 @@
+<section class="section section-feature-grey is-medium">
+  <div class="container">
+
+    <div class="columns">
+      <div class="column is-10 is-offset-1">
+        <div class="has-text-centered">
+          <img class="pushed-image" src="{{ "/images/illustrations/mockups/app-mockup.png" | relURL }}">
+        </div>
+      </div>
+    </div>
+
+    <div class="title-wrapper has-text-centered">
+      <h2 class="title is-2">One Platform</h2>
+      <h3 class="subtitle is-5 is-muted">To rule them All</h3>
+    </div>
+
+    <p class="has-text-centered mt-20">
+      <a class="button cta is-large rounded secondary-btn raised">
+        Get Started
+      </a>
+    </p>
+  </div>
+</section>

layouts/partials/section4.html

@@ -0,0 +1,47 @@
+<section class="section is-medium section-secondary">
+    <div class="container">
+
+        <div class="title-wrapper has-text-centered">
+            <h2 class="title is-2 light-text is-spaced">Our Clients love us !</h2>
+            <h3 class="subtitle is-5 light-text">Lorem ipsum sit dolor amet is a dummy text used by typography industry </h3>
+        </div>
+
+        <div class="content-wrapper">
+            <div class="columns is-vcentered">
+                <div class="column is-4">
+                    <figure class="testimonial">
+                        <blockquote>
+                            Lorem ipsum dolor sit amet, elit deleniti dissentias quo eu, hinc minim appetere te usu, ea case duis scribentur has. Duo te consequat elaboraret, has quando suavitate at.
+                        </blockquote>
+                        <div class="author">
+                            <img src="{{ "/images/illustrations/faces/1.png" | relURL }}" alt=""/>
+                            <h5>Irma Walters</h5><span>Accountant</span>
+                        </div>
+                    </figure>
+                </div>
+                <div class="column is-4">
+                    <figure class="testimonial">
+                        <blockquote>
+                            Lorem ipsum dolor sit amet, elit deleniti dissentias quo eu, hinc minim appetere te usu, ea case duis scribentur has. Duo te consequat elaboraret, has quando suavitate at.
+                        </blockquote>
+                        <div class="author">
+                            <img src="{{ "/images/illustrations/faces/2.png" | relURL }}" alt=""/>
+                            <h5>John Bradley</h5><span>Financial Analyst</span>
+                        </div>
+                    </figure>
+                </div>
+                <div class="column is-4">
+                    <figure class="testimonial">
+                        <blockquote>
+                            Lorem ipsum dolor sit amet, elit deleniti dissentias quo eu, hinc minim appetere te usu, ea case duis scribentur has. Duo te consequat elaboraret, has quando suavitate at.
+                        </blockquote>
+                        <div class="author">
+                            <img src="{{ "/images/illustrations/faces/2.png" | relURL }}" alt=""/>
+                            <h5>Gary Blackman</h5><span>HR Manager</span>
+                        </div>
+                    </figure>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>

layouts/partials/section5.html

@@ -0,0 +1,32 @@
+<section class="section section-light-grey is-medium">
+  <div class="container">
+      <div class="title-wrapper has-text-centered">
+          <h2 class="title is-2 is-spaced">Drop us a line or two </h2>
+          <h3 class="subtitle is-5 is-muted">We'd love to hear from You</h3>
+          <div class="divider is-centered"></div>
+      </div>
+
+      <div class="content-wrapper">
+          <div class="columns">
+              <div class="column is-6 is-offset-3">
+                  <form>
+                      <div class="columns is-multiline">
+                          <div class="column is-6">
+                              <input class="input is-medium" type="text" placeholder="Enter your Name">
+                          </div>
+                          <div class="column is-6">
+                              <input class="input is-medium" type="email" placeholder="Enter your Email">
+                          </div>
+                          <div class="column is-12">
+                              <textarea class="textarea" rows="10" placeholder="Write someting ..."></textarea>
+                          </div>
+                          <div class="form-footer has-text-centered mt-10">
+                              <button class="button cta is-large primary-btn raised is-clear">Send Message</button>
+                          </div>
+                      </div>
+                  </form>
+              </div>
+          </div>
+      </div>
+  </div>
+</section>

layouts/partials/sidebar.html

@@ -0,0 +1,36 @@
+<div class="sidebar">
+    <div class="sidebar-header">
+        <img src="{{ "/images/logos/fresh-square.svg" | relURL }}">
+        <a class="sidebar-close" href="javascript:void(0);"><i data-feather="x"></i></a>
+    </div>
+    <div class="inner">
+        <ul class="sidebar-menu">
+            <li><span class="nav-section-title"></span></li>
+            <li class="have-children"><a href="#"><span class="fa fa-user"></span>User</a>
+                <ul>
+                    <li><a href="#">Profile</a></li>
+                    <li><a href="#">Account</a></li>
+                    <li><a href="#">Settings</a></li>
+                </ul>
+            </li>
+            <li class="have-children"><a href="#"><span class="fa fa-envelope"></span>Messages</a>
+                <ul>
+                    <li><a href="#">Inbox</a></li>
+                    <li><a href="#">Compose</a></li>
+                </ul>
+            </li>
+            <li class="have-children"><a href="#"><span class="fa fa-image"></span>Images</a>
+                <ul>
+                    <li><a href="#">Library</a></li>
+                    <li><a href="#">Upload</a></li>
+                </ul>
+            </li>
+            <li class="have-children"><a href="#"><span class="fa fa-cog"></span>Settings</a>
+                <ul>
+                    <li><a href="#">User settings</a></li>
+                    <li><a href="#">App settings</a></li>
+                </ul>
+            </li>
+        </ul>
+    </div>
+</div>

static/images/illustrations/icons/doc-sync.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#4FC1EA;}
+	.st1{opacity:0.3;}
+	.st2{fill:#585763;}
+</style>
+<g id="XMLID_135_">
+	<g id="XMLID_1529_">
+		<path id="XMLID_2258_" class="st0" d="M76.1,72.9v46.2c0,4.1,3.3,7.4,7.4,7.4h32.9c4.1,0,7.4-3.3,7.4-7.4v-34c0-2-0.8-3.9-2.2-5.3
+			l-12.2-12.2c-1.4-1.4-3.3-2.2-5.3-2.2H83.6C79.5,65.5,76.1,68.8,76.1,72.9z M106.8,70.4L119,82.6c0.7,0.7,1,1.6,1,2.5v34
+			c0,2-1.6,3.6-3.6,3.6H83.6c-2,0-3.6-1.6-3.6-3.6V72.9c0-2,1.6-3.6,3.6-3.6h20.7C105.2,69.3,106.1,69.7,106.8,70.4z"/>
+		<rect id="XMLID_2180_" x="88.9" y="80.8" class="st0" width="22.2" height="3.9"/>
+		<rect id="XMLID_2171_" x="88.9" y="94.1" class="st0" width="22.2" height="3.9"/>
+		<rect id="XMLID_1695_" x="88.9" y="107.3" class="st0" width="22.2" height="3.9"/>
+	</g>
+	<g id="XMLID_1420_" class="st1">
+		<path id="XMLID_1437_" class="st2" d="M114.5,56.6c13.3,4.9,23.4,16.3,26.5,30.3l3.8-0.8c-3.5-15.7-15.1-28.5-30.2-33.5v-2.3
+			c0-1.9-2.1-3.1-3.7-2.1l-5.1,2.9c-1.6,0.9-1.6,3.3,0,4.3l5.1,2.9C112.4,59,114.2,58.1,114.5,56.6z"/>
+		<path id="XMLID_1435_" class="st2" d="M59.2,90.4l2.9-5.1c0.9-1.5-0.1-3.3-1.7-3.7C65.4,68.3,76.8,58.1,90.9,55L90,51.2
+			c-15.8,3.5-28.6,15.2-33.6,30.4h-2.3c-1.9,0-3.1,2.1-2.1,3.7l2.9,5.1C55.9,92,58.3,92,59.2,90.4z"/>
+		<path id="XMLID_1426_" class="st2" d="M96.8,136.8l-5.1-2.9c-1.6-0.9-3.7,0.2-3.7,2.1v0.3C73.5,132,62.3,120,59,105.1l-3.8,0.8
+			c3.7,16.6,16.5,29.9,32.8,34.3v1.6c0,1.9,2.1,3.1,3.7,2.1l5.1-2.9C98.5,140.1,98.5,137.7,96.8,136.8z"/>
+		<path id="XMLID_1424_" class="st2" d="M148,106.9l-2.9-5.1c-1-1.6-3.3-1.6-4.3,0l-2.9,5.1c-0.9,1.5,0,3.3,1.6,3.6
+			c-4.9,13.3-16.3,23.4-30.3,26.5l0.8,3.8c15.7-3.5,28.5-15.1,33.5-30.2h2.3C147.8,110.6,148.9,108.5,148,106.9z"/>
+	</g>
+</g>
+</svg>

static/images/illustrations/icons/laptop-cloud.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="-514 51 200 200" style="enable-background:new -514 51 200 200;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.3;}
+	.st1{fill:#585763;}
+	.st2{fill:#F39208;}
+</style>
+<g id="XMLID_67_">
+	<g id="XMLID_2293_" class="st0">
+		<path id="XMLID_2299_" class="st1" d="M-367.4,178.5h-93.2c-7.3,0-13.3-6-13.3-13.3V112c0-7.3,6-13.3,13.3-13.3h93.1
+			c7.3,0,13.3,6,13.3,13.3v53.3C-354.2,172.6-360.1,178.5-367.4,178.5z M-460.6,104c-4.4,0-8,3.6-8,8v53.3c0,4.4,3.6,8,8,8h93.1
+			c4.4,0,8-3.6,8-8V112c0-4.4-3.6-8-8-8H-460.6z"/>
+	</g>
+	<g id="XMLID_2284_" class="st0">
+		<path id="XMLID_2290_" class="st1" d="M-352.8,203.3h-122.4c-4.4,0-8-3.6-8-8v-4.2c0-4.4,3.6-8,8-8h122.3c4.4,0,8,3.6,8,8v4.2
+			C-344.9,199.8-348.4,203.3-352.8,203.3z M-475.2,188.5c-1.5,0-2.7,1.2-2.7,2.7v4.2c0,1.5,1.2,2.7,2.7,2.7h122.3
+			c1.5,0,2.7-1.2,2.7-2.7v-4.2c0-1.5-1.2-2.7-2.7-2.7H-475.2z"/>
+	</g>
+	<g id="XMLID_2280_">
+		<path id="XMLID_2281_" class="st2" d="M-392.6,160.2h-42.8c-6.4,0-11.6-5.2-11.6-11.6c0-4.8,2.9-9,7.2-10.8
+			c0.3-5.8,4.9-10.5,10.7-10.9c2.5-5.9,8.5-9.9,15.1-9.9s12.6,4,15.2,9.9c5.8,0.5,10.4,5.1,10.7,10.9c4.2,1.8,7.1,6,7.1,10.7
+			C-380.9,155-386.1,160.2-392.6,160.2z M-428.3,132.2c-3.5,0-6.3,2.8-6.3,6.3c0,0.3,0,0.5,0.1,0.9c0.2,1.4-0.7,2.7-2.1,3
+			c-3,0.6-5.1,3.2-5.1,6.2c0,3.5,2.8,6.3,6.3,6.3h42.9c3.5,0,6.3-2.8,6.3-6.3c0-3-2.1-5.6-5.1-6.2c-1.4-0.3-2.3-1.6-2.1-3
+			c0-0.3,0.1-0.6,0.1-0.9c0-3.5-2.8-6.3-6.3-6.3c-0.2,0-0.4,0-0.7,0c-1.3,0.1-2.5-0.7-2.8-1.9c-1.4-4.7-5.9-8.1-10.8-8.1
+			c-5,0-9.4,3.3-10.8,8.1c-0.4,1.2-1.5,2-2.8,1.9C-427.8,132.2-428,132.2-428.3,132.2z"/>
+	</g>
+</g>
+</svg>

static/images/illustrations/icons/laptop-globe.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#4FC1EA;}
+	.st1{opacity:0.3;}
+	.st2{fill:#585763;}
+</style>
+<g id="XMLID_95_">
+	<g id="XMLID_780_">
+		<path id="XMLID_816_" class="st0" d="M68.1,129.4h59c4.8,0,8.8-3.9,8.8-8.8V86.8c0-4.8-3.9-8.8-8.8-8.8h-59
+			c-4.8,0-8.8,3.9-8.8,8.8v33.8C59.3,125.5,63.3,129.4,68.1,129.4z M63.4,86.8c0-2.6,2.1-4.7,4.7-4.7h59c2.6,0,4.7,2.1,4.7,4.7v33.8
+			c0,2.6-2.1,4.7-4.7,4.7h-59c-2.6,0-4.7-2.1-4.7-4.7V86.8z"/>
+		<path id="XMLID_781_" class="st0" d="M135.8,131.7H59.5c-3.3,0-6,2.7-6,6v1.4c0,3.3,2.7,6,6,6h76.4c3.3,0,6-2.7,6-6v-1.4
+			C141.8,134.4,139.1,131.7,135.8,131.7z M137.8,139.1c0,1.1-0.9,1.9-1.9,1.9H59.5c-1.1,0-1.9-0.9-1.9-1.9v-1.4
+			c0-1.1,0.9-1.9,1.9-1.9h76.4c1.1,0,1.9,0.9,1.9,1.9V139.1z"/>
+	</g>
+	<g id="XMLID_662_" class="st1">
+		<path id="XMLID_663_" class="st2" d="M121.3,39C100.7,39,84,55.8,84,76.4c0,0.6,0,1.1,0,1.6h43.2c0.9,0,1.8,0.1,2.6,0.4h7.6
+			c-0.1,4.1-0.6,8-1.4,11.6v12.3c0.8-1.5,1.5-3.1,2.1-4.8c3.4-0.4,6.9-1,10.3-1.7c-3.2,4.4-7.5,8-12.4,10.4v4.5
+			c13.4-5.7,22.8-19,22.8-34.4C158.7,55.8,142,39,121.3,39z M101.2,74.4H88.1c0.3-4.5,1.4-8.8,3.3-12.6l0,0
+			c3.9-0.9,7.9-1.7,11.8-2.2C102.1,64,101.4,69,101.2,74.4z M94.4,57c3.9-5.4,9.5-9.7,15.9-11.9c-2.2,2.7-4.1,6.2-5.6,10.2
+			C101.2,55.7,97.8,56.2,94.4,57z M119.3,74.4h-14c0.2-5.6,1-10.8,2.4-15.4c3.8-0.4,7.7-0.6,11.6-0.7V74.4z M119.3,54.2
+			c-3.4,0.1-6.7,0.2-10.1,0.5c2.5-6,6.1-10.2,10.1-11.3V54.2z M123.4,43.4c4,1.1,7.5,5.3,10.1,11.3c-3.3-0.3-6.7-0.5-10.1-0.5V43.4z
+			 M123.4,74.4V58.3c3.9,0.1,7.7,0.3,11.6,0.7c1.4,4.6,2.3,9.8,2.4,15.4H123.4z M138.1,55.2c-1.5-4.1-3.4-7.6-5.6-10.2
+			c6.4,2.3,12,6.5,15.9,11.9C144.9,56.2,141.5,55.7,138.1,55.2z M151.2,61.8L151.2,61.8c1.9,3.8,3.1,8.1,3.3,12.6h-13.1
+			c-0.1-5.3-0.9-10.4-2.1-14.8C143.4,60.1,147.3,60.8,151.2,61.8z M151.2,91.1L151.2,91.1c-3.9,0.9-7.9,1.7-11.8,2.2
+			c1.2-4.5,1.9-9.5,2.1-14.8h13.1C154.3,82.9,153.1,87.2,151.2,91.1z"/>
+	</g>
+</g>
+</svg>

static/images/illustrations/icons/mobile-feed.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.3;}
+	.st1{fill:#585763;}
+	.st2{fill:#4FC1EA;}
+</style>
+<g id="XMLID_149_">
+	<g id="XMLID_2507_" class="st0">
+		<path id="XMLID_2508_" class="st1" d="M122.7,144.2H77.3c-5,0-9-4.1-9-9v-76c0-5,4.1-9,9-9h45.4c5,0,9,4.1,9,9v76
+			C131.7,140.2,127.7,144.2,122.7,144.2z M77.3,53.8c-3,0-5.4,2.4-5.4,5.4v76c0,3,2.4,5.4,5.4,5.4h45.4c3,0,5.4-2.4,5.4-5.4v-76
+			c0-3-2.4-5.4-5.4-5.4H77.3z"/>
+	</g>
+	<g id="XMLID_2503_" class="st0">
+		<path id="XMLID_2504_" class="st1" d="M120.7,131.4H79.3c-3,0-5.4-2.4-5.4-5.4V68.4c0-3,2.4-5.4,5.4-5.4h41.4c3,0,5.4,2.4,5.4,5.4
+			v57.5C126.1,128.9,123.7,131.4,120.7,131.4z M79.3,66.6c-1,0-1.8,0.8-1.8,1.8v57.5c0,1,0.8,1.8,1.8,1.8h41.4c1,0,1.8-0.8,1.8-1.8
+			V68.4c0-1-0.8-1.8-1.8-1.8H79.3z"/>
+	</g>
+	<g id="XMLID_2501_" class="st0">
+		<rect id="XMLID_2442_" x="93.5" y="134.4" class="st1" width="12.9" height="3.6"/>
+	</g>
+	<g id="XMLID_2465_">
+		<g id="XMLID_2470_">
+			<path id="XMLID_2441_" class="st2" d="M102.8,107.8c-1.5-1.5-4-1.5-5.6,0l-2.6-2.6c2.9-2.9,7.7-2.9,10.7,0L102.8,107.8z"/>
+		</g>
+		<g id="XMLID_2468_">
+			<path id="XMLID_2440_" class="st2" d="M108.7,101.9c-4.8-4.8-12.6-4.8-17.4,0l-2.6-2.6c6.2-6.2,16.3-6.2,22.5,0L108.7,101.9z"/>
+		</g>
+		<g id="XMLID_2466_">
+			<path id="XMLID_261_" class="st2" d="M85.2,95.8l-2.6-2.6c9.6-9.6,25.2-9.6,34.8,0l-2.6,2.6C106.7,87.6,93.3,87.6,85.2,95.8z"/>
+		</g>
+	</g>
+</g>
+</svg>

static/images/illustrations/icons/mouse-globe.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="-124 126 200 200" style="enable-background:new -124 126 200 200;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#00EFB7;}
+	.st1{opacity:0.3;}
+	.st2{fill:#585763;}
+</style>
+<g id="XMLID_27_">
+	<path id="XMLID_1509_" class="st0" d="M26.3,246.3L16,236c-8.3-8.3-21.8-8.3-30.1,0c-8.3,8.3-8.3,21.8,0,30.1l10.2,10.2
+		c4.1,4.2,9.6,6.2,15.1,6.2s10.9-2.1,15.1-6.2C34.6,268.1,34.6,254.6,26.3,246.3z M1,234.1c3.7,0,7.3,1.2,10.3,3.5L1,248l-10.3-10.3
+		C-6.3,235.3-2.7,234.1,1,234.1z M-12.4,240.7L-2.1,251l-10.3,10.3C-17.1,255.3-17.1,246.8-12.4,240.7z M23.2,273.3
+		c-6.6,6.6-17.4,6.6-24,0l-8.7-8.7l24-24l8.7,8.7C29.8,255.9,29.8,266.7,23.2,273.3z"/>
+	<g id="XMLID_977_" class="st1">
+		<path id="XMLID_981_" class="st2" d="M-3.8,276.4l-1.6-1.6c-1.5,0.6-3.1,1.1-4.7,1.5c1-1,2-2.1,2.9-3.3l-3.2-3.2
+			c-3.4,4.5-7.3,7.4-11.5,8.1v-18.8c1,0,2.1,0,3.1-0.1c-0.6-1.4-1-2.8-1.2-4.3c-0.6,0-1.3,0-1.9,0V228H1.6c0,0.5,0,1.1-0.1,1.6
+			c1.5,0,2.9,0.2,4.3,0.6c0-0.7,0.1-1.4,0.1-2.1H28c-0.2,5.8-1.4,11.3-3.4,16.4l1.6,1.6c0.6,0.6,1.2,1.2,1.7,1.9
+			c2.9-6.8,4.5-14.3,4.5-22.1c0-31.1-25.3-56.5-56.5-56.5s-56.4,25.5-56.4,56.7s25.3,56.5,56.5,56.5c7.8,0,15.3-1.6,22.1-4.5
+			C-2.6,277.5-3.2,277-3.8,276.4z M22.3,202.1c3.4,6.6,5.5,14,5.8,21.8H6c-0.2-9-1.4-17.5-3.5-24.9c6.6,0.9,13.2,2.1,19.7,3.7
+			L22.3,202.1z M19.6,197.6c-6.2-1.4-12.4-2.4-18.7-3.2c-2.8-7.9-6.6-14.2-11.1-18.6C2.3,179.3,12.8,187.2,19.6,197.6z M-21.8,174.2
+			c7.1,1.3,13.5,8.8,17.9,19.7c-5.9-0.6-11.9-0.9-17.9-1V174.2z M-21.8,197.3c6.5,0.1,13,0.5,19.5,1.2c2.4,7.5,3.8,16.2,4,25.5
+			h-23.5V197.3z M-37.9,175.8c-4.5,4.3-8.3,10.7-11.1,18.6c-6.3,0.8-12.5,1.9-18.7,3.2C-60.8,187.2-50.3,179.3-37.9,175.8z
+			 M-70.3,202.1l0.1,0.5c6.5-1.6,13.1-2.8,19.7-3.7c-2.1,7.4-3.4,15.8-3.5,24.9h-22.1C-75.8,216.1-73.7,208.7-70.3,202.1z
+			 M-70.3,250c-3.4-6.6-5.5-14-5.8-21.8H-54c0.2,9,1.4,17.5,3.5,24.9c-6.6-0.9-13.2-2.1-19.7-3.7L-70.3,250z M-67.7,254.5
+			c6.2,1.4,12.4,2.4,18.7,3.2c2.8,7.9,6.6,14.2,11.1,18.6C-50.3,272.9-60.8,265-67.7,254.5z M-26.2,278c-7.1-1.3-13.5-8.8-17.9-19.7
+			c5.9,0.6,11.9,0.9,17.9,1V278z M-26.2,254.9c-6.5-0.1-13-0.5-19.5-1.2c-2.4-7.5-3.8-16.2-4-25.5h23.5V254.9z M-26.2,223.9h-23.5
+			c0.2-9.3,1.7-18,4-25.5c6.5-0.7,13-1.1,19.5-1.2V223.9z M-26.2,192.9c-6,0.1-11.9,0.4-17.8,1c4.3-11,10.7-18.5,17.8-19.7V192.9z"
+			/>
+	</g>
+</g>
+</svg>

static/images/illustrations/icons/plug-cloud.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="-124 126 200 200" style="enable-background:new -124 126 200 200;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.3;fill:#585763;enable-background:new    ;}
+	.st1{fill:#4FC1EA;}
+</style>
+<g id="XMLID_81_">
+	<path id="XMLID_2288_" class="st0" d="M-7.9,213.9v-9h-4.2v8.9h-5.1v-8.9h-4.2v8.9h-5.1v-8.9h-4.2v8.9h-5.1v-8.9H-40v9
+		c-3.2,0.4-5.6,3.1-5.6,6.3v13.3c0,5.9,4.8,10.6,10.6,10.6h9v34h4.2v-34h9c5.9,0,10.6-4.8,10.6-10.6v-13.3
+		C-2.2,216.9-4.7,214.2-7.9,213.9z M-6.5,233.5c0,3.5-2.9,6.4-6.4,6.4h-22.3c-3.5,0-6.4-2.9-6.4-6.4v-13.3c0-1.2,1-2.1,2.1-2.1h30.8
+		c1.2,0,2.1,1,2.1,2.1L-6.5,233.5L-6.5,233.5z"/>
+	<g id="XMLID_2286_">
+		<path id="XMLID_2287_" class="st1" d="M7.8,197.9L7.8,197.9c0-7.4-5.9-13.4-13.2-13.6c-3-7.5-10.3-12.6-18.5-12.6
+			s-15.5,5.1-18.5,12.6c-7.3,0.2-13.2,6.2-13.2,13.5c-5.4,1.9-9.1,7-9.1,12.8c0,7.5,6.1,13.5,13.5,13.5h5.5v-4c0-0.1,0-0.1,0-0.2
+			h-5.5c-5.1,0-9.3-4.2-9.3-9.3c0-4.4,3.2-8.3,7.5-9.1c1.1-0.2,1.9-1.3,1.7-2.4c-0.1-0.5-0.1-0.9-0.1-1.3c0-5.1,4.2-9.3,9.3-9.3
+			c0.3,0,0.6,0,1,0.1c1,0.1,2-0.5,2.3-1.5c1.8-6.5,8-11.1,14.8-11.1s13,4.6,14.9,11.1c0.3,1,1.2,1.6,2.3,1.5c0.3,0,0.6-0.1,1-0.1
+			c5.1,0,9.3,4.2,9.3,9.3c0,0.4,0,0.8-0.1,1.3c-0.2,1.1,0.6,2.2,1.7,2.4c4.3,0.9,7.5,4.7,7.5,9.1c0,5.1-4.2,9.3-9.3,9.3h-5.5
+			c0,0.1,0,0.1,0,0.2v4h5.5c7.5,0,13.5-6.1,13.5-13.5C16.8,204.9,13.1,199.8,7.8,197.9z"/>
+	</g>
+</g>
+</svg>

static/images/illustrations/worker.svg

@@ -0,0 +1,132 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 800 600" style="enable-background:new 0 0 800 600;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#5D5C74;stroke-width:4;stroke-miterlimit:10;}
+	.st1{fill:#4FC1EA;stroke:#5D5C74;stroke-width:3;stroke-miterlimit:10;}
+	.st2{fill:#5C5C74;}
+	.st3{fill:#344258;stroke:#5D5C74;stroke-width:4;stroke-miterlimit:10;}
+	.st4{fill:#FBD7CE;}
+	.st5{fill:#E4E6E9;}
+	.st6{fill:#CDCFD2;}
+	.st7{fill:#5D5C74;}
+	.st8{fill:#FFFFFF;}
+	.st9{fill:#DFE1E2;}
+	.st10{fill:#EDEEEF;}
+	.st11{fill:none;stroke:#5D5C74;stroke-width:3;stroke-miterlimit:10;}
+	.st12{fill:none;stroke:#F39200;stroke-width:3;stroke-miterlimit:10;}
+	.st13{fill:none;stroke:#4FC1EB;stroke-width:3;stroke-miterlimit:10;}
+</style>
+<g id="XMLID_2188_">
+	<line id="XMLID_7309_" class="st0" x1="50.3" y1="513.7" x2="759.5" y2="513.7"/>
+	<path id="XMLID_7308_" class="st1" d="M626.4,232.3c23.9,74.6-11.4,131.2-103.2,131.2c-97,0-125.1-56.4-102.2-131.2
+		c14.5-47.2,9-98.5,23.7-122c20.8-33.1,40.1-46,78.4-46c36.1,0,59.5,11.5,74.3,43.7C609.6,134.2,610.9,183.9,626.4,232.3z"/>
+	<path id="XMLID_7305_" class="st2" d="M522.5,363.4c-45.8,0-78-12.2-95.9-36.4c-17.1-23.2-19.7-56.5-7.5-96.5
+		c6.7-22,9.1-45,11.3-65.4c2.5-23.7,4.6-44.1,12.6-56.9c21.9-34.9,42-46.6,79.5-46.6c38.6,0,61.1,13.3,75.5,44.5
+		c6.2,13.5,9.6,32.8,13.4,55.2c3.7,21.4,7.9,45.6,15.5,69.3c12.1,37.8,9.3,70.5-8.2,94.4C600.4,350.1,567.1,363.4,522.5,363.4z
+		 M522.5,64.1c-36.5,0-56,11.5-77.4,45.4c-7.7,12.3-9.8,32.4-12.2,55.8c-2.1,20.5-4.6,43.7-11.4,65.9c-12,39.1-9.5,71.7,7.1,94.2
+		c17.3,23.5,48.9,35.3,93.8,35.3c43.8,0,76.3-12.9,94.2-37.4c17-23.2,19.7-55.1,7.8-92.1c-7.7-23.9-11.9-48.2-15.6-69.6
+		c-3.9-22.2-7.2-41.3-13.2-54.5C581.8,77,559.9,64.1,522.5,64.1z"/>
+	<path id="XMLID_7304_" class="st3" d="M392,406.9c0-54.9,59.2-99.5,132.2-99.5s132.2,44.5,132.2,99.5"/>
+	<path id="XMLID_7303_" class="st4" d="M553.8,156c-28.4,0-52.9-11.6-64.6-28.4c-4.7,18.9-18,33-34,35c0,17.7,0,45.8,0,61.2
+		c0,23.6,14.8,53,37.9,67.8v23.6c0,13.2,8.3,31.7,30.2,31.7c21.3,0,30.6-18.5,30.6-31.7v-22c24.7-14.2,38-45,38-69.5
+		c0-23.6,0-77.2,0-77.2c0-0.2,0-0.3,0-0.5C587.8,154,577.9,156,553.8,156z"/>
+	<path id="XMLID_7300_" class="st2" d="M523.1,347.5c-23.1,0-31.4-19.7-31.4-33v-23c-22-14.4-37.9-43.1-37.9-68.5v-61.2
+		c0-0.6,0.5-1.2,1.1-1.3c15.3-1.9,28.2-15.2,32.9-34c0.1-0.5,0.5-0.9,1-1c0.5-0.1,1,0.1,1.3,0.5c12,17.1,36.3,27.8,63.5,27.8
+		c24.7,0,33.3-2.1,36.9-9.1c0.3-0.5,0.9-0.8,1.4-0.7c0.6,0.1,1,0.6,1,1.2l0,0.5v77.2c0,23.1-11.9,54.8-38,70.2v21.2
+		C555,328.2,545.1,347.5,523.1,347.5z M456.3,162.9v60.1c0,24.8,15.7,52.9,37.3,66.7c0.4,0.2,0.6,0.6,0.6,1.1v23.6
+		c0,12.2,7.7,30.4,28.9,30.4c20.2,0,29.3-17.8,29.3-30.4v-22c0-0.5,0.2-0.9,0.6-1.1c24.5-14.1,37.3-45.1,37.3-68.4v-73.7
+		c-5.8,6-17.2,7.1-36.8,7.1c-26.9,0-51.1-10.2-64.1-26.7C484.2,147.7,471.5,160.5,456.3,162.9z"/>
+	<g id="XMLID_7298_">
+		<path id="XMLID_7299_" class="st2" d="M537.5,248.2c0,0-5.9,6.8-13.2,6.8c-7.3,0-13.2-6.8-13.2-6.8s5.9,0.8,13.2,0.8
+			C531.6,249,537.5,248.2,537.5,248.2z"/>
+	</g>
+	<g id="XMLID_7296_">
+		<path id="XMLID_7297_" class="st2" d="M525,229.8c-0.1,0-0.2,0-0.3,0c-2.1-0.1-3.9-0.9-4.9-2.3c-0.8-1.1-1-2.5-0.6-3.9l1.2,0.4
+			c-0.3,1-0.2,1.9,0.4,2.7c0.8,1.1,2.2,1.8,3.9,1.8c2,0,3.8-0.7,4.7-1.9c0.6-0.8,0.6-1.8,0.2-2.9l1.2-0.5c0.8,1.9,0.3,3.3-0.3,4.1
+			C529.5,228.8,527.3,229.8,525,229.8z"/>
+	</g>
+	<path id="XMLID_7295_" class="st5" d="M670.3,378.6v156.6c0,8.1-6.6,14.7-14.7,14.7H390.2c-8.1,0-14.7-6.6-14.7-14.7V378.4
+		c0-8.1,6.6-14.7,14.7-14.7h265.4C663.7,363.9,670.3,370.5,670.3,378.6"/>
+	<path id="XMLID_7294_" class="st6" d="M670.3,518.1v17.2c0,8.1-6.6,14.7-14.7,14.7H390.2c-8.1,0-14.7-6.6-14.7-14.7v-17.3
+		L670.3,518.1z"/>
+	<path id="XMLID_7293_" class="st7" d="M375.5,460c-1.7,0-3.1-1.4-3.1-3.1v-31c0-1.7,1.6-2.9,3.1-2.9c1.6,0,2.9,1.4,2.9,2.9v31
+		C378.6,458.6,377.2,460,375.5,460"/>
+	<path id="XMLID_7292_" class="st7" d="M655.6,553.2H390.2c-9.9,0-17.8-8-17.8-17.8V476c0-1.7,1.6-2.9,3.1-2.9
+		c1.6,0,2.9,1.4,2.9,2.9v59.4c0,6.4,5.2,11.8,11.6,11.8h265.6c6.4,0,11.6-5.2,11.6-11.8V378.6c0-6.4-5.2-11.8-11.6-11.8H390.2
+		c-6.4,0-11.6,5.2-11.6,11.8v30.8c0,1.7-1.4,3.1-3.1,3.1c-1.7,0-3.1-1.4-3.1-3.1v-30.8c0-9.9,8-17.8,17.8-17.8h265.4
+		c9.9,0,17.8,8,17.8,17.8v156.6C673.4,545.1,665.5,553.2,655.6,553.2"/>
+	<path id="XMLID_7288_" class="st8" d="M650.2,428.5c-1.4,0-2.4-1-2.4-2.4v-28.2c0-6.8-5.5-12.3-12.3-12.3h-31.7
+		c-1.4,0-2.4-1-2.4-2.4c0-1.4,1-2.4,2.4-2.4h31.7c9.5,0,17.2,7.8,17.2,17.2v28.2C652.8,427.3,651.6,428.5,650.2,428.5 M586.3,385.5
+		h-22.2c-1.4,0-2.4-1-2.4-2.4c0-1.4,1-2.4,2.4-2.4h22.2c1.4,0,2.4,1,2.4,2.4C588.7,384.3,587.7,385.5,586.3,385.5 M531.4,469.4
+		c11.6,13.9,2.8,20.1-8.3,20.1s-20.1-9-20.1-20.1c0-11.1,9-20.1,20.1-20.1S539.4,459.3,531.4,469.4"/>
+	<path id="XMLID_7285_" class="st7" d="M522.9,452.2c-9.4,0-17,7.6-17,17c0,9.4,7.6,17,17,17c5.2,0,9.4-1.6,10.4-4
+		c1.2-2.4-0.3-6.4-4.3-11.1c-0.9-1-1-2.8,0-4c3.1-3.8,4-7.8,2.4-10.7C530.2,454,526.9,452.2,522.9,452.2 M522.9,492.6
+		c-12.8,0-23.2-10.4-23.2-23.2c0-12.8,10.4-23.2,23.2-23.2c6.4,0,11.6,2.9,14,7.8c2.3,4.5,1.6,10-1.7,15.2
+		c4.5,6.1,5.9,11.4,3.8,15.8C536.8,489.8,530.7,492.6,522.9,492.6"/>
+	<path id="XMLID_7284_" class="st7" d="M519.8,440.3c-1.7,0-3.1-1.4-3.1-3.1c0-0.3,0-0.5,0.2-0.9c0.2-0.3,2.8-9.7,10.6-12
+		c1.6-0.5,3.3,0.5,3.8,2.3c0.3,1.6-0.5,3.3-2.1,3.6c-4.3,1.4-6.4,7.6-6.4,7.8C522.4,439.4,521.2,440.3,519.8,440.3"/>
+	<path id="XMLID_7283_" class="st9" d="M225,530.6h43v-64.1h-43V530.6z"/>
+	<path id="XMLID_7280_" class="st7" d="M228.1,527.5H265v-57.9h-36.9L228.1,527.5z M268.1,533.7h-43c-1.7,0-3.1-1.4-3.1-3.1v-64.1
+		c0-1.7,1.4-3.1,3.1-3.1h43c1.7,0,3.1,1.4,3.1,3.1v64.1C271,532.3,269.8,533.7,268.1,533.7z"/>
+	<path id="XMLID_7275_" class="st7" d="M268.1,522.1c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c9.5,0,17.3-7.8,17.3-17.3
+		c0-9.5-7.8-17.3-17.3-17.3c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1c13,0,23.4,10.6,23.4,23.6
+		C291.5,511.6,280.9,522.1,268.1,522.1 M246.6,458.5c-0.5,0-1-0.2-1.4-0.7c-0.5-0.7-5.5-7.6-4.5-12.3c0.5-2.1,1.7-3.6,3.1-5.2
+		c1.6-1.9,3.1-3.6,3.3-6.6c0.2-1,1-1.7,2.1-1.7c1,0.2,1.7,1,1.7,2.1c-0.3,4.2-2.4,6.6-4.2,8.7c-1,1.2-2.1,2.4-2.3,3.6
+		c-0.5,2.4,2.4,7.3,3.8,9.2c0.7,0.9,0.5,1.9-0.3,2.6C247.3,458.4,247,458.5,246.6,458.5 M236,457.2c-0.2,0-0.3,0-0.5-0.2
+		c-0.3-0.3-3.8-2.6-4.2-5c-0.2-1,0.2-2.1,0.7-2.9c0.5-1.2,0.9-2.3,0.5-3.6c-0.2-0.5,0.2-1,0.7-1c0.5-0.2,1,0.2,1,0.7
+		c0.5,2.1-0.2,3.5-0.5,4.7c-0.3,0.7-0.5,1.4-0.5,2.1c0.2,1,2.1,2.8,3.3,3.8c0.3,0.3,0.5,0.9,0.2,1.2
+		C236.6,457,236.4,457.2,236,457.2 M257.2,457.5c-0.3,0-0.7-0.2-0.9-0.7c-0.2-0.5-1.6-4.5-0.3-6.6c0.5-0.9,1.4-1.6,2.3-2.1
+		c1-0.7,1.9-1.2,2.6-2.6c0.2-0.5,0.7-0.7,1.2-0.3c0.3,0.2,0.7,0.7,0.5,1.2c-0.9,1.9-2.3,2.8-3.3,3.5c-0.7,0.5-1.4,0.9-1.6,1.4
+		c-0.5,1,0,3.5,0.5,5c0.2,0.5,0,1-0.5,1.2H257.2"/>
+	<path id="XMLID_7271_" class="st8" d="M239.4,517.3c-1.5,0-2.7-1.1-2.7-2.7v-20c0-1.5,1.1-2.7,2.7-2.7c1.5,0,2.7,1.1,2.7,2.7v20
+		C242.1,516.2,240.9,517.3,239.4,517.3C239.4,517.5,239.4,517.5,239.4,517.3 M239.4,540.1c-1.5,0-2.7-1.1-2.7-2.7v-10.1
+		c0-1.5,1.1-2.7,2.7-2.7c1.5,0,2.7,1.1,2.7,2.7v10.1C242.1,538.8,240.9,540.1,239.4,540.1"/>
+	<path id="XMLID_7270_" class="st6" d="M229.1,268.6L179,318.8c0,0-11.6-10.7-13.3-19.9c0,0-8.3-21.2,10.6-37.9c0,0,11-13,34.1-7.4
+		C210.4,253.6,223,257.8,229.1,268.6z"/>
+	<path id="XMLID_7269_" class="st7" d="M109.9,233.2c0.1-0.5,0.5-0.8,0.9-1c0.4-0.2,0.9-0.2,1.4,0l59.9,26.3
+		c0.2,0.1,0.4,0.2,0.6,0.4c15.5-14.2,39.6-13.9,54.6,1.1c2.3,2.3,4.3,4.9,5.9,7.6l0,0c0.7,0.8,0.7,2-0.1,2.7l-4.2,4.2h-5.7l5.8-5.8
+		c-1.3-2-2.9-4-4.6-5.8c-13.8-13.8-36.3-13.8-50.2,0c-9.7,9.7-12.6,23.8-8.6,36.1c0,0,0,0,0,0c0.2,0.7,0.1,1.4-0.5,1.9
+		c-0.8,0.8-2,0.8-2.8,0c-0.1-0.1-0.2-0.3-0.3-0.4c0,0-0.1,0-0.1-0.1c0,0,0-0.1,0-0.1c0-0.1-0.1-0.2-0.1-0.3
+		c-4.2-13.1-1.4-27.9,8.3-38.6l-57.6-25.3l-23.3,74.2h-3.6L109.9,233.2z"/>
+	<path id="XMLID_7265_" class="st7" d="M112.8,532.3c-0.5,0-1-0.2-1.3-0.6l-39.4-48.4h4.4l37.1,45.6h64.2c0.9,0,1.7,0.8,1.7,1.7v9
+		c0,0.9-0.8,1.7-1.7,1.7l-137.5,1.4c0,0,0,0,0,0c-0.9,0-1.7-0.8-1.7-1.7c0-0.9,0.7-1.7,1.7-1.7l135.8-1.4v-5.6H112.8z"/>
+	<path id="XMLID_7263_" class="st7" d="M181.8,321.6c-0.8,0.8-2.1,0.8-2.8,0c-0.8-0.8-0.8-2.1,0-2.8l10.3-10.3v5.7L181.8,321.6z"/>
+	<path id="XMLID_7262_" class="st10" d="M220.4,308.9c-7.4,7.4-19.1,7.7-27,1.1l28-28C228.1,289.8,227.8,301.5,220.4,308.9z"/>
+	<path id="XMLID_7256_" class="st7" d="M228.9,274.5h-5.7l-34,34v5.7l1.3-1.3c9.4,8.2,23.7,7.9,32.6-1.1c8.9-8.9,9.3-23.2,1.1-32.6
+		L228.9,274.5z M221.5,282c6.6,7.8,6.3,19.6-1.1,27c-7.4,7.4-19.1,7.7-27,1.1L221.5,282z"/>
+	<path id="XMLID_7255_" class="st5" d="M50.2,473.7c-11.2,0-20.2-9.1-20.2-20.2c0-11.2,9.1-20.2,20.2-20.2
+		c11.2,0,20.2,9.1,20.2,20.2C70.4,464.7,61.3,473.7,50.2,473.7z"/>
+	<path id="XMLID_7251_" class="st7" d="M72.2,483.3h4.4l-10.2-12.6c4.6-4.3,7.5-10.4,7.5-17.2c0-10.1-6.4-18.7-15.3-22.1l2.8-8.9
+		h-3.6l-2.5,7.9c-1.6-0.4-3.4-0.6-5.1-0.6c-13,0-23.6,10.6-23.6,23.6c0,13,10.6,23.6,23.6,23.6c5,0,9.7-1.6,13.5-4.3L72.2,483.3z
+		 M50.2,473.7c-11.2,0-20.2-9.1-20.2-20.2c0-11.2,9.1-20.2,20.2-20.2c11.2,0,20.2,9.1,20.2,20.2C70.4,464.7,61.3,473.7,50.2,473.7z"
+		/>
+	<rect id="XMLID_7247_" x="40.3" y="532.3" class="st6" width="135.8" height="7"/>
+	<line id="XMLID_7245_" class="st11" x1="56.4" y1="432.3" x2="88.2" y2="307.8"/>
+	<g id="XMLID_7240_">
+		<path id="XMLID_7243_" class="st2" d="M475.8,189.7c-0.6,0-1.3-0.2-1.8-0.7c-1.1-1-1.1-2.6-0.1-3.7c3.3-3.5,7.9-5.3,12.3-4.9
+			c3.7,0.3,6.8,2.2,8.7,5.1c0.8,1.2,0.4,2.8-0.8,3.6c-1.2,0.8-2.8,0.4-3.6-0.8c-1-1.6-2.7-2.5-4.7-2.7c-2.8-0.3-5.8,1-8,3.3
+			C477.2,189.4,476.5,189.7,475.8,189.7z"/>
+	</g>
+	<g id="XMLID_7234_">
+		<path id="XMLID_7235_" class="st2" d="M574.4,189.7c-0.7,0-1.4-0.3-1.9-0.8c-2.2-2.3-5.4-3.6-8.6-3.4c-2.6,0.1-4.8,1.2-6.2,3
+			c-0.9,1.2-2.5,1.4-3.7,0.5c-1.1-0.9-1.4-2.5-0.5-3.7c2.3-3,5.9-4.8,10-5.1c4.8-0.3,9.4,1.6,12.7,5c1,1,1,2.7-0.1,3.7
+			C575.7,189.4,575.1,189.7,574.4,189.7z"/>
+	</g>
+	<path id="XMLID_7233_" class="st12" d="M593.6,24.1c-1.3,1.1-3,1.8-4.9,1.8c-4.1,0-7.4-3.3-7.4-7.4s3.3-7.4,7.4-7.4
+		s7.4,3.3,7.4,7.4c0,1.3-0.3,2.5-0.9,3.5"/>
+	<path id="XMLID_7231_" class="st13" d="M927.6,36c-1.2,1-2.8,1.7-4.5,1.7c-3.8,0-6.9-3.1-6.9-6.9s3.1-6.9,6.9-6.9
+		c3.8,0,6.9,3.1,6.9,6.9c0,1.2-0.3,2.3-0.8,3.2"/>
+	<path id="XMLID_7227_" class="st13" d="M723.9-25.7c-2.8,2.4-6.5,3.9-10.5,3.9c-8.9,0-16.1-7.2-16.1-16.1S704.5-54,713.4-54
+		c8.9,0,16.1,7.2,16.1,16.1c0,2.7-0.7,5.3-1.9,7.6"/>
+	<path id="XMLID_7226_" class="st13" d="M738.4,128.4c-0.9,0.8-2.2,1.3-3.5,1.3c-3,0-5.4-2.4-5.4-5.4s2.4-5.4,5.4-5.4
+		c3,0,5.4,2.4,5.4,5.4c0,0.9-0.2,1.8-0.6,2.5"/>
+	<path id="XMLID_7222_" class="st12" d="M776.6,72.4c-1.9,1.6-4.3,2.6-7,2.6c-5.9,0-10.7-4.8-10.7-10.7s4.8-10.7,10.7-10.7
+		c5.9,0,10.7,4.8,10.7,10.7c0,1.8-0.5,3.5-1.3,5"/>
+	<path id="XMLID_7218_" class="st12" d="M422.9-49.9c-0.9,0.8-2.2,1.3-3.5,1.3c-3,0-5.4-2.4-5.4-5.4s2.4-5.4,5.4-5.4
+		c3,0,5.4,2.4,5.4,5.4c0,0.9-0.2,1.8-0.6,2.5"/>
+	<path id="XMLID_7196_" class="st12" d="M893.7,176.5c-0.9,0.8-2.2,1.3-3.5,1.3c-3,0-5.4-2.4-5.4-5.4s2.4-5.4,5.4-5.4
+		s5.4,2.4,5.4,5.4c0,0.9-0.2,1.8-0.6,2.5"/>
+</g>
+</svg>

static/images/loaders/audio.svg

@@ -0,0 +1,29 @@
+<!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
+<svg width="55" height="80" viewBox="0 0 55 80" xmlns="http://www.w3.org/2000/svg" fill="#FFF">
+    <g transform="matrix(1 0 0 -1 0 80)">
+        <rect width="10" height="20" rx="3">
+            <animate attributeName="height"
+                 begin="0s" dur="4.3s"
+                 values="20;45;57;80;64;32;66;45;64;23;66;13;64;56;34;34;2;23;76;79;20" calcMode="linear"
+                 repeatCount="indefinite" />
+        </rect>
+        <rect x="15" width="10" height="80" rx="3">
+            <animate attributeName="height"
+                 begin="0s" dur="2s"
+                 values="80;55;33;5;75;23;73;33;12;14;60;80" calcMode="linear"
+                 repeatCount="indefinite" />
+        </rect>
+        <rect x="30" width="10" height="50" rx="3">
+            <animate attributeName="height"
+                 begin="0s" dur="1.4s"
+                 values="50;34;78;23;56;23;34;76;80;54;21;50" calcMode="linear"
+                 repeatCount="indefinite" />
+        </rect>
+        <rect x="45" width="10" height="30" rx="3">
+            <animate attributeName="height"
+                 begin="0s" dur="2s"
+                 values="30;45;13;80;56;72;45;76;34;23;67;30" calcMode="linear"
+                 repeatCount="indefinite" />
+        </rect>
+    </g>
+</svg>

static/images/loaders/ball-triangle.svg

@@ -0,0 +1,47 @@
+<!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
+<!-- Todo: add easing -->
+<svg width="57" height="57" viewBox="0 0 57 57" xmlns="http://www.w3.org/2000/svg" stroke="#fff">
+    <g fill="none" fill-rule="evenodd">
+        <g transform="translate(1 1)" stroke-width="2">
+            <circle cx="5" cy="50" r="5">
+                <animate attributeName="cy"
+                     begin="0s" dur="2.2s"
+                     values="50;5;50;50"
+                     calcMode="linear"
+                     repeatCount="indefinite" />
+                <animate attributeName="cx"
+                     begin="0s" dur="2.2s"
+                     values="5;27;49;5"
+                     calcMode="linear"
+                     repeatCount="indefinite" />
+            </circle>
+            <circle cx="27" cy="5" r="5">
+                <animate attributeName="cy"
+                     begin="0s" dur="2.2s"
+                     from="5" to="5"
+                     values="5;50;50;5"
+                     calcMode="linear"
+                     repeatCount="indefinite" />
+                <animate attributeName="cx"
+                     begin="0s" dur="2.2s"
+                     from="27" to="27"
+                     values="27;49;5;27"
+                     calcMode="linear"
+                     repeatCount="indefinite" />
+            </circle>
+            <circle cx="49" cy="50" r="5">
+                <animate attributeName="cy"
+                     begin="0s" dur="2.2s"
+                     values="50;50;5;50"
+                     calcMode="linear"
+                     repeatCount="indefinite" />
+                <animate attributeName="cx"
+                     from="49" to="49"
+                     begin="0s" dur="2.2s"
+                     values="49;5;27;49"
+                     calcMode="linear"
+                     repeatCount="indefinite" />
+            </circle>
+        </g>
+    </g>
+</svg>