Showing preview only (377K chars total). Download the full file or copy to clipboard to get everything.
Repository: StefMa/hugo-fresh
Branch: master
Commit: 5cd3737fb8cf
Files: 87
Total size: 352.7 KB
Directory structure:
gitextract_bjwnm_p3/
├── .github/
│ ├── dependabot.yml
│ └── workflows/
│ ├── docs-to-gh-pages.yml
│ ├── fresh-to-vercel-pr-deployment.yml
│ ├── fresh-to-vercel-pr.yml
│ ├── fresh-to-vercel.yml
│ └── htmltest.yml
├── .gitignore
├── LICENSE
├── README.md
├── assets/
│ ├── fresh/
│ │ ├── core.scss
│ │ └── partials/
│ │ ├── _animations.scss
│ │ ├── _buttons.scss
│ │ ├── _cards.scss
│ │ ├── _colors.scss
│ │ ├── _dropdowns.scss
│ │ ├── _footer.scss
│ │ ├── _forms.scss
│ │ ├── _hero.scss
│ │ ├── _navbar.scss
│ │ ├── _responsive.scss
│ │ ├── _sections.scss
│ │ ├── _sidebar.scss
│ │ ├── _testimonials.scss
│ │ └── _utils.scss
│ └── style.sass
├── config.yaml
├── docs/
│ ├── content/
│ │ ├── deepmodifications.md
│ │ ├── getstarted.md
│ │ ├── landingpage.md
│ │ ├── markdown-syntax.md
│ │ ├── misc.md
│ │ ├── module.md
│ │ ├── singlepage.md
│ │ └── troubleshooting.md
│ ├── go.mod
│ ├── go.sum
│ └── hugo.yml
├── exampleSite/
│ ├── .gitignore
│ ├── .htmltest.yml
│ ├── content/
│ │ ├── agb.md
│ │ └── blog/
│ │ ├── first.md
│ │ └── second.md
│ ├── go.mod
│ ├── go.sum
│ ├── hugo.work
│ └── hugo.yaml
├── go.mod
├── go.sum
├── layouts/
│ ├── _default/
│ │ ├── baseof.html
│ │ ├── list.html
│ │ └── single.html
│ ├── index.html
│ ├── partials/
│ │ ├── css.html
│ │ ├── footer.html
│ │ ├── hero-body.html
│ │ ├── hero-footer.html
│ │ ├── hero.html
│ │ ├── javascript.html
│ │ ├── meta.html
│ │ ├── navbar-clone.html
│ │ ├── navbar.html
│ │ ├── section1.html
│ │ ├── section2.html
│ │ ├── section3.html
│ │ ├── section4.html
│ │ ├── section5.html
│ │ ├── sidebar.html
│ │ └── single/
│ │ ├── content.html
│ │ ├── sidebar.html
│ │ └── single.html
│ └── shortcodes/
│ ├── subtitle1.html
│ ├── subtitle2.html
│ ├── subtitle3.html
│ ├── subtitle4.html
│ ├── subtitle5.html
│ ├── subtitle6.html
│ ├── title1.html
│ ├── title2.html
│ ├── title3.html
│ ├── title4.html
│ ├── title5.html
│ └── title6.html
├── resources/
│ └── _gen/
│ └── assets/
│ └── sass/
│ ├── style.sass_0cd3d355ec95bf1703b17a06ee0ef826.content
│ └── style.sass_0cd3d355ec95bf1703b17a06ee0ef826.json
├── static/
│ ├── css/
│ │ └── icons.css
│ └── js/
│ └── fresh.js
└── theme.toml
================================================
FILE CONTENTS
================================================
================================================
FILE: .github/dependabot.yml
================================================
# Configuration options:
# https://docs.github.com/en/code-security/dependabot/dependabot-version-updates/configuration-options-for-the-dependabot.yml-file#about-the-dependabotyml-file
version: 2
updates:
- package-ecosystem: "github-actions"
directory: "/"
schedule:
interval: "weekly"
================================================
FILE: .github/workflows/docs-to-gh-pages.yml
================================================
name: Deploy docs
on:
push:
branches:
- master
jobs:
deploy:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- name: Setup Hugo
uses: peaceiris/actions-hugo@v3
with:
hugo-version: '0.110.0'
extended: true
- name: Build
working-directory: docs
run: hugo --minify
- name: Deploy
uses: peaceiris/actions-gh-pages@v4
with:
github_token: ${{ secrets.GITHUB_TOKEN }}
force_orphan: true
commit_message: '[skip ci] Deploy:'
publish_dir: docs/public
================================================
FILE: .github/workflows/fresh-to-vercel-pr-deployment.yml
================================================
name: Fresh to vercel PR deployment
on:
workflow_run:
workflows: [Fresh to vercel PR]
types:
- completed
jobs:
createExampleAndDeployToArtifacts:
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@v4
- name: Download hugo build
uses: actions/github-script@v7.0.1
with:
script: |
var artifacts = await github.rest.actions.listWorkflowRunArtifacts({
owner: context.repo.owner,
repo: context.repo.repo,
run_id: ${{ github.event.workflow_run.id }},
});
var matchArtifact = artifacts.data.artifacts.filter((artifact) => {
return artifact.name == "hugo-output"
})[0];
var download = await github.rest.actions.downloadArtifact({
owner: context.repo.owner,
repo: context.repo.repo,
artifact_id: matchArtifact.id,
archive_format: 'zip',
});
var fs = require('fs');
fs.writeFileSync('${{github.workspace}}/hugo-output.zip', Buffer.from(download.data));
- run: unzip hugo-output.zip -d hugo-output
- name: Download alias-domain
uses: actions/github-script@v7.0.1
with:
script: |
var artifacts = await github.rest.actions.listWorkflowRunArtifacts({
owner: context.repo.owner,
repo: context.repo.repo,
run_id: ${{ github.event.workflow_run.id }},
});
var matchArtifact = artifacts.data.artifacts.filter((artifact) => {
return artifact.name == "alias-domain"
})[0];
var download = await github.rest.actions.downloadArtifact({
owner: context.repo.owner,
repo: context.repo.repo,
artifact_id: matchArtifact.id,
archive_format: 'zip',
});
var fs = require('fs');
fs.writeFileSync('${{github.workspace}}/alias-domain.zip', Buffer.from(download.data));
- run: unzip alias-domain.zip
- name: Extract alias-domain
id: extract-alias-domain
run: |
aliasDomain=`cat alias-domain`
echo "ALIAS_DOMAIN=$aliasDomain" >> $GITHUB_OUTPUT
- name: Deploy to Vercel on PR
uses: amondnet/vercel-action@v25
with:
vercel-token: ${{ secrets.VERCEL_TOKEN }}
vercel-org-id: ${{ secrets.VERCEL_ORG_ID}}
vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID}}
vercel-project-name: hugo-fresh
alias-domains: ${{ steps.extract-alias-domain.outputs.ALIAS_DOMAIN }}
working-directory: ./hugo-output
================================================
FILE: .github/workflows/fresh-to-vercel-pr.yml
================================================
name: Fresh to vercel PR
on:
pull_request:
jobs:
testBuild:
runs-on: ubuntu-latest
strategy:
matrix:
# 0.110.0 "minVersion" (that is tested)
# 0.135.0 "justAVersion"
# latest "latest"
hugo: ['0.110.0', '0.135.0', 'latest']
steps:
- name: Checkout
uses: actions/checkout@v4
- name: Setup Hugo
uses: peaceiris/actions-hugo@v3
with:
hugo-version: ${{ matrix.hugo }}
extended: true
- name: Build with Hugo on PR
working-directory: exampleSite
run: hugo --minify
createExampleAndDeployToArtifacts:
runs-on: ubuntu-latest
needs: [testBuild]
steps:
- name: Checkout
uses: actions/checkout@v4
- name: Setup Hugo
uses: peaceiris/actions-hugo@v3
with:
hugo-version: 'latest'
extended: true
- name: Build with Hugo on PR
working-directory: exampleSite
run: |
hugo \
--minify \
--baseURL https://hugo-fresh-${{ github.event.pull_request.head.user.login }}-${{ github.event.pull_request.head.ref }}.vercel.app
- name: Save hugo as artifact
uses: actions/upload-artifact@v4
with:
name: hugo-output
path: exampleSite/public/
- name: Save alias domain
run: |
mkdir -p ./alias-domain
echo hugo-fresh-${{ github.event.pull_request.head.user.login }}-${{ github.event.pull_request.head.ref }}.vercel.app > ./alias-domain/alias-domain
- name: Save alias domain as artifact
uses: actions/upload-artifact@v4
with:
name: alias-domain
path: alias-domain/
================================================
FILE: .github/workflows/fresh-to-vercel.yml
================================================
name: Fresh to vercel
on:
push:
branches:
- master
jobs:
deployMasterToVercel:
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@v4
- name: Setup Hugo
uses: peaceiris/actions-hugo@v3
with:
hugo-version: '0.110.0'
extended: true
- name: Build with Hugo on master
working-directory: exampleSite
run: |
hugo \
--minify \
--baseURL https://hugo-fresh.vercel.app/
- name: Deploy to Vercel on master
uses: amondnet/vercel-action@v25
with:
vercel-token: ${{ secrets.VERCEL_TOKEN }}
vercel-org-id: ${{ secrets.VERCEL_ORG_ID}}
vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID}}
vercel-project-name: hugo-fresh
vercel-args: '--prod'
working-directory: ./exampleSite/public
================================================
FILE: .github/workflows/htmltest.yml
================================================
# .github/workflows/htmltest.yml
# Run htmltest link checker on generated HTML output from user guide
name: Link check with htmltest
on:
workflow_dispatch:
push:
branches:
- master
pull_request:
jobs:
htmltest:
runs-on: ubuntu-latest
concurrency:
group: ${{ github.workflow }}-${{ github.ref }}
steps:
- name: Check out repository
uses: actions/checkout@v4
with:
fetch-depth: 0 # Fetch all history for .GitInfo and .Lastmod
- name: Set up Hugo
uses: peaceiris/actions-hugo@v3
with:
hugo-version: "latest"
extended: true
- run: hugo --destination $GITHUB_WORKSPACE/exampleSite/public --themesDir ../../ --theme hugo-fresh
working-directory: exampleSite
- name: Test HTML
# https://github.com/wjdp/htmltest-action/
continue-on-error: true # <- Set to true if run shouldn't fail with broken links
uses: wjdp/htmltest-action@master
with:
# For consistency, use the same config file as for local builds
config: exampleSite/.htmltest.yml
path: exampleSite/public
- name: Archive htmltest results
uses: actions/upload-artifact@v4
with:
name: htmltest-report
path: tmp/.htmltest/htmltest.log
retention-days: 7 # default is 90 days
================================================
FILE: .gitignore
================================================
public
.hugo_build.lock
================================================
FILE: LICENSE
================================================
MIT License
Copyright (c) 2019 Stefan M.
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
================================================
FILE: README.md
================================================
<h1 align="center"> ✨ hugo-fresh | <a href="https://hugo-fresh.vercel.app">Demo</a> | <a href="https://stefma.github.io/hugo-fresh">Documentation</a> ✨ </h1>
<p align="center">The Fresh theme for Hugo</p>
**Fresh** is a theme for the [Hugo](https://gohugo.io) static site generator adapted from the gorgeous, [Bulma](https://bulma.io)-based theme of the same name from [CSS Ninja](https://cssninja.io/product/fresh). You can find a live demo of the original theme [here](https://fresh.cssninja.io/) and a live demo of the Hugo theme [here](https://hugo-fresh.vercel.app).
================================================
FILE: assets/fresh/core.scss
================================================
/* ==========================================================================
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';
================================================
FILE: assets/fresh/partials/_animations.scss
================================================
/* ==========================================================================
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); }
}
================================================
FILE: assets/fresh/partials/_buttons.scss
================================================
/* ==========================================================================
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;
}
}
}
}
================================================
FILE: assets/fresh/partials/_cards.scss
================================================
/*! _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;
}
}
}
}
================================================
FILE: assets/fresh/partials/_colors.scss
================================================
/* ==========================================================================
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;
================================================
FILE: assets/fresh/partials/_dropdowns.scss
================================================
/* ==========================================================================
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;
}
}
}
================================================
FILE: assets/fresh/partials/_footer.scss
================================================
/* ==========================================================================
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;
}
}
}
}
================================================
FILE: assets/fresh/partials/_forms.scss
================================================
/* ==========================================================================
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%;
}
================================================
FILE: assets/fresh/partials/_hero.scss
================================================
/* ==========================================================================
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;
}
}
================================================
FILE: assets/fresh/partials/_navbar.scss
================================================
/* ==========================================================================
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);
}
}
================================================
FILE: assets/fresh/partials/_responsive.scss
================================================
/* ==========================================================================
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;
}
}
}
================================================
FILE: assets/fresh/partials/_sections.scss
================================================
/* ==========================================================================
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: -5vh;
}
//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;
}
}
}
================================================
FILE: assets/fresh/partials/_sidebar.scss
================================================
/* ==========================================================================
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;
overflow-y: auto;
&.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;
}
}
}
================================================
FILE: assets/fresh/partials/_testimonials.scss
================================================
/* ==========================================================================
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%;
}
}
}
================================================
FILE: assets/fresh/partials/_utils.scss
================================================
// 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;
}
================================================
FILE: assets/style.sass
================================================
@import "bulma/bulma"
@import "fresh/core"
================================================
FILE: config.yaml
================================================
# Dependency 'bulma' is brought in as module
# and mount points are declared
module:
imports:
- path: github.com/jgthms/bulma
mounts:
- source: bulma.sass
target: assets/bulma/bulma.sass
- source: bulma-rtl.sass
target: assets/bulma/bulma-rtl.sass
- source: sass
target: assets/bulma/sass
- source: sass/base
target: assets/bulma/sass/base
- source: sass/components
target: assets/bulma/sass/components
- source: sass/elements
target: assets/bulma/sass/elements
- source: sass/form
target: assets/bulma/sass/form
- source: sass/grid
target: assets/bulma/sass/grid
- source: sass/helpers
target: assets/bulma/sass/helpers
- source: sass/layout
target: assets/bulma/sass/layout
- source: sass/utilities
target: assets/bulma/sass/utilities
================================================
FILE: docs/content/deepmodifications.md
================================================
---
title: Deep modification
sidebar: true
sidebarlogo: fresh-white
include_footer: false
---
## Deep modifications
In case you want to make deep modifications of this theme (like changing the colors) you have to
add the theme as an git submodule rather than as a [hugo module](../module).
To create a new site using this theme as hugo module:
```bash
# Create site and cd into it
hugo new site my-site && cd my-site
# Make a git project out of it
git init
# Add this theme as a git submodule
git submodule add https://github.com/StefMa/hugo-fresh.git themes/hugo-fresh
# Add the dependency to the css files as a git submodule and checkout version 0.9.4
git submodule add https://github.com/jgthms/bulma.git themes/bulma
cd themes/bulma && git checkout 0.9.4
# Go back from themes/bulma dir
cd ../..
# Remove the default config
rm config.toml
# Fetch the example config
curl -O https://raw.githubusercontent.com/StefMa/hugo-fresh/master/exampleSite/hugo.yaml
# Configure the theme as git submodule
# Remove the 'module' section in the `hugo.yml` and add
# theme: 'hugo-fresh' (See also https://github.com/StefMa/hugo-fresh/issues/175#issuecomment-1863358700)
# Change the path of the bulma css files
# Replace `github.com/jgthms/bulma` with `bulma` in
# my-site/themes/hugo-fresh/config.yml
# Run the site locally
hugo server
# Open the site in your browser
open http://localhost:1313
```
Now you're able to change anything in the theme to your needs.
To change the colors for example, open
`my-site/themes/hugo-fresh/assets/fresh/partials/_colors.scss`
and customizes to your needs.
```diff
- $primary: #4FC1E;
- $secondary: #F39200;
+ $primary: #b85ca2;
+ $secondary: #2ee62e;
```
================================================
FILE: docs/content/getstarted.md
================================================
---
title: Get Started
sidebar: true
sidebarlogo: fresh-white
include_footer: false
---
## The Fresh theme for Hugo
**Fresh** is a theme for the [Hugo](https://gohugo.io) static site generator adapted from the gorgeous, [Bulma](https://bulma.io)-based theme of the same name from [CSS Ninja](https://cssninja.io/product/fresh). You can find a live demo of the original theme [here](https://fresh.cssninja.io) and a live demo of the Hugo theme [here](https://hugo-fresh.now.sh/).
<img src="https://raw.githubusercontent.com/StefMa/hugo-fresh/master/images/screenshot.png" style="margin-left:auto;margin-right:auto;" />
## Getting started
To create a new site using this theme as hugo module:
Make sure `go` > 1.13 is installed on your system. [Download](https://go.dev/dl/) and install if needed.
```bash
# Create site and cd into it
hugo new site my-site && cd my-site
# Transform your hugo site to an module
hugo mod init YOUR_MODULE_NAME
# Remove the default config
rm hugo.toml
# Fetch the example config
curl -O https://raw.githubusercontent.com/StefMa/hugo-fresh/master/exampleSite/hugo.yaml
# Run the site locally
hugo server
# Open the site in your browser
open http://localhost:1313
```
## Customizing your page
Checkout the [Landing page docs](../landingpage) to customize the landing page.
There is also the option to create single pages. Check the [Single page docs](../singlepage) for more.
Have some troubles? Check our [troubleshooting](../troubleshooting) guide.
Interested in changed colors? Checkout the [Deep modifications](../deepmodifications) guide.
================================================
FILE: docs/content/landingpage.md
================================================
---
title: Landing page
sidebar: true
sidebarlogo: fresh-white
include_footer: false
---
## Customize the landing page
There's a wide variety of customizations that you can make to your Hugo Fresh landing page by modifying the `hugo.yaml` file that you downloaded.
> **Note**: There is always an up-to-date config file at [`exampleSite/hugo.yaml`](https://github.com/StefMa/hugo-fresh/blob/master/exampleSite/hugo.yaml) that contains all possible configurations.
Please make sure you check them out as well.
{{< title4 preloader >}}
Preloader ensures images are loaded before displaying to the user.
If you don't want it, set it to `false`.
```yaml
preloader: false
```
{{< title4 navbarlogo >}}
Define the logo of the navigation bar in the upper left corner.
<details>
<summary>Code</summary>
```yaml
navbarlogo:
image: logos/fresh.svg # Logo (from static/images/logos/)
link: /
```
</details>
{{< title4 font >}}
Set the font of the site.
<details>
<summary>Code</summary>
```yaml
font:
name: "Open Sans"
sizes: [400,600]
```
</details>
{{< title4 hero >}}
The "main" page which you see when you open the website.
<details>
<summary>Code</summary>
```yaml
hero:
title: Manage. Deploy.
subtitle: Lorem ipsum sit dolor amet is dummy text used by the typography industry
buttontext: Get started
buttonlink: "#"
image: illustrations/worker.svg
# Footer logos (from static/images/logos/clients/*.svg)
# urls are optional
clientlogos:
- logo: systek
url: https://google.com
- logo: tribe
url: https://stefma.github.io/hugo-fresh/
- logo: kromo
url: https://github.com/StefMa/hugo-fresh
- logo: infinite
url: https://hugo-fresh.vercel.app/
- logo: gutwork
url: https://bulma.io/
```
</details>
{{< title4 navbar >}}
The navigation bar which is at the top of the site.
For a dropdown, add a "sublinks" list.
<details>
<summary>Code</summary>
```yaml
navbar:
- title: Features
url: /
- title: Pricing
url: /
- title: Dropdown
sublinks:
- title: Dropdown item
url: /
- title: Dropdown item
url: /
- title: Dropdown item
url: /
- title: Log in
url: /
- title: Sign up
url: /
button: true
```
</details>
{{< title4 sidebar >}}
The sidebar is an optional parameter where you can place even more navigation items.
<details>
<summary>Code</summary>
```yaml
sidebar:
# Logo (from /images/logos/___.svg)
logo: fresh-square
sections:
- title: User
icon: user
links:
- text: Profile
url: /
- text: Account
url: /
- text: Settings
url: /
- title: Messages
icon: envelope
links:
- text: Inbox
url: /
- text: Compose
url: /
- title: Images
icon: image
links:
- text: Library
url: /
- text: Upload
url: /
- title: Settings
icon: cog
links:
- text: User settings
url: /
- text: App settings
url: /
```
</details>
{{< title4 section1 >}}
Describes the second "page" which you will see when you scroll down. Currently it will have **always** three `titles`.
<details>
<summary>Code</summary>
```yaml
section1:
title: Great power comes
subtitle: with great responsibility
tiles:
- title: App builder
icon: mouse-globe
text: This is some explanatory text that is on two rows
url: /
buttonText: Free trial
- title: Cloud integration
icon: laptop-cloud
text: This is some explanatory text that is on two rows
url: /
buttonText: Get started
- title: Add-ons & plugins
icon: plug-cloud
text: This is some explanatory text that is on two rows
url: /
buttonText: Get started
```
</details>
{{< title4 section2 >}}
Shows information why someone should use this product.
<details>
<summary>Code</summary>
```yaml
section2:
title: You're here because you want the best
subtitle: And we know it
features:
- title: Powerful and unified interface
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.
# Icon (from /images/illustrations/icons/___.svg)
icon: laptop-globe
- title: Cross-device synchronisation
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.
icon: doc-sync
- title: Nomad system
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.
icon: mobile-feed
```
</details>
{{< title4 section3 >}}
Display a bright image of your product.
<details>
<summary>Code</summary>
```yaml
section3:
title: One platform
subtitle: To rule them all
image: illustrations/mockups/app-mockup.png
buttonText: Get started
buttonLink: "#"
```
</details>
{{< title4 section4 >}}
What clients says about us.
<details>
<summary>Code</summary>
```yaml
section4:
title: Our Clients love us!
subtitle: Lorem ipsum sit dolor amet is a dummy text used by typography industry
clients:
- name: Irma Walters
quote: 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.
job: Accountant
img: 1 # From (static/images/illustrations/faces)
- name: John Bradley
quote: 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.
job: Financial Analyst
img: 2
- name: Gary Blackman
quote: 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.
job: HR Manager
img: 3
```
</details>
{{< title4 section5 >}}
Write us.
<details>
<summary>Code</summary>
```yaml
section5:
title: Drop us a line or two
subtitle: We'd love to hear from you
buttonText: Send Message
action: https://formspree.io/f/{ID}
method: POST
```
</details>
{{< title4 footer >}}
The footer of the site.
<details>
<summary>Code</summary>
```yaml
footer:
# Logo (from /static/images/logos/___)
logo: fresh-white-alt.svg
# Social media links (GitHub, Twitter, etc.). All are optional.
socialmedia:
- link: https://github.com/StefMa/hugo-fresh
# Icons are from Font Awesome
icon: github
- link: https://dribbble.com/#
icon: dribbble
- link: https://facebook.com/#
icon: facebook
- link: https://twitter.com/lucperkins
icon: twitter
- link: https://bitbucket.org/#
icon: bitbucket
bulmalogo: true
quicklinks:
column1:
title: "Product"
links:
- text: Discover features
link: /
- text: Why choose our product?
link: /
- text: Compare features
link: /
- text: Our roadmap
link: /
- text: AGB
link: /agb
column2:
title: "Docs"
links:
- text: Get started
link: /
- text: User guides
link: /
- text: Admin guide
link: /
- text: Developers
link: /
column3:
title: "Blog"
links:
- text: Latest news
link: /blog/first
- text: Tech articles
link: /blog/second
```
</details>
================================================
FILE: docs/content/markdown-syntax.md
================================================
---
title: Markdown Syntax Guide
sidebar: true
sidebarlogo: fresh-white
include_footer: false
---
This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
<!--more-->
## Headings
The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
# H1
## H2
### H3
#### H4
##### H5
###### H6
## Paragraph
Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
## Blockquotes
The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
#### Blockquote without attribution
> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
> **Note** that you can use _Markdown syntax_ within a blockquote.
#### Blockquote with attribution
> Don't communicate by sharing memory, share memory by communicating.
>
> — <cite>Rob Pike[^1]</cite>
[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
## Tables
Tables aren't part of the core Markdown spec, but Hugo supports them out-of-the-box.
| Name | Age |
| ----- | --- |
| Bob | 27 |
| Alice | 23 |
#### Inline Markdown within tables
| Italics | Bold | Code |
| --------- | -------- | ------ |
| _italics_ | **bold** | `code` |
## Code Blocks
#### Inline Code
`This is Inline Code`
#### Only `pre`
<pre>
This is pre text
</pre>
#### Code block with backticks
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Example HTML5 Document</title>
</head>
<body>
<p>Test</p>
</body>
</html>
```
#### Code block with backticks and language specified
```html {linenos=true}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Example HTML5 Document</title>
<meta name="description" content="Sample article showcasing basic Markdown syntax and formatting for HTML elements.">
</head>
<body>
<p>Test</p>
</body>
</html>
```
#### Code block indented with four spaces
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example HTML5 Document</title>
</head>
<body>
<p>Test</p>
</body>
</html>
#### Code block with Hugo's internal highlight shortcode
{{< highlight html >}}
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example HTML5 Document</title>
</head>
<body>
<p>Test</p>
</body>
</html>
{{< /highlight >}}
#### Gist
{{< gist spf13 7896402 >}}
## List Types
#### Ordered List
1. First item
2. Second item
3. Third item
#### Unordered List
- List item
- Another item
- And another item
#### Nested list
- Fruit
- Apple
- Orange
- Banana
- Dairy
- Milk
- Cheese
## Other Elements — abbr, sub, sup, kbd, mark
<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
H<sub>2</sub>O
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.
Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
================================================
FILE: docs/content/misc.md
================================================
---
title: Misc
sidebar: true
sidebarlogo: fresh-white
include_footer: false
---
## Favicon
You can replace the default favicon by adding your own to `static/images/favicon.png`.
As for now, only pngs are possible.
================================================
FILE: docs/content/module.md
================================================
---
title: Hugo module
sidebar: true
sidebarlogo: fresh-white
include_footer: false
---
## Module
The theme is an [hugo modules](https://gohugo.io/hugo-modules/)-theme.
It is not recommended to add this theme as a git submodule.
However, it is still possible. See the [Deep modifications](../deepmodifications) guide for me.
Using the theme as a hugo module provides several benefits for the development of this theme.
### Versioning / stable theme
With modules it is possible to point to any git hash you like. Nevertheless, it is strongly recommended to only use a versionised version of this theme. Checkout the [GitHub Release page](https://github.com/StefMa/hugo-fresh/releases/) for the latest version.
You can run the follwing command to update/change the theme version:
```
hugo mod get -u github.com/StefMa/hugo-fresh@v[SEMVER_VERSION]
```
There can be als an `hash` or an `branch` name after the `@`-sign.
### Usage
1. To use the theme you first have to transform your own hugo site to an module. Doing this is possible with the following command:
```
hugo mod init MODULE_NAME
```
A typical module name follows the following convention: `domain-name.tld/something`.
2. After that you can declare the hugo module in your config file (yaml example):
```yaml
module:
imports:
path: github.com/StefMa/hugo-fresh
```
================================================
FILE: docs/content/singlepage.md
================================================
---
title: Single page
sidebar: true
sidebarlogo: fresh-white
include_footer: false
---
## Creating a single page
Single pages displays a single unit of information and are more or less independent from the landing page above.
You can create single pages in the `content` directory (even sub-dirs are possible).
If you'd like to have the footer displayed on your single page include `include_footer: true` in your front matter.
<details>
<summary>Code</summary>
```yaml
---
title: AGB
sidebar: true # or false to display the sidebar
sidebarlogo: fresh-white-alt # From (static/images/logo/)
include_footer: true # or false to display the footer
---
```
</details>
================================================
FILE: docs/content/troubleshooting.md
================================================
---
title: Troubleshooting
sidebar: true
sidebarlogo: fresh-white
include_footer: false
---
## Hugo extended
If you see `error: failed to transform resource: TOCSS: failed to transform "style.sass"` when attempting to run your `hugo server`, make sure you have the extended version of Hugo installed!
================================================
FILE: docs/go.mod
================================================
module github.com/stefma/hugo-fresh/docs
go 1.15
replace github.com/StefMa/hugo-fresh => ../
require github.com/StefMa/hugo-fresh v1.0.0 // indirect
================================================
FILE: docs/go.sum
================================================
github.com/jgthms/bulma v0.0.0-20220508134905-3e00a8e6d0d0/go.mod h1:89FLBKXYFKfOKAoDeUT26V0pHGwzr205cMXAEqtAVOI=
================================================
FILE: docs/hugo.yml
================================================
baseURL: "https://stefma.github.io/hugo-fresh"
languageCode: "en-us"
title: "Hugo Fresh documentation"
module:
imports:
path: github.com/StefMa/hugo-fresh
params:
navbarlogo:
image: logos/fresh.svg
link: /hugo-fresh
hero:
title: hugo fresh documentation
subtitle: Probably the best hugo theme out there!
buttontext: Go to docs
buttonlink: getstarted
image: illustrations/worker.svg
navbar:
- title: GitHub
url: https://github.com/StefMa/hugo-fresh
button: true
markup:
goldmark:
renderer:
unsafe: true # Allows you to write raw html in your md files
================================================
FILE: exampleSite/.gitignore
================================================
.hugo_build.lock
public
resources
================================================
FILE: exampleSite/.htmltest.yml
================================================
DirectoryPath: public
================================================
FILE: exampleSite/content/agb.md
================================================
---
title: AGB
include_footer: true
sidebar: false
---
{{% title3 "§1 Lorem" %}}
Bacon ipsum dolor amet pig pork hamburger tenderloin burgdoggen spare ribs bacon pancetta pork loin tail turducken. Chicken pastrami jerky tongue ball tip strip steak. Ball tip alcatra turkey, cupim strip steak swine short loin tenderloin pancetta corned beef ribeye cow short ribs. Turkey turducken flank filet mignon beef ribs pastrami rump, andouille prosciutto picanha kevin strip steak. Corned beef fatback landjaeger hamburger alcatra, bacon buffalo tongue cow biltong salami sirloin swine.
<br>
{{% title3 "§2 Bacon" %}}
{{% subtitle5 "§2.1 Bacon1" %}}
Buffalo cupim kielbasa spare ribs frankfurter. Ribeye pork burgdoggen tenderloin, tail strip steak bacon ham hock pork loin cupim. Bresaola biltong salami, cow ham hock doner pork chop bacon sausage short ribs. Picanha shank sausage turducken. Ham hock t-bone cupim, tri-tip biltong venison flank beef. Cupim bresaola kevin, ham hock beef hamburger tri-tip biltong sirloin filet mignon.
<br>
{{% subtitle5 "§2.2 Bacon2" %}}
Beef jowl tail alcatra frankfurter bacon t-bone hamburger shankle. Ham hock ball tip spare ribs turkey fatback shank short loin buffalo meatball burgdoggen pork chop shankle. Porchetta buffalo pork belly chicken leberkas drumstick. Jerky chuck brisket spare ribs ribeye pork chop shankle beef ribs beef capicola. Boudin short ribs rump flank picanha. Brisket pork loin turducken, flank jerky pastrami pork chop spare ribs bresaola beef ribs. Cow fatback tenderloin pork loin pancetta.
================================================
FILE: exampleSite/content/blog/first.md
================================================
---
title: First
sidebar: true
sidebarlogo: fresh-white-alt
---
My super sweet first blog post!!
================================================
FILE: exampleSite/content/blog/second.md
================================================
---
title: Second
sidebar: true
sidebarlogo: fresh-white-alt
---
{{% title2 "My awesome blogpost" %}}
My super sweet second blog post
================================================
FILE: exampleSite/go.mod
================================================
module github.com/StefMa/hugo-fresh/exampleSite
go 1.12
replace github.com/StefMa/hugo-fresh => ../
require github.com/StefMa/hugo-fresh v1.0.0 // indirect
================================================
FILE: exampleSite/go.sum
================================================
github.com/jgthms/bulma v0.0.0-20220508134905-3e00a8e6d0d0/go.mod h1:89FLBKXYFKfOKAoDeUT26V0pHGwzr205cMXAEqtAVOI=
================================================
FILE: exampleSite/hugo.work
================================================
go 1.19
use ../
================================================
FILE: exampleSite/hugo.yaml
================================================
baseURL: http://something-fresh.org/
languageCode: en-us
title: Hugo Fresh Theme
module:
# uncomment line below for local development of module
# workspace: hugo.work
imports:
path: github.com/StefMa/hugo-fresh
googleAnalytics: # Put in your tracking code without quotes like this: UA-XXX for universal tracking or G-XXX analytics v4 tracking
# Disables warnings
disableKinds:
- taxonomy
markup:
goldmark:
renderer:
unsafe: true # Allows you to write raw html in your md files
params:
# Open graph allows easy social sharing. If you don't want it you can set it to false or just delete the variable
openGraph: true
# Used as meta data; describe your site to make Google Bots happy
description:
# Preloader ensures images are loaded before displaying to the user. If you don't want it uncomment to set it to false
# preloader: false
navbarlogo:
# Logo (from static/images/logos/___)
image: logos/fresh.svg
link: /
# Default width/height. Uncomment if you need to change
# width: 112
# height: 28
font:
name: "Open Sans"
sizes: [400,600]
hero:
# Main hero title
title: Manage. Deploy.
# Hero subtitle (optional)
subtitle: Lorem ipsum sit dolor amet is dummy text used by the typography industry
# Button text
buttontext: Get started
# Where the main hero button links to
buttonlink: "#"
# Hero image (from static/images/___)
image: illustrations/worker.svg
# Footer logos (from static/images/logos/clients/*.svg)
# urls are optional
clientlogos:
- logo: systek
url: https://google.com
- logo: tribe
url: https://stefma.github.io/hugo-fresh/
- logo: kromo
url: https://github.com/StefMa/hugo-fresh
- logo: infinite
url: https://hugo-fresh.vercel.app/
- logo: gutwork
url: https://bulma.io/
# Customizable navbar. For a dropdown, add a "sublinks" list.
navbar:
- title: Features
url: /
- title: Pricing
url: /
- title: Dropdown
sublinks:
- title: Dropdown item
url: /
- title: Dropdown item
url: /
- title: Dropdown item
url: /
- title: Log in
url: /
- title: Sign up
url: /
button: true
sidebar:
# Logo (from static/images/logos/___.svg)
logo: fresh-square
sections:
- title: User
icon: user
links:
- text: Profile
url: /
- text: Account
url: /
- text: Settings
url: /
- title: Messages
icon: envelope
links:
- text: Inbox
url: /
- text: Compose
url: /
- title: Images
icon: image
links:
- text: Library
url: /
- text: Upload
url: /
- title: Settings
icon: cog
links:
- text: User settings
url: /
- text: App settings
url: /
section1:
title: Great power comes
subtitle: with great responsibility
tiles:
- title: App builder
icon: mouse-globe
text: This is some explanatory text that is on two rows
url: /
buttonText: Free trial
- title: Cloud integration
icon: laptop-cloud
text: This is some explanatory text that is on two rows
url: /
buttonText: Get started
- title: Add-ons & plugins
icon: plug-cloud
text: This is some explanatory text that is on two rows
url: /
buttonText: Get started
section2:
title: You're here because you want the best
subtitle: And we know it
features:
- title: Powerful and unified interface
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.
# Icon (from static/images/illustrations/icons/___.svg)
icon: laptop-globe
- title: Cross-device synchronisation
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.
icon: doc-sync
- title: Nomad system
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.
icon: mobile-feed
section3:
title: One platform
subtitle: To rule them all
image: illustrations/mockups/app-mockup.png
buttonText: Get started
buttonLink: "#"
section4:
title: Our Clients love us!
subtitle: Lorem ipsum sit dolor amet is a dummy text used by typography industry
clients:
- name: Irma Walters
quote: 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.
job: Accountant
img: 1
- name: John Bradley
quote: 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.
job: Financial Analyst
img: 2
- name: Gary Blackman
quote: 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.
job: HR Manager
img: 3
section5:
title: Drop us a line or two
subtitle: We'd love to hear from you
buttonText: Send Message
# action: https://formspree.io/f/<form_id>
# method: POST
footer:
# Logo (from static/images/logos/___)
logo: fresh-white-alt.svg
# Social Media Title
socialmediatitle: Follow Us
# Social media links (GitHub, Twitter, etc.). All are optional.
socialmedia:
- link: https://github.com/StefMa
# Icons are from Font Awesome
icon: github
- link: https://dribbble.com/#
icon: dribbble
- link: https://facebook.com/#
icon: facebook
- link: https://twitter.com/StefMa91
icon: twitter
- link: https://bitbucket.org/#
icon: bitbucket
bulmalogo: true
quicklinks:
column1:
title: "Product"
links:
- text: Discover features
link: /
- text: Why choose our product?
link: /
- text: Compare features
link: /
- text: Our roadmap
link: /
- text: AGB
link: /agb
column2:
title: "Docs"
links:
- text: Get started
link: /
- text: User guides
link: /
- text: Admin guide
link: /
- text: Developers
link: /
column3:
title: "Blog"
links:
- text: Latest news
link: /blog/first
- text: Tech articles
link: /blog/second
================================================
FILE: go.mod
================================================
module github.com/StefMa/hugo-fresh
go 1.12
require github.com/jgthms/bulma v0.0.0-20220508134905-3e00a8e6d0d0 // indirect
================================================
FILE: go.sum
================================================
github.com/jgthms/bulma v0.0.0-20220508134905-3e00a8e6d0d0 h1:d61c8CjPFq6aGikBXMepfewc8/3IbrTCiC1xHcMcvHI=
github.com/jgthms/bulma v0.0.0-20220508134905-3e00a8e6d0d0/go.mod h1:89FLBKXYFKfOKAoDeUT26V0pHGwzr205cMXAEqtAVOI=
================================================
FILE: layouts/_default/baseof.html
================================================
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
<head>
{{ partial "meta.html" . }}
<title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
{{ partial "css.html" . }}
</head>
<body>
{{ if ne .Site.Params.preloader false }}
<!-- Preloader -->
<div id="preloader">
<div id="status"></div>
</div>
{{ end }}
{{ block "main" . }}
{{ end }}
<!-- Back To Top Button -->
<div id="backtotop"><a href="#"></a></div>
{{ partial "javascript.html" . }}
</body>
</html>
================================================
FILE: layouts/_default/list.html
================================================
{{ "<!-- Layout with no content to avoid WARN message about missing page layout -->" | safeHTML }}
================================================
FILE: layouts/_default/single.html
================================================
{{ define "main" }}
{{ partial "single/single.html" . }}
{{ if .Params.include_footer }}
{{ partial "footer.html" . }}
{{ end }}
{{ if .Params.sidebar }}
{{ partial "single/sidebar.html" . }}
{{ end }}
{{ end }}
================================================
FILE: layouts/index.html
================================================
{{ define "main" }}
{{ if .Site.Params.hero }}
{{ partial "hero.html" . }}
{{ end }}
{{ if .Site.Params.section1 }}
{{ partial "section1.html" . }}
{{ end }}
{{ if .Site.Params.section2 }}
{{ partial "section2.html" . }}
{{ end }}
{{ if .Site.Params.section3 }}
{{ partial "section3.html" . }}
{{ end }}
{{ if .Site.Params.section4 }}
{{ partial "section4.html" . }}
{{ end }}
{{ if .Site.Params.section5 }}
{{ partial "section5.html" . }}
{{ end }}
{{ if .Site.Params.footer }}
{{ partial "footer.html" . }}
{{ end }}
{{ if .Site.Params.sidebar }}
{{ partial "sidebar.html" . }}
{{ end }}
{{ end }}
================================================
FILE: layouts/partials/css.html
================================================
{{- $inServerMode := "" }}
{{- if gt (int (index (split hugo.Version ".") 1)) "120" }}
{{ $inServerMode = hugo.IsServer }}
{{- else }}
{{ $inServerMode = .Site.IsServer }}
{{- end }}
{{- $sass := "style.sass" }}
{{- $cssTarget := "css/style.css" }}
{{- $cssOpts := cond ($inServerMode) (dict "targetPath" $cssTarget "enableSourceMap" true) (dict "targetPath" $cssTarget "outputStyle" "compressed") }}
{{- $fontName := .Site.Params.font.name | default "Open Sans" }}
{{- $fontFace := replace $fontName " " "+" }}
{{- $fontSizes := delimit (.Site.Params.font.sizes | default (slice 300 400 600 700)) "," }}
{{- $fontUrl := printf "https://fonts.googleapis.com/css?family=%s:%s" $fontFace $fontSizes }}
<link rel="icon" type="image/png" href="{{ "images/favicon.png" | relURL }}" />
<link href="{{ $fontUrl }}" rel="stylesheet">
{{- if $inServerMode }}
{{- $css := resources.Get $sass | toCSS $cssOpts }}
<link rel="stylesheet" type="text/css" href="{{ $css.RelPermalink }}">
{{- else }}
{{- $css := resources.Get $sass | toCSS $cssOpts | minify | fingerprint }}
<link rel="stylesheet" type="text/css" href="{{ $css.RelPermalink }}" integrity="{{ $css.Data.Integrity }}">
{{- end }}
<link rel="stylesheet" type="text/css" href="{{ "css/icons.css" | relURL }}">
================================================
FILE: layouts/partials/footer.html
================================================
{{- $footer := .Site.Params.footer }}
{{- $logo := index $footer "logo" }}
{{- $quickLinks := index $footer "quicklinks" }}
{{- $socialMedia := index $footer "socialmedia" }}
{{- $bulmaLogo := index $footer "bulmalogo" }}
{{- $socialMediaTitle := index $footer "socialmediatitle" }}
<footer class="footer footer-dark">
<div class="container">
<div class="columns">
<div class="column">
<div class="footer-logo">
<img src="{{ printf "images/logos/%s" $logo | relURL }}">
</div>
</div>
{{- range $quickLinks }}
<div class="column">
<div class="footer-column">
<div class="footer-header">
<h3>{{ .title }}</h3>
</div>
<ul class="link-list">
{{- range .links }}
<li>
<a href="{{ .link }}">
{{ .text }}
</a>
</li>
{{- end }}
</ul>
</div>
</div>
{{- end }}
<div class="column">
<div class="footer-column">
<div class="footer-header">
<h3>{{ $socialMediaTitle }}</h3>
<nav class="level is-mobile">
<div class="level-left">
{{- range $socialMedia }}
<a class="level-item" href="{{ .link }}">
<span class="icon"><i class="fa fa-{{ .icon }}"></i></span>
</a>
{{- end }}
</div>
</nav>
{{- if $bulmaLogo }}
<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>
{{- end }}
</div>
</div>
</div>
</div>
</div>
</footer>
================================================
FILE: layouts/partials/hero-body.html
================================================
{{- $hero := .Site.Params.hero }}
{{- $title := index $hero "title" }}
{{- $subtitle := index $hero "subtitle" }}
{{- $buttonText := index $hero "buttontext" }}
{{- $buttonLink := index $hero "buttonlink" }}
{{- $image := index $hero "image" }}
<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">
{{ $title }}
</h1>
{{ with $subtitle }}
<h2 class="subtitle is-5 is-muted">
{{ . }}
</h2>
{{ end }}
<p>
<a class="button cta rounded primary-btn raised" href="{{ $buttonLink }}">
{{ $buttonText }}
</a>
</p>
</div>
<div class="column is-5 is-offset-1">
<figure class="image is-4by3">
<img src="{{ printf "images/%s" $image | relURL }}" alt="Description">
</figure>
</div>
</div>
</div>
</div>
================================================
FILE: layouts/partials/hero-footer.html
================================================
{{- $hero := .Site.Params.hero }}
{{- $clientLogos := index $hero "clientlogos" }}
<div class="hero-foot mb-20">
<div class="container">
<div class="tabs is-centered">
<ul>
{{- range $clientLogos }}
<li>
<a {{ if .url }} href="{{ .url }}" {{ end }}>
<img class="partner-logo" src="{{ printf "images/logos/clients/%s.svg" .logo | relURL }}">
</a>
</li>
{{- end }}
</ul>
</div>
</div>
</div>
================================================
FILE: layouts/partials/hero.html
================================================
<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>
================================================
FILE: layouts/partials/javascript.html
================================================
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="{{ "js/fresh.js" | relURL }}"></script>
<script src="{{ "js/jquery.panelslider.min.js" | relURL }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
================================================
FILE: layouts/partials/meta.html
================================================
{{ template "_internal/google_analytics.html" . }}
{{ if eq .Site.Params.openGraph true }}
{{ template "_internal/opengraph.html" . }}
{{ end }}
<meta name="description" content="{{ if .Params.summary }}{{ .Params.summary }}{{ else if .Site.Params.Description }}{{ .Site.Params.Description }}{{ else }}Hardcoded description; the author should update :){{ end }}" />
<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">
================================================
FILE: layouts/partials/navbar-clone.html
================================================
{{- $navbar := .Site.Params.navbar }}
{{- $sidebarVisible := .Params.sidebar | default .Site.Params.sidebar }}
{{- $navbarLogo := .Site.Params.navbarlogo }}
{{- $navbarLogoWidth := .Site.Params.navbarlogo.width | default 112 }}
{{- $navbarLogoHeight := .Site.Params.navbarlogo.width | default 28 }}
<nav id="navbar-clone" class="navbar is-fresh is-transparent" role="navigation" aria-label="main navigation">
<div class="container">
<div class="navbar-brand">
{{- if $navbarLogo}}
<a class="navbar-item" href="{{ $navbarLogo.link }}">
<img src="{{ printf "images/%s" $navbarLogo.image | relURL }}" alt="" width="{{ $navbarLogoWidth }}" height="{{ $navbarLogoHeight }}">
</a>
{{- end}}
{{- if $sidebarVisible }}
<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>
{{- end }}
<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">
{{- if $sidebarVisible }}
<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>
{{- end }}
<div class="navbar-end">
{{- range $navbar }}
{{- if .sublinks }}
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">
{{ .title }}
</a>
<div class="navbar-dropdown">
{{- range .sublinks }}
<a href="{{ .url }}" class="navbar-item">
{{ .title }}
</a>
{{- end }}
</div>
</div>
{{- else if .button }}
<a href="{{ .url }}" class="navbar-item">
<span class="button signup-button rounded secondary-btn raised">
{{ .title }}
</span>
</a>
{{- else }}
<a href="{{ .url }}" class="navbar-item is-secondary">
{{ .title }}
</a>
{{- end }}
{{- end }}
</div>
</div>
</div>
</nav>
================================================
FILE: layouts/partials/navbar.html
================================================
{{- $navbar := .Site.Params.navbar }}
{{- $sidebarVisible := .Params.sidebar | default .Site.Params.sidebar }}
{{- $navbarLogo := .Site.Params.navbarlogo }}
{{- $navbarLogoWidth := .Site.Params.navbarlogo.width | default 112 }}
{{- $navbarLogoHeight := .Site.Params.navbarlogo.height | default 28 }}
<nav class="navbar is-fresh is-transparent no-shadow" role="navigation" aria-label="main navigation">
<div class="container">
<div class="navbar-brand">
{{- if $navbarLogo}}
<a class="navbar-item" href="{{ $navbarLogo.link }}">
<img src="{{ printf "images/%s" $navbarLogo.image | relURL }}" alt="" width="{{ $navbarLogoWidth }}" height="{{ $navbarLogoHeight }}">
</a>
{{- end}}
{{- if $sidebarVisible }}
<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>
{{- end }}
<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">
{{- if $sidebarVisible }}
<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>
{{- end }}
<div class="navbar-end">
{{- range $navbar }}
{{- if .sublinks }}
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">
{{ .title }}
</a>
<div class="navbar-dropdown">
{{- range .sublinks }}
<a href="{{ .url }}" class="navbar-item">
{{ .title }}
</a>
{{- end }}
</div>
</div>
{{- else if .button }}
<a href="{{ .url }}" class="navbar-item">
<span class="button signup-button rounded secondary-btn raised">
{{ .title }}
</span>
</a>
{{- else }}
<a href="{{ .url }}" class="navbar-item is-secondary">
{{ .title }}
</a>
{{- end }}
{{- end }}
</div>
</div>
</div>
</nav>
================================================
FILE: layouts/partials/section1.html
================================================
{{- $section1 := .Site.Params.section1 }}
{{- $title := index $section1 "title" }}
{{- $subtitle := index $section1 "subtitle" }}
{{- $tiles := index $section1 "tiles" }}
<section class="section section-feature-grey is-medium" id="section1">
<div class="container">
<div class="title-wrapper has-text-centered">
<h2 class="title is-2">{{ $title }}</h2>
<h3 class="subtitle is-5 is-muted">{{ $subtitle }}</h3>
<div class="divider is-centered"></div>
</div>
<div class="content-wrapper">
<div class="columns">
{{- range $tiles }}
<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>{{ .title }}</h4>
</div>
<div class="card-icon">
<img src="{{ printf "images/illustrations/icons/%s.svg" .icon | relURL }}">
</div>
<div class="card-text">
<p>{{ .text }}</p>
</div>
<div class="card-action">
<a href="{{ .url }}" class="button btn-align-md accent-btn raised">{{ .buttonText }}</a>
</div>
</div>
</div>
{{- end }}
</div>
</div>
</div>
</section>
================================================
FILE: layouts/partials/section2.html
================================================
{{- $section2 := .Site.Params.section2 }}
{{- $title := index $section2 "title" }}
{{- $subtitle := index $section2 "subtitle" }}
{{- $features := index $section2 "features" }}
<section class="section is-medium" id="section2">
<div class="container">
<div class="columns">
<div class="column is-centered-tablet-portrait">
<h1 class="title section-title">{{ $title }}</h1>
<h3 class="subtitle is-5 is-muted">{{ $subtitle }}</h3>
<div class="divider"></div>
</div>
<div class="column is-7 mt-60">
{{- range $features }}
<article class="media icon-box">
<figure class="media-left">
<p class="image">
<img src="{{ printf "images/illustrations/icons/%s.svg" .icon | relURL }}">
</p>
</figure>
<div class="media-content mt-50">
<div class="content">
<p>
<span class="icon-box-title">{{ .title }}</span>
<span class="icon-box-text">{{ .text | markdownify }}</span>
</p>
</div>
</div>
</article>
{{- end }}
</div>
</div>
</div>
</section>
================================================
FILE: layouts/partials/section3.html
================================================
{{- $section3 := .Site.Params.section3 }}
{{- $title := index $section3 "title" }}
{{- $subtitle := index $section3 "subtitle" }}
{{- $image := index $section3 "image" }}
{{- $buttonText := index $section3 "buttontext" }}
{{- $buttonLink := index $section3 "buttonlink" }}
<section class="section section-feature-grey is-medium" id="section3">
<div class="container">
<div class="columns">
<div class="column is-10 is-offset-1">
<div class="has-text-centered">
<img class="pushed-image" src="{{ printf "images/%s" $image | relURL }}">
</div>
</div>
</div>
<div class="title-wrapper has-text-centered">
<h2 class="title is-2">{{ $title }}</h2>
<h3 class="subtitle is-5 is-muted">{{ $subtitle }}</h3>
</div>
<p class="has-text-centered mt-20">
<a class="button cta is-large rounded secondary-btn raised" href="{{ $buttonLink }}">
{{ $buttonText }}
</a>
</p>
</div>
</section>
================================================
FILE: layouts/partials/section4.html
================================================
{{- $section4 := .Site.Params.section4 }}
{{- $title := index $section4 "title" }}
{{- $subtitle := index $section4 "subtitle" }}
{{- $clients := index $section4 "clients" }}
<section class="section is-medium section-secondary" id="section4">
<div class="container">
<div class="title-wrapper has-text-centered">
<h2 class="title is-2 light-text is-spaced">{{ $title }}</h2>
{{- with $subtitle }}
<h3 class="subtitle is-5 light-text">{{ . }}</h3>
{{- end }}
</div>
<div class="content-wrapper">
<div class="columns is-vcentered">
{{- range $clients }}
<div class="column is-4">
<figure class="testimonial">
<blockquote>
{{ .quote }}
</blockquote>
<div class="author">
<img src="{{ printf "images/illustrations/faces/%s.png" (string .img) | relURL }}" alt=""/>
<h5>{{ .name }}</h5>
<span>{{ .job }}</span>
</div>
</figure>
</div>
{{- end }}
</div>
</div>
</div>
</section>
================================================
FILE: layouts/partials/section5.html
================================================
{{- $section5 := .Site.Params.section5 }}
{{- if eq $section5 true }}
{{- $section5 = dict "_" "_" }}
{{- end }}
{{- $title := index $section5 "title" | default "Drop us a line or two "}}
{{- $subtitle := index $section5 "subtitle" | default "We'd love to hear from you" }}
{{- $action := index $section5 "action" }}
{{- $method := index $section5 "method" }}
{{- $buttonText := index $section5 "buttontext" | default "Send Message" }}
<section class="section section-light-grey is-medium" id="section5">
<div class="container">
<div class="title-wrapper has-text-centered">
<h2 class="title is-2 is-spaced">{{ $title }}</h2>
<h3 class="subtitle is-5 is-muted">{{ $subtitle }}</h3>
<div class="divider is-centered"></div>
</div>
<div class="content-wrapper">
<div class="columns">
<div class="column is-6 is-offset-3">
<form{{ with $action }} action="{{ . }}"{{end}}{{ with $method }} method="{{ . }}"{{end}}>
<div class="columns is-multiline">
<div class="column is-6">
<input class="input is-medium" name="name" type="text" placeholder="Enter your name" required>
</div>
<div class="column is-6">
<input class="input is-medium" name="email" type="email" placeholder="Enter your email address" required>
</div>
<div class="column is-12">
<textarea class="textarea" name="message" rows="10" placeholder="Write something..." required></textarea>
</div>
<div class="form-footer has-text-centered mt-10">
<button class="button cta is-large primary-btn raised is-clear">{{ $buttonText }}</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
================================================
FILE: layouts/partials/sidebar.html
================================================
{{- $sidebar := .Site.Params.sidebar }}
{{- $logo := index $sidebar "logo" }}
{{- $sections := index $sidebar "sections" }}
<div class="sidebar">
<div class="sidebar-header">
<img src="{{ printf "images/logos/%s.svg" $logo | relURL }}">
<a class="sidebar-close" href="javascript:void(0);">
<i data-feather="x"></i>
</a>
</div>
<div class="inner">
<ul class="sidebar-menu">
{{- range $sections }}
<li class="have-children">
<a href="#">
<span class="fa fa-{{ .icon }}"></span>
{{ .title }}
</a>
<ul>
{{- range .links }}
<li>
<a href="{{ .url }}">
{{ .text }}
</a>
</li>
{{- end }}
</ul>
</li>
{{- end }}
</ul>
</div>
</div>
================================================
FILE: layouts/partials/single/content.html
================================================
<section class="section is-medium">
<div class="container">
<div class="columns">
<div class="column is-centered-tablet-portrait">
<h1 class="title section-title">{{ .Title }}</h1>
<h5 class="subtitle is-5 is-muted">{{ .Params.Subtitle }}</h5>
<div class="divider"></div>
</div>
</div>
<div class="content">
{{ .Content }}
</div>
</div>
</section>
================================================
FILE: layouts/partials/single/sidebar.html
================================================
{{- $logo := .Params.sidebarlogo }}
<div class="sidebar">
<div class="sidebar-header">
<img src="{{ printf "images/logos/%s.svg" $logo | relURL }}">
<a class="sidebar-close" href="javascript:void(0);">
<i data-feather="x"></i>
</a>
</div>
<div class="inner">
<ul class="sidebar-menu">
{{ range where .Site.RegularPages "Section" (strings.TrimSuffix "/" .File.Dir) }}
<li>
<a href="{{ .Permalink }}">
{{ .Title }}
</a>
</li>
{{ end }}
</ul>
</div>
</div>
================================================
FILE: layouts/partials/single/single.html
================================================
{{ partial "navbar.html" . }}
{{ partial "navbar-clone.html" . }}
{{ partial "single/content.html" . }}
================================================
FILE: layouts/shortcodes/subtitle1.html
================================================
<h1 class="subtitle is-1">{{ .Get 0 }}</h1>
================================================
FILE: layouts/shortcodes/subtitle2.html
================================================
<h2 class="subtitle is-2">{{ .Get 0 }}</h2>
================================================
FILE: layouts/shortcodes/subtitle3.html
================================================
<h3 class="subtitle is-3">{{ .Get 0 }}</h3>
================================================
FILE: layouts/shortcodes/subtitle4.html
================================================
<h4 class="subtitle is-4">{{ .Get 0 }}</h4>
================================================
FILE: layouts/shortcodes/subtitle5.html
================================================
<h5 class="subtitle is-5">{{ .Get 0 }}</h5>
================================================
FILE: layouts/shortcodes/subtitle6.html
================================================
<h6 class="subtitle is-6">{{ .Get 0 }}</h6>
================================================
FILE: layouts/shortcodes/title1.html
================================================
<h1 class="title is-1">{{ .Get 0 }}</h1>
================================================
FILE: layouts/shortcodes/title2.html
================================================
<h2 class="title is-2">{{ .Get 0 }}</h2>
================================================
FILE: layouts/shortcodes/title3.html
================================================
<h3 class="title is-3">{{ .Get 0 }}</h3>
================================================
FILE: layouts/shortcodes/title4.html
================================================
<h4 class="title is-4">{{ .Get 0 }}</h4>
================================================
FILE: layouts/shortcodes/title5.html
================================================
<h5 class="title is-5">{{ .Get 0 }}</h5>
================================================
FILE: layouts/shortcodes/title6.html
================================================
<h6 class="title is-6">{{ .Get 0 }}</h6>
================================================
FILE: resources/_gen/assets/sass/style.sass_0cd3d355ec95bf1703b17a06ee0ef826.content
================================================
/*!bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma*/.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis,.file-cta,.file-name,.select select,.textarea,.input,.button{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:4px;box-shadow:none;display:inline-flex;font-size:1rem;height:2.5em;justify-content:flex-start;line-height:1.5;padding-bottom:calc(.5em - 1px);padding-left:calc(.75em - 1px);padding-right:calc(.75em - 1px);padding-top:calc(.5em - 1px);position:relative;vertical-align:top}.pagination-previous:focus,.pagination-next:focus,.pagination-link:focus,.pagination-ellipsis:focus,.file-cta:focus,.file-name:focus,.select select:focus,.textarea:focus,.input:focus,.button:focus,.is-focused.pagination-previous,.is-focused.pagination-next,.is-focused.pagination-link,.is-focused.pagination-ellipsis,.is-focused.file-cta,.is-focused.file-name,.select select.is-focused,.is-focused.textarea,.is-focused.input,.is-focused.button,.pagination-previous:active,.pagination-next:active,.pagination-link:active,.pagination-ellipsis:active,.file-cta:active,.file-name:active,.select select:active,.textarea:active,.input:active,.button:active,.is-active.pagination-previous,.is-active.pagination-next,.is-active.pagination-link,.is-active.pagination-ellipsis,.is-active.file-cta,.is-active.file-name,.select select.is-active,.is-active.textarea,.is-active.input,.is-active.button{outline:none}[disabled].pagination-previous,[disabled].pagination-next,[disabled].pagination-link,[disabled].pagination-ellipsis,[disabled].file-cta,[disabled].file-name,.select select[disabled],[disabled].textarea,[disabled].input,[disabled].button,fieldset[disabled] .pagination-previous,fieldset[disabled] .pagination-next,fieldset[disabled] .pagination-link,fieldset[disabled] .pagination-ellipsis,fieldset[disabled] .file-cta,fieldset[disabled] .file-name,fieldset[disabled] .select select,.select fieldset[disabled] select,fieldset[disabled] .textarea,fieldset[disabled] .input,fieldset[disabled] .button{cursor:not-allowed}.is-unselectable,.tabs,.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis,.breadcrumb,.file,.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navbar-link:not(.is-arrowless)::after,.select:not(.is-multiple):not(.is-loading)::after{border:3px solid transparent;border-radius:2px;border-right:0;border-top:0;content:" ";display:block;height:.625em;margin-top:-.4375em;pointer-events:none;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:center;width:.625em}.tabs:not(:last-child),.pagination:not(:last-child),.message:not(:last-child),.level:not(:last-child),.breadcrumb:not(:last-child),.block:not(:last-child),.title:not(:last-child),.subtitle:not(:last-child),.table-container:not(:last-child),.table:not(:last-child),.progress:not(:last-child),.notification:not(:last-child),.content:not(:last-child),.box:not(:last-child){margin-bottom:1.5rem}.modal-close,.delete{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(10,10,10,.2);border:none;border-radius:9999px;cursor:pointer;pointer-events:auto;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}.modal-close::before,.delete::before,.modal-close::after,.delete::after{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%)translateY(-50%)rotate(45deg);transform-origin:center center}.modal-close::before,.delete::before{height:2px;width:50%}.modal-close::after,.delete::after{height:50%;width:2px}.modal-close:hover,.delete:hover,.modal-close:focus,.delete:focus{background-color:rgba(10,10,10,.3)}.modal-close:active,.delete:active{background-color:rgba(10,10,10,.4)}.is-small.modal-close,.is-small.delete{height:16px;max-height:16px;max-width:16px;min-height:16px;min-width:16px;width:16px}.is-medium.modal-close,.is-medium.delete{height:24px;max-height:24px;max-width:24px;min-height:24px;min-width:24px;width:24px}.is-large.modal-close,.is-large.delete{height:32px;max-height:32px;max-width:32px;min-height:32px;min-width:32px;width:32px}.control.is-loading::after,.select.is-loading::after,.loader,.button.is-loading::after{animation:spinAround 500ms infinite linear;border:2px solid #dbdbdb;border-radius:9999px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1em;position:relative;width:1em}.hero-video,.is-overlay,.modal-background,.modal,.image.is-square img,.image.is-square .has-ratio,.image.is-1by1 img,.image.is-1by1 .has-ratio,.image.is-5by4 img,.image.is-5by4 .has-ratio,.image.is-4by3 img,.image.is-4by3 .has-ratio,.image.is-3by2 img,.image.is-3by2 .has-ratio,.image.is-5by3 img,.image.is-5by3 .has-ratio,.image.is-16by9 img,.image.is-16by9 .has-ratio,.image.is-2by1 img,.image.is-2by1 .has-ratio,.image.is-3by1 img,.image.is-3by1 .has-ratio,.image.is-4by5 img,.image.is-4by5 .has-ratio,.image.is-3by4 img,.image.is-3by4 .has-ratio,.image.is-2by3 img,.image.is-2by3 .has-ratio,.image.is-3by5 img,.image.is-3by5 .has-ratio,.image.is-9by16 img,.image.is-9by16 .has-ratio,.image.is-1by2 img,.image.is-1by2 .has-ratio,.image.is-1by3 img,.image.is-1by3 .has-ratio{bottom:0;left:0;position:absolute;right:0;top:0}.navbar-burger{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:0 0;border:none;color:currentColor;font-family:inherit;font-size:1em;margin:0;padding:0}/*!minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css*/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}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:inherit}html{background-color:#fff;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;text-size-adjust:100%}article,aside,figure,footer,header,hgroup,section{display:block}body,button,input,optgroup,select,textarea{font-family:BlinkMacSystemFont,-apple-system,segoe ui,roboto,oxygen,ubuntu,cantarell,fira sans,droid sans,helvetica neue,helvetica,arial,sans-serif}code,pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto;font-family:monospace}body{color:#4a4a4a;font-size:1em;font-weight:400;line-height:1.5}a{color:#485fc7;cursor:pointer;text-decoration:none}a strong{color:currentColor}a:hover{color:#363636}code{background-color:#f5f5f5;color:#da1039;font-size:.875em;font-weight:400;padding:.25em .5em}hr{background-color:#f5f5f5;border:none;display:block;height:2px;margin:1.5rem 0}img{height:auto;max-width:100%}input[type=checkbox],input[type=radio]{vertical-align:baseline}small{font-size:.875em}span{font-style:inherit;font-weight:inherit}strong{color:#363636;font-weight:700}fieldset{border:none}pre{-webkit-overflow-scrolling:touch;background-color:#f5f5f5;color:#4a4a4a;font-size:.875em;overflow-x:auto;padding:1.25rem 1.5rem;white-space:pre;word-wrap:normal}pre code{background-color:transparent;color:currentColor;font-size:1em;padding:0}table td,table th{vertical-align:top}table td:not([align]),table th:not([align]){text-align:inherit}table th{color:#363636}@keyframes spinAround{from{transform:rotate(0)}to{transform:rotate(359deg)}}.box{background-color:#fff;border-radius:6px;box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,2%);color:#4a4a4a;display:block;padding:1.25rem}a.box:hover,a.box:focus{box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px #485fc7}a.box:active{box-shadow:inset 0 1px 2px rgba(10,10,10,.2),0 0 0 1px #485fc7}.button{background-color:#fff;border-color:#dbdbdb;border-width:1px;color:#363636;cursor:pointer;justify-content:center;padding-bottom:calc(.5em - 1px);padding-left:1em;padding-right:1em;padding-top:calc(.5em - 1px);text-align:center;white-space:nowrap}.button strong{color:inherit}.button .icon,.button .icon.is-small,.button .icon.is-medium,.button .icon.is-large{height:1.5em;width:1.5em}.button .icon:first-child:not(:last-child){margin-left:calc(-.5em - 1px);margin-right:.25em}.button .icon:last-child:not(:first-child){margin-left:.25em;margin-right:calc(-.5em - 1px)}.button .icon:first-child:last-child{margin-left:calc(-.5em - 1px);margin-right:calc(-.5em - 1px)}.button:hover,.button.is-hovered{border-color:#b5b5b5;color:#363636}.button:focus,.button.is-focused{border-color:#485fc7;color:#363636}.button:focus:not(:active),.button.is-focused:not(:active){box-shadow:0 0 0 .125em rgba(72,95,199,.25)}.button:active,.button.is-active{border-color:#4a4a4a;color:#363636}.button.is-text{background-color:transparent;border-color:transparent;color:#4a4a4a;text-decoration:underline}.button.is-text:hover,.button.is-text.is-hovered,.button.is-text:focus,.button.is-text.is-focused{background-color:#f5f5f5;color:#363636}.button.is-text:active,.button.is-text.is-active{background-color:#e8e8e8;color:#363636}.button.is-text[disabled],fieldset[disabled] .button.is-text{background-color:transparent;border-color:transparent;box-shadow:none}.button.is-ghost{background:0 0;border-color:transparent;color:#485fc7;text-decoration:none}.button.is-ghost:hover,.button.is-ghost.is-hovered{color:#485fc7;text-decoration:underline}.button.is-white{background-color:#fff;border-color:transparent;color:#0a0a0a}.button.is-white:hover,.button.is-white.is-hovered{background-color:#f9f9f9;border-color:transparent;color:#0a0a0a}.button.is-white:focus,.button.is-white.is-focused{border-color:transparent;color:#0a0a0a}.button.is-white:focus:not(:active),.button.is-white.is-focused:not(:active){box-shadow:0 0 0 .125em rgba(255,255,255,.25)}.button.is-white:active,.button.is-white.is-active{background-color:#f2f2f2;border-color:transparent;color:#0a0a0a}.button.is-white[disabled],fieldset[disabled] .button.is-white{background-color:#fff;border-color:#fff;box-shadow:none}.button.is-white.is-inverted{background-color:#0a0a0a;color:#fff}.button.is-white.is-inverted:hover,.button.is-white.is-inverted.is-hovered{background-color:#000}.button.is-white.is-inverted[disabled],fieldset[disabled] .button.is-white.is-inverted{background-color:#0a0a0a;border-color:transparent;box-shadow:none;color:#fff}.button.is-white.is-loading::after{border-color:transparent transparent #0a0a0a #0a0a0a!important}.button.is-white.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-white.is-outlined:hover,.button.is-white.is-outlined.is-hovered,.button.is-white.is-outlined:focus,.button.is-white.is-outlined.is-focused{background-color:#fff;border-color:#fff;color:#0a0a0a}.button.is-white.is-outlined.is-loading::after{border-color:transparent transparent #fff #fff!important}.button.is-white.is-outlined.is-loading:hover::after,.button.is-white.is-outlined.is-loading.is-hovered::after,.button.is-white.is-outlined.is-loading:focus::after,.button.is-white.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #0a0a0a #0a0a0a!important}.button.is-white.is-outlined[disabled],fieldset[disabled] .button.is-white.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-white.is-inverted.is-outlined{background-color:transparent;border-color:#0a0a0a;color:#0a0a0a}.button.is-white.is-inverted.is-outlined:hover,.button.is-white.is-inverted.is-outlined.is-hovered,.button.is-white.is-inverted.is-outlined:focus,.button.is-white.is-inverted.is-outlined.is-focused{background-color:#0a0a0a;color:#fff}.button.is-white.is-inverted.is-outlined.is-loading:hover::after,.button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-white.is-inverted.is-outlined.is-loading:focus::after,.button.is-white.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff!important}.button.is-white.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-white.is-inverted.is-outlined{background-color:transparent;border-color:#0a0a0a;box-shadow:none;color:#0a0a0a}.button.is-black{background-color:#0a0a0a;border-color:transparent;color:#fff}.button.is-black:hover,.button.is-black.is-hovered{background-color:#040404;border-color:transparent;color:#fff}.button.is-black:focus,.button.is-black.is-focused{border-color:transparent;color:#fff}.button.is-black:focus:not(:active),.button.is-black.is-focused:not(:active){box-shadow:0 0 0 .125em rgba(10,10,10,.25)}.button.is-black:active,.button.is-black.is-active{background-color:#000;border-color:transparent;color:#fff}.button.is-black[disabled],fieldset[disabled] .button.is-black{background-color:#0a0a0a;border-color:#0a0a0a;box-shadow:none}.button.is-black.is-inverted{background-color:#fff;color:#0a0a0a}.button.is-black.is-inverted:hover,.button.is-black.is-inverted.is-hovered{background-color:#f2f2f2}.button.is-black.is-inverted[disabled],fieldset[disabled] .button.is-black.is-inverted{background-color:#fff;border-color:transparent;box-shadow:none;color:#0a0a0a}.button.is-black.is-loading::after{border-color:transparent transparent #fff #fff!important}.button.is-black.is-outlined{background-color:transparent;border-color:#0a0a0a;color:#0a0a0a}.button.is-black.is-outlined:hover,.button.is-black.is-outlined.is-hovered,.button.is-black.is-outlined:focus,.button.is-black.is-outlined.is-focused{background-color:#0a0a0a;border-color:#0a0a0a;color:#fff}.button.is-black.is-outlined.is-loading::after{border-color:transparent transparent #0a0a0a #0a0a0a!important}.button.is-black.is-outlined.is-loading:hover::after,.button.is-black.is-outlined.is-loading.is-hovered::after,.button.is-black.is-outlined.is-loading:focus::after,.button.is-black.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff!important}.button.is-black.is-outlined[disabled],fieldset[disabled] .button.is-black.is-outlined{background-color:transparent;border-color:#0a0a0a;box-shadow:none;color:#0a0a0a}.button.is-black.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-black.is-inverted.is-outlined:hover,.button.is-black.is-inverted.is-outlined.is-hovered,.button.is-black.is-inverted.is-outlined:focus,.button.is-black.is-inverted.is-outlined.is-focused{background-color:#fff;color:#0a0a0a}.button.is-black.is-inverted.is-outlined.is-loading:hover::after,.button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-black.is-inverted.is-outlined.is-loading:focus::after,.button.is-black.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #0a0a0a #0a0a0a!important}.button.is-black.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-black.is-inverted.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-light{background-color:#f5f5f5;border-color:transparent;color:rgba(0,0,0,.7)}.button.is-light:hover,.button.is-light.is-hovered{background-color:#eee;border-color:transparent;color:rgba(0,0,0,.7)}.button.is-light:focus,.button.is-light.is-focused{border-color:transparent;color:rgba(0,0,0,.7)}.button.is-light:focus:not(:active),.button.is-light.is-focused:not(:active){box-shadow:0 0 0 .125em rgba(245,245,245,.25)}.button.is-light:active,.button.is-light.is-active{background-color:#e8e8e8;border-color:transparent;color:rgba(0,0,0,.7)}.button.is-light[disabled],fieldset[disabled] .button.is-light{background-color:#f5f5f5;border-color:#f5f5f5;box-shadow:none}.button.is-light.is-inverted{background-color:rgba(0,0,0,.7);color:#f5f5f5}.button.is-light.is-inverted:hover,.button.is-light.is-inverted.is-hovered{background-color:rgba(0,0,0,.7)}.button.is-light.is-inverted[disabled],fieldset[disabled] .button.is-light.is-inverted{background-color:rgba(0,0,0,.7);border-color:transparent;box-shadow:none;color:#f5f5f5}.button.is-light.is-loading::after{border-color:transparent transparent rgba(0,0,0,.7)rgba(0,0,0,.7)!important}.button.is-light.is-outlined{background-color:transparent;border-color:#f5f5f5;color:#f5f5f5}.button.is-light.is-outlined:hover,.button.is-light.is-outlined.is-hovered,.button.is-light.is-outlined:focus,.button.is-light.is-outlined.is-focused{background-color:#f5f5f5;border-color:#f5f5f5;color:rgba(0,0,0,.7)}.button.is-light.is-outlined.is-loading::after{border-color:transparent transparent #f5f5f5 #f5f5f5!important}.button.is-light.is-outlined.is-loading:hover::after,.button.is-light.is-outlined.is-loading.is-hovered::after,.button.is-light.is-outlined.is-loading:focus::after,.button.is-light.is-outlined.is-loading.is-focused::after{border-color:transparent transparent rgba(0,0,0,.7)rgba(0,0,0,.7)!important}.button.is-light.is-outlined[disabled],fieldset[disabled] .button.is-light.is-outlined{background-color:transparent;border-color:#f5f5f5;box-shadow:none;color:#f5f5f5}.button.is-light.is-inverted.is-outlined{background-color:transparent;border-color:rgba(0,0,0,.7);color:rgba(0,0,0,.7)}.button.is-light.is-inverted.is-outlined:hover,.button.is-light.is-inverted.is-outlined.is-hovered,.button.is-light.is-inverted.is-outlined:focus,.button.is-light.is-inverted.is-outlined.is-focused{background-color:rgba(0,0,0,.7);color:#f5f5f5}.button.is-light.is-inverted.is-outlined.is-loading:hover::after,.button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-light.is-inverted.is-outlined.is-loading:focus::after,.button.is-light.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #f5f5f5 #f5f5f5!important}.button.is-light.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-light.is-inverted.is-outlined{background-color:transparent;border-color:rgba(0,0,0,.7);box-shadow:none;color:rgba(0,0,0,.7)}.button.is-dark{background-color:#363636;border-color:transparent;color:#fff}.button.is-dark:hover,.button.is-dark.is-hovered{background-color:#2f2f2f;border-color:transparent;color:#fff}.button.is-dark:focus,.button.is-dark.is-focused{border-color:transparent;color:#fff}.button.is-dark:focus:not(:active),.button.is-dark.is-focused:not(:active){box-shadow:0 0 0 .125em rgba(54,54,54,.25)}.button.is-dark:active,.button.is-dark.is-active{background-color:#292929;border-color:transparent;color:#fff}.button.is-dark[disabled],fieldset[disabled] .button.is-dark{background-color:#363636;border-color:#363636;box-shadow:none}.button.is-dark.is-inverted{background-color:#fff;color:#363636}.button.is-dark.is-inverted:hover,.button.is-dark.is-inverted.is-hovered{background-color:#f2f2f2}.button.is-dark.is-inverted[disabled],fieldset[disabled] .button.is-dark.is-inverted{background-color:#fff;border-color:transparent;box-shadow:none;color:#363636}.button.is-dark.is-loading::after{border-color:transparent transparent #fff #fff!important}.button.is-dark.is-outlined{background-color:transparent;border-color:#363636;color:#363636}.button.is-dark.is-outlined:hover,.button.is-dark.is-outlined.is-hovered,.button.is-dark.is-outlined:focus,.button.is-dark.is-outlined.is-focused{background-color:#363636;border-color:#363636;color:#fff}.button.is-dark.is-outlined.is-loading::after{border-color:transparent transparent #363636 #363636!important}.button.is-dark.is-outlined.is-loading:hover::after,.button.is-dark.is-outlined.is-loading.is-hovered::after,.button.is-dark.is-outlined.is-loading:focus::after,.button.is-dark.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff!important}.button.is-dark.is-outlined[disabled],fieldset[disabled] .button.is-dark.is-outlined{background-color:transparent;border-color:#363636;box-shadow:none;color:#363636}.button.is-dark.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-dark.is-inverted.is-outlined:hover,.button.is-dark.is-inverted.is-outlined.is-hovered,.button.is-dark.is-inverted.is-outlined:focus,.button.is-dark.is-inverted.is-outlined.is-focused{background-color:#fff;color:#363636}.button.is-dark.is-inverted.is-outlined.is-loading:hover::after,.button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-dark.is-inverted.is-outlined.is-loading:focus::after,.button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #363636 #363636!important}.button.is-dark.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-dark.is-inverted.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-primary{background-color:#00d1b2;border-color:transparent;color:#fff}.button.is-primary:hover,.button.is-primary.is-hovered{background-color:#00c4a7;border-color:transparent;color:#fff}.button.is-primary:focus,.button.is-primary.is-focused{border-color:transparent;color:#fff}.button.is-primary:focus:not(:active),.button.is-primary.is-focused:not(:active){box-shadow:0 0 0 .125em rgba(0,209,178,.25)}.button.is-primary:active,.button.is-primary.is-active{background-color:#00b89c;border-color:transparent;color:#fff}.button.is-primary[disabled],fieldset[disabled] .button.is-primary{background-color:#00d1b2;border-color:#00d1b2;box-shadow:none}.button.is-primary.is-inverted{background-color:#fff;color:#00d1b2}.button.is-primary.is-inverted:hover,.button.is-primary.is-inverted.is-hovered{background-color:#f2f2f2}.button.is-primary.is-inverted[disabled],fieldset[disabled] .button.is-primary.is-inverted{background-color:#fff;border-color:transparent;box-shadow:none;color:#00d1b2}.button.is-primary.is-loading::after{border-color:transparent transparent #fff #fff!important}.button.is-primary.is-outlined{background-color:transparent;border-color:#00d1b2;color:#00d1b2}.button.is-primary.is-outlined:hover,.button.is-primary.is-outlined.is-hovered,.button.is-primary.is-outlined:focus,.button.is-primary.is-outlined.is-focused{background-color:#00d1b2;border-color:#00d1b2;color:#fff}.button.is-primary.is-outlined.is-loading::after{border-color:transparent transparent #00d1b2 #00d1b2!important}.button.is-primary.is-outlined.is-loading:hover::after,.button.is-primary.is-outlined.is-loading.is-hovered::after,.button.is-primary.is-outlined.is-loading:focus::after,.button.is-primary.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff!important}.button.is-primary.is-outlined[disabled],fieldset[disabled] .button.is-primary.is-outlined{background-color:transparent;border-color:#00d1b2;box-shadow:none;color:#00d1b2}.button.is-primary.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-primary.is-inverted.is-outlined:hover,.button.is-primary.is-inverted.is-outlined.is-hovered,.button.is-primary.is-inverted.is-outlined:focus,.button.is-primary.is-inverted.is-outlined.is-focused{background-color:#fff;color:#00d1b2}.button.is-primary.is-inverted.is-outlined.is-loading:hover::after,.button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-primary.is-inverted.is-outlined.is-loading:focus::after,.button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #00d1b2 #00d1b2!important}.button.is-primary.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-primary.is-inverted.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-primary.is-light{background-color:#ebfffc;color:#00947e}.button.is-primary.is-light:hover,.button.is-primary.is-light.is-hovered{background-color:#defffa;border-color:transparent;color:#00947e}.button.is-primary.is-light:active,.button.is-primary.is-light.is-active{background-color:#d1fff8;border-color:transparent;color:#00947e}.button.is-link{background-color:#485fc7;border-color:transparent;color:#fff}.button.is-link:hover,.button.is-link.is-hovered{background-color:#3e56c4;border-color:transparent;color:#fff}.button.is-link:focus,.button.is-link.is-focused{border-color:transparent;color:#fff}.button.is-link:focus:not(:active),.button.is-link.is-focused:not(:active){box-shadow:0 0 0 .125em rgba(72,95,199,.25)}.button.is-link:active,.button.is-link.is-active{background-color:#3a51bb;border-color:transparent;color:#fff}.button.is-link[disabled],fieldset[disabled] .button.is-link{background-color:#485fc7;border-color:#485fc7;box-shadow:none}.button.is-link.is-inverted{background-color:#fff;color:#485fc7}.button.is-link.is-inverted:hover,.button.is-link.is-inverted.is-hovered{background-color:#f2f2f2}.button.is-link.is-inverted[disabled],fieldset[disabled] .button.is-link.is-inverted{background-color:#fff;border-color:transparent;box-shadow:none;color:#485fc7}.button.is-link.is-loading::after{border-color:transparent transparent #fff #fff!important}.button.is-link.is-outlined{background-color:transparent;border-color:#485fc7;color:#485fc7}.button.is-link.is-outlined:hover,.button.is-link.is-outlined.is-hovered,.button.is-link.is-outlined:focus,.button.is-link.is-outlined.is-focused{background-color:#485fc7;border-color:#485fc7;color:#fff}.button.is-link.is-outlined.is-loading::after{border-color:transparent transparent #485fc7 #485fc7!important}.button.is-link.is-outlined.is-loading:hover::after,.button.is-link.is-outlined.is-loading.is-hovered::after,.button.is-link.is-outlined.is-loading:focus::after,.button.is-link.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff!important}.button.is-link.is-outlined[disabled],fieldset[disabled] .button.is-link.is-outlined{background-color:transparent;border-color:#485fc7;box-shadow:none;color:#485fc7}.button.is-link.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-link.is-inverted.is-outlined:hover,.button.is-link.is-inverted.is-outlined.is-hovered,.button.is-link.is-inverted.is-outlined:focus,.button.is-link.is-inverted.is-outlined.is-focused{background-color:#fff;color:#485fc7}.button.is-link.is-inverted.is-outlined.is-loading:hover::after,.button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-link.is-inverted.is-outlined.is-loading:focus::after,.button.is-link.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #485fc7 #485fc7!important}.button.is-link.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-link.is-inverted.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-link.is-light{background-color:#eff1fa;color:#3850b7}.button.is-link.is-light:hover,.button.is-link.is-light.is-hovered{background-color:#e6e9f7;border-color:transparent;color:#3850b7}.button.is-link.is-light:active,.button.is-link.is-light.is-active{background-color:#dce0f4;border-color:transparent;color:#3850b7}.button.is-info{background-color:#3e8ed0;border-color:transparent;color:#fff}.button.is-info:hover,.button.is-info.is-hovered{background-color:#3488ce;border-color:transparent;color:#fff}.button.is-info:focus,.button.is-info.is-focused{border-color:transparent;color:#fff}.button.is-info:focus:not(:active),.button.is-info.is-focused:not(:active){box-shadow:0 0 0 .125em rgba(62,142,208,.25)}.button.is-info:active,.button.is-info.is-active{background-color:#3082c5;border-color:transparent;color:#fff}.button.is-info[disabled],fieldset[disabled] .button.is-info{background-color:#3e8ed0;border-color:#3e8ed0;box-shadow:none}.button.is-info.is-inverted{background-color:#fff;color:#3e8ed0}.button.is-info.is-inverted:hover,.button.is-info.is-inverted.is-hovered{background-color:#f2f2f2}.button.is-info.is-inverted[disabled],fieldset[disabled] .button.is-info.is-inverted{background-color:#fff;border-color:transparent;box-shadow:none;color:#3e8ed0}.button.is-info.is-loading::after{border-color:transparent transparent #fff #fff!important}.button.is-info.is-outlined{background-color:transparent;border-color:#3e8ed0;color:#3e8ed0}.button.is-info.is-outlined:hover,.button.is-info.is-outlined.is-hovered,.button.is-info.is-outlined:focus,.button.is-info.is-outlined.is-focused{background-color:#3e8ed0;border-color:#3e8ed0;color:#fff}.button.is-info.is-outlined.is-loading::after{border-color:transparent transparent #3e8ed0 #3e8ed0!important}.button.is-info.is-outlined.is-loading:hover::after,.button.is-info.is-outlined.is-loading.is-hovered::after,.button.is-info.is-outlined.is-loading:focus::after,.button.is-info.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff!important}.button.is-info.is-outlined[disabled],fieldset[disabled] .button.is-info.is-outlined{background-color:transparent;border-color:#3e8ed0;box-shadow:none;color:#3e8ed0}.button.is-info.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-info.is-inverted.is-outlined:hover,.button.is-info.is-inverted.is-outlined.is-hovered,.button.is-info.is-inverted.is-outlined:focus,.button.is-info.is-inverted.is-outlined.is-focused{background-color:#fff;color:#3e8ed0}.button.is-info.is-inverted.is-outlined.is-loading:hover::after,.button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-info.is-inverted.is-outlined.is-loading:focus::after,.button.is-info.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #3e8ed0 #3e8ed0!important}.button.is-info.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-info.is-inverted.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-info.is-light{background-color:#eff5fb;color:#296fa8}.button.is-info.is-light:hover,.button.is-info.is-light.is-hovered{background-color:#e4eff9;border-color:transparent;color:#296fa8}.button.is-info.is-light:active,.button.is-info.is-light.is-active{background-color:#dae9f6;border-color:transparent;color:#296fa8}.button.is-success{background-color:#48c78e;border-color:transparent;color:#fff}.button.is-success:hover,.button.is-success.is-hovered{background-color:#3ec487;border-color:transparent;color:#fff}.button.is-success:focus,.button.is-success.is-focused{border-color:transparent;color:#fff}.button.is-success:focus:not(:active),.button.is-success.is-focused:not(:active){box-shadow:0 0 0 .125em rgba(72,199,142,.25)}.button.is-success:active,.button.is-success.is-active{background-color:#3abb81;border-color:transparent;color:#fff}.button.is-success[disabled],fieldset[disabled] .button.is-success{background-color:#48c78e;border-color:#48c78e;box-shadow:none}.button.is-success.is-inverted{background-color:#fff;color:#48c78e}.button.is-success.is-inverted:hover,.button.is-success.is-inverted.is-hovered{background-color:#f2f2f2}.button.is-success.is-inverted[disabled],fieldset[disabled] .button.is-success.is-inverted{background-color:#fff;border-color:transparent;box-shadow:none;color:#48c78e}.button.is-success.is-loading::after{border-color:transparent transparent #fff #fff!important}.button.is-success.is-outlined{background-color:transparent;border-color:#48c78e;color:#48c78e}.button.is-success.is-outlined:hover,.button.is-success.is-outlined.is-hovered,.button.is-success.is-outlined:focus,.button.is-success.is-outlined.is-focused{background-color:#48c78e;border-color:#48c78e;color:#fff}.button.is-success.is-outlined.is-loading::after{border-color:transparent transparent #48c78e #48c78e!important}.button.is-success.is-outlined.is-loading:hover::after,.button.is-success.is-outlined.is-loading.is-hovered::after,.button.is-success.is-outlined.is-loading:focus::after,.button.is-success.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff!important}.button.is-success.is-outlined[disabled],fieldset[disabled] .button.is-success.is-outlined{background-color:transparent;border-color:#48c78e;box-shadow:none;color:#48c78e}.button.is-success.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-success.is-inverted.is-outlined:hover,.button.is-success.is-inverted.is-outlined.is-hovered,.button.is-success.is-inverted.is-outlined:focus,.button.is-success.is-inverted.is-outlined.is-focused{background-color:#fff;color:#48c78e}.button.is-success.is-inverted.is-outlined.is-loading:hover::after,.button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-success.is-inverted.is-outlined.is-loading:focus::after,.button.is-success.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #48c78e #48c78e!important}.button.is-success.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-success.is-inverted.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-success.is-light{background-color:#effaf5;color:#257953}.button.is-success.is-light:hover,.button.is-success.is-light.is-hovered{background-color:#e6f7ef;border-color:transparent;color:#257953}.button.is-success.is-light:active,.button.is-success.is-light.is-active{background-color:#dcf4e9;border-color:transparent;color:#257953}.button.is-warning{background-color:#ffe08a;border-color:transparent;color:rgba(0,0,0,.7)}.button.is-warning:hover,.button.is-warning.is-hovered{background-color:#ffdc7d;border-color:transparent;color:rgba(0,0,0,.7)}.button.is-warning:focus,.button.is-warning.is-focused{border-color:transparent;color:rgba(0,0,0,.7)}.button.is-warning:focus:not(:active),.button.is-warning.is-focused:not(:active){box-shadow:0 0 0 .125em rgba(255,224,138,.25)}.button.is-warning:active,.button.is-warning.is-active{background-color:#ffd970;border-color:transparent;color:rgba(0,0,0,.7)}.button.is-warning[disabled],fieldset[disabled] .button.is-warning{background-color:#ffe08a;border-color:#ffe08a;box-shadow:none}.button.is-warning.is-inverted{background-color:rgba(0,0,0,.7);color:#ffe08a}.button.is-warning.is-inverted:hover,.button.is-warning.is-inverted.is-hovered{background-color:rgba(0,0,0,.7)}.button.is-warning.is-inverted[disabled],fieldset[disabled] .button.is-warning.is-inverted{background-color:rgba(0,0,0,.7);border-color:transparent;box-shadow:none;color:#ffe08a}.button.is-warning.is-loading::after{border-color:transparent transparent rgba(0,0,0,.7)rgba(0,0,0,.7)!important}.button.is-warning.is-outlined{background-color:transparent;border-color:#ffe08a;color:#ffe08a}.button.is-warning.is-outlined:hover,.button.is-warning.is-outlined.is-hovered,.button.is-warning.is-outlined:focus,.button.is-warning.is-outlined.is-focused{background-color:#ffe08a;border-color:#ffe08a;color:rgba(0,0,0,.7)}.button.is-warning.is-outlined.is-loading::after{border-color:transparent transparent #ffe08a #ffe08a!important}.button.is-warning.is-outlined.is-loading:hover::after,.button.is-warning.is-outlined.is-loading.is-hovered::after,.button.is-warning.is-outlined.is-loading:focus::after,.button.is-warning.is-outlined.is-loading.is-focused::after{border-color:transparent transparent rgba(0,0,0,.7)rgba(0,0,0,.7)!important}.button.is-warning.is-outlined[disabled],fieldset[disabled] .button.is-warning.is-outlined{background-color:transparent;border-color:#ffe08a;box-shadow:none;color:#ffe08a}.button.is-warning.is-inverted.is-outlined{background-color:transparent;border-color:rgba(0,0,0,.7);color:rgba(0,0,0,.7)}.button.is-warning.is-inverted.is-outlined:hover,.button.is-warning.is-inverted.is-outlined.is-hovered,.button.is-warning.is-inverted.is-outlined:focus,.button.is-warning.is-inverted.is-outlined.is-focused{background-color:rgba(0,0,0,.7);color:#ffe08a}.button.is-warning.is-inverted.is-outlined.is-loading:hover::after,.button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-warning.is-inverted.is-outlined.is-loading:focus::after,.button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #ffe08a #ffe08a!important}.button.is-warning.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-warning.is-inverted.is-outlined{background-color:transparent;border-color:rgba(0,0,0,.7);box-shadow:none;color:rgba(0,0,0,.7)}.button.is-warning.is-light{background-color:#fffaeb;color:#946c00}.button.is-warning.is-light:hover,.button.is-warning.is-light.is-hovered{background-color:#fff6de;border-color:transparent;color:#946c00}.button.is-warning.is-light:active,.button.is-warning.is-light.is-active{background-color:#fff3d1;border-color:transparent;color:#946c00}.button.is-danger{background-color:#f14668;border-color:transparent;color:#fff}.button.is-danger:hover,.button.is-danger.is-hovered{background-color:#f03a5f;border-color:transparent;color:#fff}.button.is-danger:focus,.button.is-danger.is-focused{border-color:transparent;color:#fff}.button.is-danger:focus:not(:active),.button.is-danger.is-focused:not(:active){box-shadow:0 0 0 .125em rgba(241,70,104,.25)}.button.is-danger:active,.button.is-danger.is-active{background-color:#ef2e55;border-color:transparent;color:#fff}.button.is-danger[disabled],fieldset[disabled] .button.is-danger{background-color:#f14668;border-color:#f14668;box-shadow:none}.button.is-danger.is-inverted{background-color:#fff;color:#f14668}.button.is-danger.is-inverted:hover,.button.is-danger.is-inverted.is-hovered{background-color:#f2f2f2}.button.is-danger.is-inverted[disabled],fieldset[disabled] .button.is-danger.is-inverted{background-color:#fff;border-color:transparent;box-shadow:none;color:#f14668}.button.is-danger.is-loading::after{border-color:transparent transparent #fff #fff!important}.button.is-danger.is-outlined{background-color:transparent;border-color:#f14668;color:#f14668}.button.is-danger.is-outlined:hover,.button.is-danger.is-outlined.is-hovered,.button.is-danger.is-outlined:focus,.button.is-danger.is-outlined.is-focused{background-color:#f14668;border-color:#f14668;color:#fff}.button.is-danger.is-outlined.is-loading::after{border-color:transparent transparent #f14668 #f14668!important}.button.is-danger.is-outlined.is-loading:hover::after,.button.is-danger.is-outlined.is-loading.is-hovered::after,.button.is-danger.is-outlined.is-loading:focus::after,.button.is-danger.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff!important}.button.is-danger.is-outlined[disabled],fieldset[disabled] .button.is-danger.is-outlined{background-color:transparent;border-color:#f14668;box-shadow:none;color:#f14668}.button.is-danger.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-danger.is-inverted.is-outlined:hover,.button.is-danger.is-inverted.is-outlined.is-hovered,.button.is-danger.is-inverted.is-outlined:focus,.button.is-danger.is-inverted.is-outlined.is-focused{background-color:#fff;color:#f14668}.button.is-danger.is-inverted.is-outlined.is-loading:hover::after,.button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-danger.is-inverted.is-outlined.is-loading:focus::after,.button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #f14668 #f14668!important}.button.is-danger.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-danger.is-inverted.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-danger.is-light{background-color:#feecf0;color:#cc0f35}.button.is-danger.is-light:hover,.button.is-danger.is-light.is-hovered{background-color:#fde0e6;border-color:transparent;color:#cc0f35}.button.is-danger.is-light:active,.button.is-danger.is-light.is-active{background-color:#fcd4dc;border-color:transparent;color:#cc0f35}.button.is-small{font-size:.75rem}.button.is-small:not(.is-rounded){border-radius:2px}.button.is-normal{font-size:1rem}.button.is-medium{font-size:1.25rem}.button.is-large{font-size:1.5rem}.button[disabled],fieldset[disabled] .button{background-color:#fff;border-color:#dbdbdb;box-shadow:none;opacity:.5}.button.is-fullwidth{display:flex;width:100%}.button.is-loading{color:transparent!important;pointer-events:none}.button.is-loading::after{position:absolute;left:calc(50% - (1em * .5));top:calc(50% - (1em * .5));position:absolute!important}.button.is-static{background-color:#f5f5f5;border-color:#dbdbdb;color:#7a7a7a;box-shadow:none;pointer-events:none}.button.is-rounded{border-radius:9999px;padding-left:calc(1em + .25em);padding-right:calc(1em + .25em)}.buttons{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start}.buttons .button{margin-bottom:.5rem}.buttons .button:not(:last-child):not(.is-fullwidth){margin-right:.5rem}.buttons:last-child{margin-bottom:-.5rem}.buttons:not(:last-child){margin-bottom:1rem}.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large){font-size:.75rem}.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded){border-radius:2px}.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large){font-size:1.25rem}.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium){font-size:1.5rem}.buttons.has-addons .button:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.buttons.has-addons .button:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0;margin-right:-1px}.buttons.has-addons .button:last-child{margin-right:0}.buttons.has-addons .button:hover,.buttons.has-addons .button.is-hovered{z-index:2}.buttons.has-addons .button:focus,.buttons.has-addons .button.is-focused,.buttons.has-addons .button:active,.buttons.has-addons .button.is-active,.buttons.has-addons .button.is-selected{z-index:3}.buttons.has-addons .button:focus:hover,.buttons.has-addons .button.is-focused:hover,.buttons.has-addons .button:active:hover,.buttons.has-addons .button.is-active:hover,.buttons.has-addons .button.is-selected:hover{z-index:4}.buttons.has-addons .button.is-expanded{flex-grow:1;flex-shrink:1}.buttons.is-centered{justify-content:center}.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth){margin-left:.25rem;margin-right:.25rem}.buttons.is-right{justify-content:flex-end}.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth){margin-left:.25rem;margin-right:.25rem}@media screen and (max-width:768px){.button.is-responsive.is-small{font-size:.5625rem}.button.is-responsive,.button.is-responsive.is-normal{font-size:.65625rem}.button.is-responsive.is-medium{font-size:.75rem}.button.is-responsive.is-large{font-size:1rem}}@media screen and (min-width:769px) and (max-width:1023px){.button.is-responsive.is-small{font-size:.65625rem}.button.is-responsive,.button.is-responsive.is-normal{font-size:.75rem}.button.is-responsive.is-medium{font-size:1rem}.button.is-responsive.is-large{font-size:1.25rem}}.container{flex-grow:1;margin:0 auto;position:relative;width:auto}.container.is-fluid{max-width:none!important;padding-left:32px;padding-right:32px;width:100%}@media screen and (min-width:1024px){.container{max-width:960px}}@media screen and (max-width:1215px){.container.is-widescreen:not(.is-max-desktop){max-width:1152px}}@media screen and (max-width:1407px){.container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen){max-width:1344px}}@media screen and (min-width:1216px){.container:not(.is-max-desktop){max-width:1152px}}@media screen and (min-width:1408px){.container:not(.is-max-desktop):not(.is-max-widescreen){max-width:1344px}}.content li+li{margin-top:.25em}.content p:not(:last-child),.content dl:not(:last-child),.content ol:not(:last-child),.content ul:not(:last-child),.content blockquote:not(:last-child),.content pre:not(:last-child),.content table:not(:last-child){margin-bottom:1em}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{color:#363636;font-weight:600;line-height:1.125}.content h1{font-size:2em;margin-bottom:.5em}.content h1:not(:first-child){margin-top:1em}.content h2{font-size:1.75em;margin-bottom:.5714em}.content h2:not(:first-child){margin-top:1.1428em}.content h3{font-size:1.5em;margin-bottom:.6666em}.content h3:not(:first-child){margin-top:1.3333em}.content h4{font-size:1.25em;margin-bottom:.8em}.content h5{font-size:1.125em;margin-bottom:.8888em}.content h6{font-size:1em;margin-bottom:1em}.content blockquote{background-color:#f5f5f5;border-left:5px solid #dbdbdb;padding:1.25em 1.5em}.content ol{list-style-position:outside;margin-left:2em;margin-top:1em}.content ol:not([type]){list-style-type:decimal}.content ol:not([type]).is-lower-alpha{list-style-type:lower-alpha}.content ol:not([type]).is-lower-roman{list-style-type:lower-roman}.content ol:not([type]).is-upper-alpha{list-style-type:upper-alpha}.content ol:not([type]).is-upper-roman{list-style-type:upper-roman}.content ul{list-style:disc outside;margin-left:2em;margin-top:1em}.content ul ul{list-style-type:circle;margin-top:.5em}.content ul ul ul{list-style-type:square}.content dd{margin-left:2em}.content figure{margin-left:2em;margin-right:2em;text-align:center}.content figure:not(:first-child){margin-top:2em}.content figure:not(:last-child){margin-bottom:2em}.content figure img{display:inline-block}.content figure figcaption{font-style:italic}.content pre{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1.25em 1.5em;white-space:pre;word-wrap:normal}.content sup,.content sub{font-size:75%}.content table{width:100%}.content table td,.content table th{border:1px solid #dbdbdb;border-width:0 0 1px;padding:.5em .75em;vertical-align:top}.content table th{color:#363636}.content table th:not([align]){text-align:inherit}.content table thead td,.content table thead th{border-width:0 0 2px;color:#363636}.content table tfoot td,.content table tfoot th{border-width:2px 0 0;color:#363636}.content table tbody tr:last-child td,.content table tbody tr:last-child th{border-bottom-width:0}.content .tabs li+li{margin-top:0}.content.is-small{font-size:.75rem}.content.is-normal{font-size:1rem}.content.is-medium{font-size:1.25rem}.content.is-large{font-size:1.5rem}.icon{align-items:center;display:inline-flex;justify-content:center;height:1.5rem;width:1.5rem}.icon.is-small{height:1rem;width:1rem}.icon.is-medium{height:2rem;width:2rem}.icon.is-large{height:3rem;width:3rem}.icon-text{align-items:flex-start;color:inherit;display:inline-flex;flex-wrap:wrap;line-height:1.5rem;vertical-align:top}.icon-text .icon{flex-grow:0;flex-shrink:0}.icon-text .icon:not(:last-child){margin-right:.25em}.icon-text .icon:not(:first-child){margin-left:.25em}div.icon-text{display:flex}.image{display:block;position:relative}.image img{display:block;height:auto;width:100%}.image img.is-rounded{border-radius:9999px}.image.is-fullwidth{width:100%}.image.is-square img,.image.is-square .has-ratio,.image.is-1by1 img,.image.is-1by1 .has-ratio,.image.is-5by4 img,.image.is-5by4 .has-ratio,.image.is-4by3 img,.image.is-4by3 .has-ratio,.image.is-3by2 img,.image.is-3by2 .has-ratio,.image.is-5by3 img,.image.is-5by3 .has-ratio,.image.is-16by9 img,.image.is-16by9 .has-ratio,.image.is-2by1 img,.image.is-2by1 .has-ratio,.image.is-3by1 img,.image.is-3by1 .has-ratio,.image.is-4by5 img,.image.is-4by5 .has-ratio,.image.is-3by4 img,.image.is-3by4 .has-ratio,.image.is-2by3 img,.image.is-2by3 .has-ratio,.image.is-3by5 img,.image.is-3by5 .has-ratio,.image.is-9by16 img,.image.is-9by16 .has-ratio,.image.is-1by2 img,.image.is-1by2 .has-ratio,.image.is-1by3 img,.image.is-1by3 .has-ratio{height:100%;width:100%}.image.is-square,.image.is-1by1{padding-top:100%}.image.is-5by4{padding-top:80%}.image.is-4by3{padding-top:75%}.image.is-3by2{padding-top:66.6666%}.image.is-5by3{padding-top:60%}.image.is-16by9{padding-top:56.25%}.image.is-2by1{padding-top:50%}.image.is-3by1{padding-top:33.3333%}.image.is-4by5{padding-top:125%}.image.is-3by4{padding-top:133.3333%}.image.is-2by3{padding-top:150%}.image.is-3by5{padding-top:166.6666%}.image.is-9by16{padding-top:177.7777%}.image.is-1by2{padding-top:200%}.image.is-1by3{padding-top:300%}.image.is-16x16{height:16px;width:16px}.image.is-24x24{height:24px;width:24px}.image.is-32x32{height:32px;width:32px}.image.is-48x48{height:48px;width:48px}.image.is-64x64{height:64px;width:64px}.image.is-96x96{height:96px;width:96px}.image.is-128x128{height:128px;width:128px}.notification{background-color:#f5f5f5;border-radius:4px;position:relative;padding:1.25rem 2.5rem 1.25rem 1.5rem}.notification a:not(.button):not(.dropdown-item){color:currentColor;text-decoration:underline}.notification strong{color:currentColor}.notification code,.notification pre{background:#fff}.notification pre code{background:0 0}.notification>.delete{right:.5rem;position:absolute;top:.5rem}.notification .title,.notification .subtitle,.notification .content{color:currentColor}.notification.is-white{background-color:#fff;color:#0a0a0a}.notification.is-black{background-color:#0a0a0a;color:#fff}.notification.is-light{background-color:#f5f5f5;color:rgba(0,0,0,.7)}.notification.is-dark{background-color:#363636;color:#fff}.notification.is-primary{background-color:#00d1b2;color:#fff}.notification.is-primary.is-light{background-color:#ebfffc;color:#00947e}.notification.is-link{background-color:#485fc7;color:#fff}.notification.is-link.is-light{background-color:#eff1fa;color:#3850b7}.notification.is-info{background-color:#3e8ed0;color:#fff}.notification.is-info.is-light{background-color:#eff5fb;color:#296fa8}.notification.is-success{background-color:#48c78e;color:#fff}.notification.is-success.is-light{background-color:#effaf5;color:#257953}.notification.is-warning{background-color:#ffe08a;color:rgba(0,0,0,.7)}.notification.is-warning.is-light{background-color:#fffaeb;color:#946c00}.notification.is-danger{background-color:#f14668;color:#fff}.notification.is-danger.is-light{background-color:#feecf0;color:#cc0f35}.progress{-moz-appearance:none;-webkit-appearance:none;border:none;border-radius:9999px;display:block;height:1rem;overflow:hidden;padding:0;width:100%}.progress::-webkit-progress-bar{background-color:#ededed}.progress::-webkit-progress-value{background-color:#4a4a4a}.progress::-moz-progress-bar{background-color:#4a4a4a}.progress::-ms-fill{background-color:#4a4a4a;border:none}.progress.is-white::-webkit-progress-value{background-color:#fff}.progress.is-white::-moz-progress-bar{background-color:#fff}.progress.is-white::-ms-fill{background-color:#fff}.progress.is-white:indeterminate{background-image:linear-gradient(to right,#fff 30%,#ededed 30%)}.progress.is-black::-webkit-progress-value{background-color:#0a0a0a}.progress.is-black::-moz-progress-bar{background-color:#0a0a0a}.progress.is-black::-ms-fill{background-color:#0a0a0a}.progress.is-black:indeterminate{background-image:linear-gradient(to right,#0a0a0a 30%,#ededed 30%)}.progress.is-light::-webkit-progress-value{background-color:#f5f5f5}.progress.is-light::-moz-progress-bar{background-color:#f5f5f5}.progress.is-light::-ms-fill{background-color:#f5f5f5}.progress.is-light:indeterminate{background-image:linear-gradient(to right,#f5f5f5 30%,#ededed 30%)}.progress.is-dark::-webkit-progress-value{background-color:#363636}.progress.is-dark::-moz-progress-bar{background-color:#363636}.progress.is-dark::-ms-fill{background-color:#363636}.progress.is-dark:indeterminate{background-image:linear-gradient(to right,#363636 30%,#ededed 30%)}.progress.is-primary::-webkit-progress-value{background-color:#00d1b2}.progress.is-primary::-moz-progress-bar{background-color:#00d1b2}.progress.is-primary::-ms-fill{background-color:#00d1b2}.progress.is-primary:indeterminate{background-image:linear-gradient(to right,#00d1b2 30%,#ededed 30%)}.progress.is-link::-webkit-progress-value{background-color:#485fc7}.progress.is-link::-moz-progress-bar{background-color:#485fc7}.progress.is-link::-ms-fill{background-color:#485fc7}.progress.is-link:indeterminate{background-image:linear-gradient(to right,#485fc7 30%,#ededed 30%)}.progress.is-info::-webkit-progress-value{background-color:#3e8ed0}.progress.is-info::-moz-progress-bar{background-color:#3e8ed0}.progress.is-info::-ms-fill{background-color:#3e8ed0}.progress.is-info:indeterminate{background-image:linear-gradient(to right,#3e8ed0 30%,#ededed 30%)}.progress.is-success::-webkit-progress-value{background-color:#48c78e}.progress.is-success::-moz-progress-bar{background-color:#48c78e}.progress.is-success::-ms-fill{background-color:#48c78e}.progress.is-success:indeterminate{background-image:linear-gradient(to right,#48c78e 30%,#ededed 30%)}.progress.is-warning::-webkit-progress-value{background-color:#ffe08a}.progress.is-warning::-moz-progress-bar{background-color:#ffe08a}.progress.is-warning::-ms-fill{background-color:#ffe08a}.progress.is-warning:indeterminate{background-image:linear-gradient(to right,#ffe08a 30%,#ededed 30%)}.progress.is-danger::-webkit-progress-value{background-color:#f14668}.progress.is-danger::-moz-progress-bar{background-color:#f14668}.progress.is-danger::-ms-fill{background-color:#f14668}.progress.is-danger:indeterminate{background-image:linear-gradient(to right,#f14668 30%,#ededed 30%)}.progress:indeterminate{animation-duration:1.5s;animation-iteration-count:infinite;animation-name:moveIndeterminate;animation-timing-function:linear;background-color:#ededed;background-image:linear-gradient(to right,#4a4a4a 30%,#ededed 30%);background-position:0 0;background-repeat:no-repeat;background-size:150% 150%}.progress:indeterminate::-webkit-progress-bar{background-color:transparent}.progress:indeterminate::-moz-progress-bar{background-color:transparent}.progress:indeterminate::-ms-fill{animation-name:none}.progress.is-small{height:.75rem}.progress.is-medium{height:1.25rem}.progress.is-large{height:1.5rem}@keyframes moveIndeterminate{from{background-position:200% 0}to{background-position:-200% 0}}.table{background-color:#fff;color:#363636}.table td,.table th{border:1px solid #dbdbdb;border-width:0 0 1px;padding:.5em .75em;vertical-align:top}.table td.is-white,.table th.is-white{background-color:#fff;border-color:#fff;color:#0a0a0a}.table td.is-black,.table th.is-black{background-color:#0a0a0a;border-color:#0a0a0a;color:#fff}.table td.is-light,.table th.is-light{background-color:#f5f5f5;border-color:#f5f5f5;color:rgba(0,0,0,.7)}.table td.is-dark,.table th.is-dark{background-color:#363636;border-color:#363636;color:#fff}.table td.is-primary,.table th.is-primary{background-color:#00d1b2;border-color:#00d1b2;color:#fff}.table td.is-link,.table th.is-link{background-color:#485fc7;border-color:#485fc7;color:#fff}.table td.is-info,.table th.is-info{background-color:#3e8ed0;border-color:#3e8ed0;color:#fff}.table td.is-success,.table th.is-success{background-color:#48c78e;border-color:#48c78e;color:#fff}.table td.is-warning,.table th.is-warning{background-color:#ffe08a;border-color:#ffe08a;color:rgba(0,0,0,.7)}.table td.is-danger,.table th.is-danger{background-color:#f14668;border-color:#f14668;color:#fff}.table td.is-narrow,.table th.is-narrow{white-space:nowrap;width:1%}.table td.is-selected,.table th.is-selected{background-color:#00d1b2;color:#fff}.table td.is-selected a,.table td.is-selected strong,.table th.is-selected a,.table th.is-selected strong{color:currentColor}.table td.is-vcentered,.table th.is-vcentered{vertical-align:middle}.table th{color:#363636}.table th:not([align]){text-align:left}.table tr.is-selected{background-color:#00d1b2;color:#fff}.table tr.is-selected a,.table tr.is-selected strong{color:currentColor}.table tr.is-selected td,.table tr.is-selected th{border-color:#fff;color:currentColor}.table thead{background-color:transparent}.table thead td,.table thead th{border-width:0 0 2px;color:#363636}.table tfoot{background-color:transparent}.table tfoot td,.table tfoot th{border-width:2px 0 0;color:#363636}.table tbody{background-color:transparent}.table tbody tr:last-child td,.table tbody tr:last-child th{border-bottom-width:0}.table.is-bordered td,.table.is-bordered th{border-width:1px}.table.is-bordered tr:last-child td,.table.is-bordered tr:last-child th{border-bottom-width:1px}.table.is-fullwidth{width:100%}.table.is-hoverable tbody tr:not(.is-selected):hover{background-color:#fafafa}.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover{background-color:#fafafa}.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even){background-color:#f5f5f5}.table.is-narrow td,.table.is-narrow th{padding:.25em .5em}.table.is-striped tbody tr:not(.is-selected):nth-child(even){background-color:#fafafa}.table-container{-webkit-overflow-scrolling:touch;overflow:auto;overflow-y:hidden;max-width:100%}.tags{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start}.tags .tag{margin-bottom:.5rem}.tags .tag:not(:last-child){margin-right:.5rem}.tags:last-child{margin-bottom:-.5rem}.tags:not(:last-child){margin-bottom:1rem}.tags.are-medium .tag:not(.is-normal):not(.is-large){font-size:1rem}.tags.are-large .tag:not(.is-normal):not(.is-medium){font-size:1.25rem}.tags.is-centered{justify-content:center}.tags.is-centered .tag{margin-right:.25rem;margin-left:.25rem}.tags.is-right{justify-content:flex-end}.tags.is-right .tag:not(:first-child){margin-left:.5rem}.tags.is-right .tag:not(:last-child){margin-right:0}.tags.has-addons .tag{margin-right:0}.tags.has-addons .tag:not(:first-child){margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.tags.has-addons .tag:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.tag:not(body){align-items:center;background-color:#f5f5f5;border-radius:4px;color:#4a4a4a;display:inline-flex;font-size:.75rem;height:2em;justify-content:center;line-height:1.5;padding-left:.75em;padding-right:.75em;white-space:nowrap}.tag:not(body) .delete{margin-left:.25rem;margin-right:-.375rem}.tag:not(body).is-white{background-color:#fff;color:#0a0a0a}.tag:not(body).is-black{background-color:#0a0a0a;color:#fff}.tag:not(body).is-light{background-color:#f5f5f5;color:rgba(0,0,0,.7)}.tag:not(body).is-dark{background-color:#363636;color:#fff}.tag:not(body).is-primary{background-color:#00d1b2;color:#fff}.tag:not(body).is-primary.is-light{background-color:#ebfffc;color:#00947e}.tag:not(body).is-link{background-color:#485fc7;color:#fff}.tag:not(body).is-link.is-light{background-color:#eff1fa;color:#3850b7}.tag:not(body).is-info{background-color:#3e8ed0;color:#fff}.tag:not(body).is-info.is-light{background-color:#eff5fb;color:#296fa8}.tag:not(body).is-success{background-color:#48c78e;color:#fff}.tag:not(body).is-success.is-light{background-color:#effaf5;color:#257953}.tag:not(body).is-warning{background-color:#ffe08a;color:rgba(0,0,0,.7)}.tag:not(body).is-warning.is-light{background-color:#fffaeb;color:#946c00}.tag:not(body).is-danger{background-color:#f14668;color:#fff}.tag:not(body).is-danger.is-light{background-color:#feecf0;color:#cc0f35}.tag:not(body).is-normal{font-size:.75rem}.tag:not(body).is-medium{font-size:1rem}.tag:not(body).is-large{font-size:1.25rem}.tag:not(body) .icon:first-child:not(:last-child){margin-left:-.375em;margin-right:.1875em}.tag:not(body) .icon:last-child:not(:first-child){margin-left:.1875em;margin-right:-.375em}.tag:not(body) .icon:first-child:last-child{margin-left:-.375em;margin-right:-.375em}.tag:not(body).is-delete{margin-left:1px;padding:0;position:relative;width:2em}.tag:not(body).is-delete::before,.tag:not(body).is-delete::after{background-color:currentColor;content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%)translateY(-50%)rotate(45deg);transform-origin:center center}.tag:not(body).is-delete::before{height:1px;width:50%}.tag:not(body).is-delete::after{height:50%;width:1px}.tag:not(body).is-delete:hover,.tag:not(body).is-delete:focus{background-color:#e8e8e8}.tag:not(body).is-delete:active{background-color:#dbdbdb}.tag:not(body).is-rounded{border-radius:9999px}a.tag:hover{text-decoration:underline}.title,.subtitle{word-break:break-word}.title em,.title span,.subtitle em,.subtitle span{font-weight:inherit}.title sub,.subtitle sub{font-size:.75em}.title sup,.subtitle sup{font-size:.75em}.title .tag,.subtitle .tag{vertical-align:middle}.title{color:#363636;font-size:2rem;font-weight:600;line-height:1.125}.title strong{color:inherit;font-weight:inherit}.title:not(.is-spaced)+.subtitle{margin-top:-1.25rem}.title.is-1{font-size:3rem}.title.is-2{font-size:2.5rem}.title.is-3{font-size:2rem}.title.is-4{font-size:1.5rem}.title.is-5{font-size:1.25rem}.title.is-6{font-size:1rem}.title.is-7{font-size:.75rem}.subtitle{color:#4a4a4a;font-size:1.25rem;font-weight:400;line-height:1.25}.subtitle strong{color:#363636;font-weight:600}.subtitle:not(.is-spaced)+.title{margin-top:-1.25rem}.subtitle.is-1{font-size:3rem}.subtitle.is-2{font-size:2.5rem}.subtitle.is-3{font-size:2rem}.subtitle.is-4{font-size:1.5rem}.subtitle.is-5{font-size:1.25rem}.subtitle.is-6{font-size:1rem}.subtitle.is-7{font-size:.75rem}.heading{display:block;font-size:11px;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.number{align-items:center;background-color:#f5f5f5;border-radius:9999px;display:inline-flex;font-size:1.25rem;height:2em;justify-content:center;margin-right:1.5rem;min-width:2.5em;padding:.25rem .5rem;text-align:center;vertical-align:top}.select select,.textarea,.input{background-color:#fff;border-color:#dbdbdb;border-radius:4px;color:#363636}.select select::-moz-placeholder,.textarea::-moz-placeholder,.input::-moz-placeholder{color:rgba(54,54,54,.3)}.select select::-webkit-input-placeholder,.textarea::-webkit-input-placeholder,.input::-webkit-input-placeholder{color:rgba(54,54,54,.3)}.select select:-moz-placeholder,.textarea:-moz-placeholder,.input:-moz-placeholder{color:rgba(54,54,54,.3)}.select select:-ms-input-placeholder,.textarea:-ms-input-placeholder,.input:-ms-input-placeholder{color:rgba(54,54,54,.3)}.select select:hover,.textarea:hover,.input:hover,.select select.is-hovered,.is-hovered.textarea,.is-hovered.input{border-color:#b5b5b5}.select select:focus,.textarea:focus,.input:focus,.select select.is-focused,.is-focused.textarea,.is-focused.input,.select select:active,.textarea:active,.input:active,.select select.is-active,.is-active.textarea,.is-active.input{border-color:#485fc7;box-shadow:0 0 0 .125em rgba(72,95,199,.25)}.select select[disabled],[disabled].textarea,[disabled].input,fieldset[disabled] .select select,.select fieldset[disabled] select,fieldset[disabled] .textarea,fieldset[disabled] .input{background-color:#f5f5f5;border-color:#f5f5f5;box-shadow:none;color:#7a7a7a}.select select[disabled]::-moz-placeholder,[disabled].textarea::-moz-placeholder,[disabled].input::-moz-placeholder,fieldset[disabled] .select select::-moz-placeholder,.select fieldset[disabled] select::-moz-placeholder,fieldset[disabled] .textarea::-moz-placeholder,fieldset[disabled] .input::-moz-placeholder{color:rgba(122,122,122,.3)}.select select[disabled]::-webkit-input-placeholder,[disabled].textarea::-webkit-input-placeholder,[disabled].input::-webkit-input-placeholder,fieldset[disabled] .select select::-webkit-input-placeholder,.select fieldset[disabled] select::-webkit-input-placeholder,fieldset[disabled] .textarea::-webkit-input-placeholder,fieldset[disabled] .input::-webkit-input-placeholder{color:rgba(122,122,122,.3)}.select select[disabled]:-moz-placeholder,[disabled].textarea:-moz-placeholder,[disabled].input:-moz-placeholder,fieldset[disabled] .select select:-moz-placeholder,.select fieldset[disabled] select:-moz-placeholder,fieldset[disabled] .textarea:-moz-placeholder,fieldset[disabled] .input:-moz-placeholder{color:rgba(122,122,122,.3)}.select select[disabled]:-ms-input-placeholder,[disabled].textarea:-ms-input-placeholder,[disabled].input:-ms-input-placeholder,fieldset[disabled] .select select:-ms-input-placeholder,.select fieldset[disabled] select:-ms-input-placeholder,fieldset[disabled] .textarea:-ms-input-placeholder,fieldset[disabled] .input:-ms-input-placeholder{color:rgba(122,122,122,.3)}.textarea,.input{box-shadow:inset 0 .0625em .125em rgba(10,10,10,5%);max-width:100%;width:100%}[readonly].textarea,[readonly].input{box-shadow:none}.is-white.textarea,.is-white.input{border-color:#fff}.is-white.textarea:focus,.is-white.input:focus,.is-white.is-focused.textarea,.is-white.is-focused.input,.is-white.textarea:active,.is-white.input:active,.is-white.is-active.textarea,.is-white.is-active.input{box-shadow:0 0 0 .125em rgba(255,255,255,.25)}.is-black.textarea,.is-black.input{border-color:#0a0a0a}.is-black.textarea:focus,.is-black.input:focus,.is-black.is-focused.textarea,.is-black.is-focused.input,.is-black.textarea:active,.is-black.input:active,.is-black.is-active.textarea,.is-black.is-active.input{box-shadow:0 0 0 .125em rgba(10,10,10,.25)}.is-light.textarea,.is-light.input{border-color:#f5f5f5}.is-light.textarea:focus,.is-light.input:focus,.is-light.is-focused.textarea,.is-light.is-focused.input,.is-light.textarea:active,.is-light.input:active,.is-light.is-active.textarea,.is-light.is-active.input{box-shadow:0 0 0 .125em rgba(245,245,245,.25)}.is-dark.textarea,.is-dark.input{border-color:#363636}.is-dark.textarea:focus,.is-dark.input:focus,.is-dark.is-focused.textarea,.is-dark.is-focused.input,.is-dark.textarea:active,.is-dark.input:active,.is-dark.is-active.textarea,.is-dark.is-active.input{box-shadow:0 0 0 .125em rgba(54,54,54,.25)}.is-primary.textarea,.is-primary.input{border-color:#00d1b2}.is-primary.textarea:focus,.is-primary.input:focus,.is-primary.is-focused.textarea,.is-primary.is-focused.input,.is-primary.textarea:active,.is-primary.input:active,.is-primary.is-active.textarea,.is-primary.is-active.input{box-shadow:0 0 0 .125em rgba(0,209,178,.25)}.is-link.textarea,.is-link.input{border-color:#485fc7}.is-link.textarea:focus,.is-link.input:focus,.is-link.is-focused.textarea,.is-link.is-focused.input,.is-link.textarea:active,.is-link.input:active,.is-link.is-active.textarea,.is-link.is-active.input{box-shadow:0 0 0 .125em rgba(72,95,199,.25)}.is-info.textarea,.is-info.input{border-color:#3e8ed0}.is-info.textarea:focus,.is-info.input:focus,.is-info.is-focused.textarea,.is-info.is-focused.input,.is-info.textarea:active,.is-info.input:active,.is-info.is-active.textarea,.is-info.is-active.input{box-shadow:0 0 0 .125em rgba(62,142,208,.25)}.is-success.textarea,.is-success.input{border-color:#48c78e}.is-success.textarea:focus,.is-success.input:focus,.is-success.is-focused.textarea,.is-success.is-focused.input,.is-success.textarea:active,.is-success.input:active,.is-success.is-active.textarea,.is-success.is-active.input{box-shadow:0 0 0 .125em rgba(72,199,142,.25)}.is-warning.textarea,.is-warning.input{border-color:#ffe08a}.is-warning.textarea:focus,.is-warning.input:focus,.is-warning.is-focused.textarea,.is-warning.is-focused.input,.is-warning.textarea:active,.is-warning.input:active,.is-warning.is-active.textarea,.is-warning.is-active.input{box-shadow:0 0 0 .125em rgba(255,224,138,.25)}.is-danger.textarea,.is-danger.input{border-color:#f14668}.is-danger.textarea:focus,.is-danger.input:focus,.is-danger.is-focused.textarea,.is-danger.is-focused.input,.is-danger.textarea:active,.is-danger.input:active,.is-danger.is-active.textarea,.is-danger.is-active.input{box-shadow:0 0 0 .125em rgba(241,70,104,.25)}.is-small.textarea,.is-small.input{border-radius:2px;font-size:.75rem}.is-medium.textarea,.is-medium.input{font-size:1.25rem}.is-large.textarea,.is-large.input{font-size:1.5rem}.is-fullwidth.textarea,.is-fullwidth.input{display:block;width:100%}.is-inline.textarea,.is-inline.input{display:inline;width:auto}.input.is-rounded{border-radius:9999px;padding-left:calc(calc(.75em - 1px) + .375em);padding-right:calc(calc(.75em - 1px) + .375em)}.input.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:calc(.75em - 1px);resize:vertical}.textarea:not([rows]){max-height:40em;min-height:8em}.textarea[rows]{height:initial}.textarea.has-fixed-size{resize:none}.radio,.checkbox{cursor:pointer;display:inline-block;line-height:1.25;position:relative}.radio input,.checkbox input{cursor:pointer}.radio:hover,.checkbox:hover{color:#363636}[disabled].radio,[disabled].checkbox,fieldset[disabled] .radio,fieldset[disabled] .checkbox,.radio input[disabled],.checkbox input[disabled]{color:#7a7a7a;cursor:not-allowed}.radio+.radio{margin-left:.5em}.select{display:inline-block;max-width:100%;position:relative;vertical-align:top}.select:not(.is-multiple){height:2.5em}.select:not(.is-multiple):not(.is-loading)::after{border-color:#485fc7;right:1.125em;z-index:4}.select.is-rounded select{border-radius:9999px;padding-left:1em}.select select{cursor:pointer;display:block;font-size:1em;max-width:100%;outline:none}.select select::-ms-expand{display:none}.select select[disabled]:hover,fieldset[disabled] .select select:hover{border-color:#f5f5f5}.select select:not([multiple]){padding-right:2.5em}.select select[multiple]{height:auto;padding:0}.select select[multiple] option{padding:.5em 1em}.select:not(.is-multiple):not(.is-loading):hover::after{border-color:#363636}.select.is-white:not(:hover)::after{border-color:#fff}.select.is-white select{border-color:#fff}.select.is-white select:hover,.select.is-white select.is-hovered{border-color:#f2f2f2}.select.is-white select:focus,.select.is-white select.is-focused,.select.is-white select:active,.select.is-white select.is-active{box-shadow:0 0 0 .125em rgba(255,255,255,.25)}.select.is-black:not(:hover)::after{border-color:#0a0a0a}.select.is-black select{border-color:#0a0a0a}.select.is-black select:hover,.select.is-black select.is-hovered{border-color:#000}.select.is-black select:focus,.select.is-black select.is-focused,.select.is-black select:active,.select.is-black select.is-active{box-shadow:0 0 0 .125em rgba(10,10,10,.25)}.select.is-light:not(:hover)::after{border-color:#f5f5f5}.select.is-light select{border-color:#f5f5f5}.select.is-light select:hover,.select.is-light select.is-hovered{border-color:#e8e8e8}.select.is-light select:focus,.select.is-light select.is-focused,.select.is-light select:active,.select.is-light select.is-active{box-shadow:0 0 0 .125em rgba(245,245,245,.25)}.select.is-dark:not(:hover)::after{border-color:#363636}.select.is-dark select{border-color:#363636}.select.is-dark select:hover,.select.is-dark select.is-hovered{border-color:#292929}.select.is-dark select:focus,.select.is-dark select.is-focused,.select.is-dark select:active,.select.is-dark select.is-active{box-shadow:0 0 0 .125em rgba(54,54,54,.25)}.select.is-primary:not(:hover)::after{border-color:#00d1b2}.select.is-primary select{border-color:#00d1b2}.select.is-primary select:hover,.select.is-primary select.is-hovered{border-color:#00b89c}.select.is-primary select:focus,.select.is-primary select.is-focused,.select.is-primary select:active,.select.is-primary select.is-active{box-shadow:0 0 0 .125em rgba(0,209,178,.25)}.select.is-link:not(:hover)::after{border-color:#485fc7}.select.is-link select{border-color:#485fc7}.select.is-link select:hover,.select.is-link select.is-hovered{border-color:#3a51bb}.select.is-link select:focus,.select.is-link select.is-focused,.select.is-link select:active,.select.is-link select.is-active{box-shadow:0 0 0 .125em rgba(72,95,199,.25)}.select.is-info:not(:hover)::after{border-color:#3e8ed0}.select.is-info select{border-color:#3e8ed0}.select.is-info select:hover,.select.is-info select.is-hovered{border-color:#3082c5}.select.is-info select:focus,.select.is-info select.is-focused,.select.is-info select:active,.select.is-info select.is-active{box-shadow:0 0 0 .125em rgba(62,142,208,.25)}.select.is-success:not(:hover)::after{border-color:#48c78e}.select.is-success select{border-color:#48c78e}.select.is-success select:hover,.select.is-success select.is-hovered{border-color:#3abb81}.select.is-success select:focus,.select.is-success select.is-focused,.select.is-success select:active,.select.is-success select.is-active{box-shadow:0 0 0 .125em rgba(72,199,142,.25)}.select.is-warning:not(:hover)::after{border-color:#ffe08a}.select.is-warning select{border-color:#ffe08a}.select.is-warning select:hover,.select.is-warning select.is-hovered{border-color:#ffd970}.select.is-warning select:focus,.select.is-warning select.is-focused,.select.is-warning select:active,.select.is-warning select.is-active{box-shadow:0 0 0 .125em rgba(255,224,138,.25)}.select.is-danger:not(:hover)::after{border-color:#f14668}.select.is-danger select{border-color:#f14668}.select.is-danger select:hover,.select.is-danger select.is-hovered{border-color:#ef2e55}.select.is-danger select:focus,.select.is-danger select.is-focused,.select.is-danger select:active,.select.is-danger select.is-active{box-shadow:0 0 0 .125em rgba(241,70,104,.25)}.select.is-small{border-radius:2px;font-size:.75rem}.select.is-medium{font-size:1.25rem}.select.is-large{font-size:1.5rem}.select.is-disabled::after{border-color:#7a7a7a!important;opacity:.5}.select.is-fullwidth{width:100%}.select.is-fullwidth select{width:100%}.select.is-loading::after{margin-top:0;position:absolute;right:.625em;top:.625em;transform:none}.select.is-loading.is-small:after{font-size:.75rem}.select.is-loading.is-medium:after{font-size:1.25rem}.select.is-loading.is-large:after{font-size:1.5rem}.file{align-items:stretch;display:flex;justify-content:flex-start;position:relative}.file.is-white .file-cta{background-color:#fff;border-color:transparent;color:#0a0a0a}.file.is-white:hover .file-cta,.file.is-white.is-hovered .file-cta{background-color:#f9f9f9;border-color:transparent;color:#0a0a0a}.file.is-white:focus .file-cta,.file.is-white.is-focused .file-cta{border-color:transparent;box-shadow:0 0 .5em rgba(255,255,255,.25);color:#0a0a0a}.file.is-white:active .file-cta,.file.is-white.is-active .file-cta{background-color:#f2f2f2;border-color:transparent;color:#0a0a0a}.file.is-black .file-cta{background-color:#0a0a0a;border-color:transparent;color:#fff}.file.is-black:hover .file-cta,.file.is-black.is-hovered .file-cta{background-color:#040404;border-color:transparent;color:#fff}.file.is-black:focus .file-cta,.file.is-black.is-focused .file-cta{border-color:transparent;box-shadow:0 0 .5em rgba(10,10,10,.25);color:#fff}.file.is-black:active .file-cta,.file.is-black.is-active .file-cta{background-color:#000;border-color:transparent;color:#fff}.file.is-light .file-cta{background-color:#f5f5f5;border-color:transparent;color:rgba(0,0,0,.7)}.file.is-light:hover .file-cta,.file.is-light.is-hovered .file-cta{background-color:#eee;border-color:transparent;color:rgba(0,0,0,.7)}.file.is-light:focus .file-cta,.file.is-light.is-focused .file-cta{border-color:transparent;box-shadow:0 0 .5em rgba(245,245,245,.25);color:rgba(0,0,0,.7)}.file.is-light:active .file-cta,.file.is-light.is-active .file-cta{background-color:#e8e8e8;border-color:transparent;color:rgba(0,0,0,.7)}.file.is-dark .file-cta{background-color:#363636;border-color:transparent;color:#fff}.file.is-dark:hover .file-cta,.file.is-dark.is-hovered .file-cta{background-color:#2f2f2f;border-color:transparent;color:#fff}.file.is-dark:focus .file-cta,.file.is-dark.is-focused .file-cta{border-color:transparent;box-shadow:0 0 .5em rgba(54,54,54,.25);color:#fff}.file.is-dark:active .file-cta,.file.is-dark.is-active .file-cta{background-color:#292929;border-color:transparent;color:#fff}.file.is-primary .file-cta{background-color:#00d1b2;border-color:transparent;color:#fff}.file.is-primary:hover .file-cta,.file.is-primary.is-hovered .file-cta{background-color:#00c4a7;border-color:transparent;color:#fff}.file.is-primary:focus .file-cta,.file.is-primary.is-focused .file-cta{border-color:transparent;box-shadow:0 0 .5em rgba(0,209,178,.25);color:#fff}.file.is-primary:active .file-cta,.file.is-primary.is-active .file-cta{background-color:#00b89c;border-color:transparent;color:#fff}.file.is-link .file-cta{background-color:#485fc7;border-color:transparent;color:#fff}.file.is-link:hover .file-cta,.file.is-link.is-hovered .file-cta{background-color:#3e56c4;border-color:transparent;color:#fff}.file.is-link:focus .file-cta,.file.is-link.is-focused .file-cta{border-color:transparent;box-shadow:0 0 .5em rgba(72,95,199,.25);color:#fff}.file.is-link:active .file-cta,.file.is-link.is-active .file-cta{background-color:#3a51bb;border-color:transparent;color:#fff}.file.is-info .file-cta{background-color:#3e8ed0;border-color:transparent;color:#fff}.file.is-info:hover .file-cta,.file.is-info.is-hovered .file-cta{background-color:#3488ce;border-color:transparent;color:#fff}.file.is-info:focus .file-cta,.file.is-info.is-focused .file-cta{border-color:transparent;box-shadow:0 0 .5em rgba(62,142,208,.25);color:#fff}.file.is-info:active .file-cta,.file.is-info.is-active .file-cta{background-color:#3082c5;border-color:transparent;color:#fff}.file.is-success .file-cta{background-color:#48c78e;border-color:transparent;color:#fff}.file.is-success:hover .file-cta,.file.is-success.is-hovered .file-cta{background-color:#3ec487;border-color:transparent;color:#fff}.file.is-success:focus .file-cta,.file.is-success.is-focused .file-cta{border-color:transparent;box-shadow:0 0 .5em rgba(72,199,142,.25);color:#fff}.file.is-success:active .file-cta,.file.is-success.is-active .file-cta{background-color:#3abb81;border-color:transparent;color:#fff}.file.is-warning .file-cta{background-color:#ffe08a;border-color:transparent;color:rgba(0,0,0,.7)}.file.is-warning:hover .file-cta,.file.is-warning.is-hovered .file-cta{background-color:#ffdc7d;border-color:transparent;color:rgba(0,0,0,.7)}.file.is-warning:focus .file-cta,.file.is-warning.is-focused .file-cta{border-color:transparent;box-shadow:0 0 .5em rgba(255,224,138,.25);color:rgba(0,0,0,.7)}.file.is-warning:active .file-cta,.file.is-warning.is-active .file-cta{background-color:#ffd970;border-color:transparent;color:rgba(0,0,0,.7)}.file.is-danger .file-cta{background-color:#f14668;border-color:transparent;color:#fff}.file.is-danger:hover .file-cta,.file.is-danger.is-hovered .file-cta{background-color:#f03a5f;border-color:transparent;color:#fff}.file.is-danger:focus .file-cta,.file.is-danger.is-focused .file-cta{border-color:transparent;box-shadow:0 0 .5em rgba(241,70,104,.25);color:#fff}.file.is-danger:active .file-cta,.file.is-danger.is-active .file-cta{background-color:#ef2e55;border-color:transparent;color:#fff}.file.is-small{font-size:.75rem}.file.is-normal{font-size:1rem}.file.is-medium{font-size:1.25rem}.file.is-medium .file-icon .fa{font-size:21px}.file.is-large{font-size:1.5rem}.file.is-large .file-icon .fa{font-size:28px}.file.has-name .file-cta{border-bottom-right-radius:0;border-top-right-radius:0}.file.has-name .file-name{border-bottom-left-radius:0;border-top-left-radius:0}.file.has-name.is-empty .file-cta{border-radius:4px}.file.has-name.is-empty .file-name{display:none}.file.is-boxed .file-label{flex-direction:column}.file.is-boxed .file-cta{flex-direction:column;height:auto;padding:1em 3em}.file.is-boxed .file-name{border-width:0 1px 1px}.file.is-boxed .file-icon{height:1.5em;width:1.5em}.file.is-boxed .file-icon .fa{font-size:21px}.file.is-boxed.is-small .file-icon .fa{font-size:14px}.file.is-boxed.is-medium .file-icon .fa{font-size:28px}.file.is-boxed.is-large .file-icon .fa{font-size:35px}.file.is-boxed.has-name .file-cta{border-radius:4px 4px 0 0}.file.is-boxed.has-name .file-name{border-radius:0 0 4px 4px;border-width:0 1px 1px}.file.is-centered{justify-content:center}.file.is-fullwidth .file-label{width:100%}.file.is-fullwidth .file-name{flex-grow:1;max-width:none}.file.is-right{justify-content:flex-end}.file.is-right .file-cta{border-radius:0 4px 4px 0}.file.is-right .file-name{border-radius:4px 0 0 4px;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}.file-label:hover .file-cta{background-color:#eee;color:#363636}.file-label:hover .file-name{border-color:#d5d5d5}.file-label:active .file-cta{background-color:#e8e8e8;color:#363636}.file-label:active .file-name{border-color:#cfcfcf}.file-input{height:100%;left:0;opacity:0;outline:none;position:absolute;top:0;width:100%}.file-cta,.file-name{border-color:#dbdbdb;border-radius:4px;font-size:1em;padding-left:1em;padding-right:1em;white-space:nowrap}.file-cta{background-color:#f5f5f5;color:#4a4a4a}.file-name{border-color:#dbdbdb;border-style:solid;border-width:1px 1px 1px 0;display:block;max-width:16em;overflow:hidden;text-align:inherit;text-overflow:ellipsis}.file-icon{align-items:center;display:flex;height:1em;justify-content:center;margin-right:.5em;width:1em}.file-icon .fa{font-size:14px}.label{color:#363636;display:block;font-size:1rem;font-weight:700}.label:not(:last-child){margin-bottom:.5em}.label.is-small{font-size:.75rem}.label.is-medium{font-size:1.25rem}.label.is-large{font-size:1.5rem}.help{display:block;font-size:.75rem;margin-top:.25rem}.help.is-white{color:#fff}.help.is-black{color:#0a0a0a}.help.is-light{color:#f5f5f5}.help.is-dark{color:#363636}.help.is-primary{color:#00d1b2}.help.is-link{color:#485fc7}.help.is-info{color:#3e8ed0}.help.is-success{color:#48c78e}.help.is-warning{color:#ffe08a}.help.is-danger{color:#f14668}.field:not(:last-child){margin-bottom:.75rem}.field.has-addons{display:flex;justify-content:flex-start}.field.has-addons .control:not(:last-child){margin-right:-1px}.field.has-addons .control:not(:first-child):not(:last-child) .button,.field.has-addons .control:not(:first-child):not(:last-child) .input,.field.has-addons .control:not(:first-child):not(:last-child) .select select{border-radius:0}.field.has-addons .control:first-child:not(:only-child) .button,.field.has-addons .control:first-child:not(:only-child) .input,.field.has-addons .control:first-child:not(:only-child) .select select{border-bottom-right-radius:0;border-top-right-radius:0}.field.has-addons .control:last-child:not(:only-child) .button,.field.has-addons .control:last-child:not(:only-child) .input,.field.has-addons .control:last-child:not(:only-child) .select select{border-bottom-left-radius:0;border-top-left-radius:0}.field.has-addons .control .button:not([disabled]):hover,.field.has-addons .control .button:not([disabled]).is-hovered,.field.has-addons .control .input:not([disabled]):hover,.field.has-addons .control .input:not([disabled]).is-hovered,.field.has-addons .control .select select:not([disabled]):hover,.field.has-addons .control .select select:not([disabled]).is-hovered{z-index:2}.field.has-addons .control .button:not([disabled]):focus,.field.has-addons .control .button:not([disabled]).is-focused,.field.has-addons .control .button:not([disabled]):active,.field.has-addons .control .button:not([disabled]).is-active,.field.has-addons .control .input:not([disabled]):focus,.field.has-addons .control .input:not([disabled]).is-focused,.field.has-addons .control .input:not([disabled]):active,.field.has-addons .control .input:not([disabled]).is-active,.field.has-addons .control .select select:not([disabled]):focus,.field.has-addons .control .select select:not([disabled]).is-focused,.field.has-addons .control .select select:not([disabled]):active,.field.has-addons .control .select select:not([disabled]).is-active{z-index:3}.field.has-addons .control .button:not([disabled]):focus:hover,.field.has-addons .control .button:not([disabled]).is-focused:hover,.field.has-addons .control .button:not([disabled]):active:hover,.field.has-addons .control .button:not([disabled]).is-active:hover,.field.has-addons .control .input:not([disabled]):focus:hover,.field.has-addons .control .input:not([disabled]).is-focused:hover,.field.has-addons .control .input:not([disabled]):active:hover,.field.has-addons .control .input:not([disabled]).is-active:hover,.field.has-addons .control .select select:not([disabled]):focus:hover,.field.has-addons .control .select select:not([disabled]).is-focused:hover,.field.has-addons .control .select select:not([disabled]):active:hover,.field.has-addons .control .select select:not([disabled]).is-active:hover{z-index:4}.field.has-addons .control.is-expanded{flex-grow:1;flex-shrink:1}.field.has-addons.has-addons-centered{justify-content:center}.field.has-addons.has-addons-right{justify-content:flex-end}.field.has-addons.has-addons-fullwidth .control{flex-grow:1;flex-shrink:0}.field.is-grouped{display:flex;justify-content:flex-start}.field.is-grouped>.control{flex-shrink:0}.field.is-grouped>.control:not(:last-child){margin-bottom:0;margin-right:.75rem}.field.is-grouped>.control.is-expanded{flex-grow:1;flex-shrink:1}.field.is-grouped.is-grouped-centered{justify-content:center}.field.is-grouped.is-grouped-right{justify-content:flex-end}.field.is-grouped.is-grouped-multiline{flex-wrap:wrap}.field.is-grouped.is-grouped-multiline>.control:last-child,.field.is-grouped.is-grouped-multiline>.control:not(:last-child){margin-bottom:.75rem}.field.is-grouped.is-grouped-multiline:last-child{margin-bottom:-.75rem}.field.is-grouped.is-grouped-multiline:not(:last-child){margin-bottom:0}@media screen and (min-width:769px),print{.field.is-horizontal{display:flex}}.field-label .label{font-size:inherit}@media screen and (max-width:768px){.field-label{margin-bottom:.5rem}}@media screen and (min-width:769px),print{.field-label{flex-basis:0;flex-grow:1;flex-shrink:0;margin-right:1.5rem;text-align:right}.field-label.is-small{font-size:.75rem;padding-top:.375em}.field-label.is-normal{padding-top:.375em}.field-label.is-medium{font-size:1.25rem;padding-top:.375em}.field-label.is-large{font-size:1.5rem;padding-top:.375em}}.field-body .field .field{margin-bottom:0}@media screen and (min-width:769px),print{.field-body{display:flex;flex-basis:0;flex-grow:5;flex-shrink:1}.field-body .field{margin-bottom:0}.field-body>.field{flex-shrink:1}.field-body>.field:not(.is-narrow){flex-grow:1}.field-body>.field:not(:last-child){margin-right:.75rem}}.control{box-sizing:border-box;clear:both;font-size:1rem;position:relative;text-align:inherit}.control.has-icons-left .input:focus~.icon,.control.has-icons-left .select:focus~.icon,.control.has-icons-right .input:focus~.icon,.control.has-icons-right .select:focus~.icon{color:#4a4a4a}.control.has-icons-left .input.is-small~.icon,.control.has-icons-left .select.is-small~.icon,.control.has-icons-right .input.is-small~.icon,.control.has-icons-right .select.is-small~.icon{font-size:.75rem}.control.has-icons-left .input.is-medium~.icon,.control.has-icons-left .select.is-medium~.icon,.control.has-icons-right .input.is-medium~.icon,.control.has-icons-right .select.is-medium~.icon{font-size:1.25rem}.control.has-icons-left .input.is-large~.icon,.control.has-icons-left .select.is-large~.icon,.control.has-icons-right .input.is-large~.icon,.control.has-icons-right .select.is-large~.icon{font-size:1.5rem}.control.has-icons-left .icon,.control.has-icons-right .icon{color:#dbdbdb;height:2.5em;pointer-events:none;position:absolute;top:0;width:2.5em;z-index:4}.control.has-icons-left .input,.control.has-icons-left .select select{padding-left:2.5em}.control.has-icons-left .icon.is-left{left:0}.control.has-icons-right .input,.control.has-icons-right .select select{padding-right:2.5em}.control.has-icons-right .icon.is-right{right:0}.control.is-loading::after{position:absolute!important;right:.625em;top:.625em;z-index:4}.control.is-loading.is-small:after{font-size:.75rem}.control.is-loading.is-medium:after{font-size:1.25rem}.control.is-loading.is-large:after{font-size:1.5rem}.breadcrumb{font-size:1rem;white-space:nowrap}.breadcrumb a{align-items:center;color:#485fc7;display:flex;justify-content:center;padding:0 .75em}.breadcrumb a:hover{color:#363636}.breadcrumb li{align-items:center;display:flex}.breadcrumb li:first-child a{padding-left:0}.breadcrumb li.is-active a{color:#363636;cursor:default;pointer-events:none}.breadcrumb li+li::before{color:#b5b5b5;content:"\0002f"}.breadcrumb ul,.breadcrumb ol{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start}.breadcrumb .icon:first-child{margin-right:.5em}.breadcrumb .icon:last-child{margin-left:.5em}.breadcrumb.is-centered ol,.breadcrumb.is-centered ul{justify-content:center}.breadcrumb.is-right ol,.breadcrumb.is-right ul{justify-content:flex-end}.breadcrumb.is-small{font-size:.75rem}.breadcrumb.is-medium{font-size:1.25rem}.breadcrumb.is-large{font-size:1.5rem}.breadcrumb.has-arrow-separator li+li::before{content:"\02192"}.breadcrumb.has-bullet-separator li+li::before{content:"\02022"}.breadcrumb.has-dot-separator li+li::before{content:"\000b7"}.breadcrumb.has-succeeds-separator li+li::before{content:"\0227B"}.card{background-color:#fff;border-radius:.25rem;box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,2%);color:#4a4a4a;max-width:100%;position:relative}.card-footer:first-child,.card-content:first-child,.card-header:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-footer:last-child,.card-content:last-child,.card-header:last-child{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.card-header{background-color:transparent;align-items:stretch;box-shadow:0 .125em .25em rgba(10,10,10,.1);display:flex}.card-header-title{align-items:center;color:#363636;display:flex;flex-grow:1;font-weight:700;padding:.75rem 1rem}.card-header-title.is-centered{justify-content:center}.card-header-icon{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:0 0;border:none;color:currentColor;font-family:inherit;font-size:1em;margin:0;padding:0;align-items:center;cursor:pointer;display:flex;justify-content:center;padding:.75rem 1rem}.card-image{display:block;position:relative}.card-image:first-child img{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-image:last-child img{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.card-content{background-color:transparent;padding:1.5rem}.card-footer{background-color:transparent;border-top:1px solid #ededed;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:.75rem}.card-footer-item:not(:last-child){border-right:1px solid #ededed}.card .media:not(:last-child){margin-bottom:1.5rem}.dropdown{display:inline-flex;position:relative;vertical-align:top}.dropdown.is-active .dropdown-menu,.dropdown.is-hoverable:hover .dropdown-menu{display:block}.dropdown.is-right .dropdown-menu{left:auto;right:0}.dropdown.is-up .dropdown-menu{bottom:100%;padding-bottom:4px;padding-top:initial;top:auto}.dropdown-menu{display:none;left:0;min-width:12rem;padding-top:4px;position:absolute;top:100%;z-index:20}.dropdown-content{background-color:#fff;border-radius:4px;box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,2%);padding-bottom:.5rem;padding-top:.5rem}.dropdown-item{color:#4a4a4a;display:block;font-size:.875rem;line-height:1.5;padding:.375rem 1rem;position:relative}a.dropdown-item,button.dropdown-item{padding-right:3rem;text-align:inherit;white-space:nowrap;width:100%}a.dropdown-item:hover,button.dropdown-item:hover{background-color:#f5f5f5;color:#0a0a0a}a.dropdown-item.is-active,button.dropdown-item.is-active{background-color:#485fc7;color:#fff}.dropdown-divider{background-color:#ededed;border:none;display:block;height:1px;margin:.5rem 0}.level{align-items:center;justify-content:space-between}.level code{border-radius:4px}.level img{display:inline-block;vertical-align:top}.level.is-mobile{display:flex}.level.is-mobile .level-left,.level.is-mobile .level-right{display:flex}.level.is-mobile .level-left+.level-right{margin-top:0}.level.is-mobile .level-item:not(:last-child){margin-bottom:0;margin-right:.75rem}.level.is-mobile .level-item:not(.is-narrow){flex-grow:1}@media screen and (min-width:769px),print{.level{display:flex}.level>.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}.level-item .title,.level-item .subtitle{margin-bottom:0}@media screen and (max-width:768px){.level-item:not(:last-child){margin-bottom:.75rem}}.level-left,.level-right{flex-basis:auto;flex-grow:0;flex-shrink:0}.level-left .level-item.is-flexible,.level-right .level-item.is-flexible{flex-grow:1}@media screen and (min-width:769px),print{.level-left .level-item:not(:last-child),.level-right .level-item:not(:last-child){margin-right:.75rem}}.level-left{align-items:center;justify-content:flex-start}@media screen and (max-width:768px){.level-left+.level-right{margin-top:1.5rem}}@media screen and (min-width:769px),print{.level-left{display:flex}}.level-right{align-items:center;justify-content:flex-end}@media screen and (min-width:769px),print{.level-right{display:flex}}.media{align-items:flex-start;display:flex;text-align:inherit}.media .content:not(:last-child){margin-bottom:.75rem}.media .media{border-top:1px solid rgba(219,219,219,.5);display:flex;padding-top:.75rem}.media .media .content:not(:last-child),.media .media .control:not(:last-child){margin-bottom:.5rem}.media .media .media{padding-top:.5rem}.media .media .media+.media{margin-top:.5rem}.media+.media{border-top:1px solid rgba(219,219,219,.5);margin-top:1rem;padding-top:1rem}.media.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:inherit}@media screen and (max-width:768px){.media-content{overflow-x:auto}}.menu{font-size:1rem}.menu.is-small{font-size:.75rem}.menu.is-medium{font-size:1.25rem}.menu.is-large{font-size:1.5rem}.menu-list{line-height:1.25}.menu-list a{border-radius:2px;color:#4a4a4a;display:block;padding:.5em .75em}.menu-list a:hover{background-color:#f5f5f5;color:#363636}.menu-list a.is-active{background-color:#485fc7;color:#fff}.menu-list li ul{border-left:1px solid #dbdbdb;margin:.75em;padding-left:.75em}.menu-label{color:#7a7a7a;font-size:.75em;letter-spacing:.1em;text-transform:uppercase}.menu-label:not(:first-child){margin-top:1em}.menu-label:not(:last-child){margin-bottom:1em}.message{background-color:#f5f5f5;border-radius:4px;font-size:1rem}.message strong{color:currentColor}.message a:not(.button):not(.tag):not(.dropdown-item){color:currentColor;text-decoration:underline}.message.is-small{font-size:.75rem}.message.is-medium{font-size:1.25rem}.message.is-large{font-size:1.5rem}.message.is-white{background-color:#fff}.message.is-white .message-header{background-color:#fff;color:#0a0a0a}.message.is-white .message-body{border-color:#fff}.message.is-black{background-color:#fafafa}.message.is-black .message-header{background-color:#0a0a0a;color:#fff}.message.is-black .message-body{border-color:#0a0a0a}.message.is-light{background-color:#fafafa}.message.is-light .message-header{background-color:#f5f5f5;color:rgba(0,0,0,.7)}.message.is-light .message-body{border-color:#f5f5f5}.message.is-dark{background-color:#fafafa}.message.is-dark .message-header{background-color:#363636;color:#fff}.message.is-dark .message-body{border-color:#363636}.message.is-primary{background-color:#ebfffc}.message.is-primary .message-header{background-color:#00d1b2;color:#fff}.message.is-primary .message-body{border-color:#00d1b2;color:#00947e}.message.is-link{background-color:#eff1fa}.message.is-link .message-header{background-color:#485fc7;color:#fff}.message.is-link .message-body{border-color:#485fc7;color:#3850b7}.message.is-info{background-color:#eff5fb}.message.is-info .message-header{background-color:#3e8ed0;color:#fff}.message.is-info .message-body{border-color:#3e8ed0;color:#296fa8}.message.is-success{background-color:#effaf5}.message.is-success .message-header{background-color:#48c78e;color:#fff}.message.is-success .message-body{border-color:#48c78e;color:#257953}.message.is-warning{background-color:#fffaeb}.message.is-warning .message-header{background-color:#ffe08a;color:rgba(0,0,0,.7)}.message.is-warning .message-body{border-color:#ffe08a;color:#946c00}.message.is-danger{background-color:#feecf0}.message.is-danger .message-header{background-color:#f14668;color:#fff}.message.is-danger .message-body{border-
gitextract_bjwnm_p3/ ├── .github/ │ ├── dependabot.yml │ └── workflows/ │ ├── docs-to-gh-pages.yml │ ├── fresh-to-vercel-pr-deployment.yml │ ├── fresh-to-vercel-pr.yml │ ├── fresh-to-vercel.yml │ └── htmltest.yml ├── .gitignore ├── LICENSE ├── README.md ├── assets/ │ ├── fresh/ │ │ ├── core.scss │ │ └── partials/ │ │ ├── _animations.scss │ │ ├── _buttons.scss │ │ ├── _cards.scss │ │ ├── _colors.scss │ │ ├── _dropdowns.scss │ │ ├── _footer.scss │ │ ├── _forms.scss │ │ ├── _hero.scss │ │ ├── _navbar.scss │ │ ├── _responsive.scss │ │ ├── _sections.scss │ │ ├── _sidebar.scss │ │ ├── _testimonials.scss │ │ └── _utils.scss │ └── style.sass ├── config.yaml ├── docs/ │ ├── content/ │ │ ├── deepmodifications.md │ │ ├── getstarted.md │ │ ├── landingpage.md │ │ ├── markdown-syntax.md │ │ ├── misc.md │ │ ├── module.md │ │ ├── singlepage.md │ │ └── troubleshooting.md │ ├── go.mod │ ├── go.sum │ └── hugo.yml ├── exampleSite/ │ ├── .gitignore │ ├── .htmltest.yml │ ├── content/ │ │ ├── agb.md │ │ └── blog/ │ │ ├── first.md │ │ └── second.md │ ├── go.mod │ ├── go.sum │ ├── hugo.work │ └── hugo.yaml ├── go.mod ├── go.sum ├── layouts/ │ ├── _default/ │ │ ├── baseof.html │ │ ├── list.html │ │ └── single.html │ ├── index.html │ ├── partials/ │ │ ├── css.html │ │ ├── footer.html │ │ ├── hero-body.html │ │ ├── hero-footer.html │ │ ├── hero.html │ │ ├── javascript.html │ │ ├── meta.html │ │ ├── navbar-clone.html │ │ ├── navbar.html │ │ ├── section1.html │ │ ├── section2.html │ │ ├── section3.html │ │ ├── section4.html │ │ ├── section5.html │ │ ├── sidebar.html │ │ └── single/ │ │ ├── content.html │ │ ├── sidebar.html │ │ └── single.html │ └── shortcodes/ │ ├── subtitle1.html │ ├── subtitle2.html │ ├── subtitle3.html │ ├── subtitle4.html │ ├── subtitle5.html │ ├── subtitle6.html │ ├── title1.html │ ├── title2.html │ ├── title3.html │ ├── title4.html │ ├── title5.html │ └── title6.html ├── resources/ │ └── _gen/ │ └── assets/ │ └── sass/ │ ├── style.sass_0cd3d355ec95bf1703b17a06ee0ef826.content │ └── style.sass_0cd3d355ec95bf1703b17a06ee0ef826.json ├── static/ │ ├── css/ │ │ └── icons.css │ └── js/ │ └── fresh.js └── theme.toml
SYMBOL INDEX (1 symbols across 1 files)
FILE: static/js/fresh.js
function revealOnScroll (line 72) | function revealOnScroll() {
Condensed preview — 87 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (375K chars).
[
{
"path": ".github/dependabot.yml",
"chars": 313,
"preview": "# Configuration options:\n# https://docs.github.com/en/code-security/dependabot/dependabot-version-updates/configuration-"
},
{
"path": ".github/workflows/docs-to-gh-pages.yml",
"chars": 610,
"preview": "name: Deploy docs\n\non:\n push:\n branches:\n - master\n\njobs:\n deploy:\n runs-on: ubuntu-latest\n steps:\n "
},
{
"path": ".github/workflows/fresh-to-vercel-pr-deployment.yml",
"chars": 2744,
"preview": "name: Fresh to vercel PR deployment\n\non:\n workflow_run:\n workflows: [Fresh to vercel PR]\n types:\n - complete"
},
{
"path": ".github/workflows/fresh-to-vercel-pr.yml",
"chars": 1727,
"preview": "name: Fresh to vercel PR\n\non:\n pull_request:\n\njobs:\n testBuild:\n runs-on: ubuntu-latest\n strategy:\n matrix:"
},
{
"path": ".github/workflows/fresh-to-vercel.yml",
"chars": 905,
"preview": "name: Fresh to vercel\n\non:\n push:\n branches:\n - master\n\njobs:\n deployMasterToVercel:\n runs-on: ubuntu-lates"
},
{
"path": ".github/workflows/htmltest.yml",
"chars": 1371,
"preview": "# .github/workflows/htmltest.yml\n# Run htmltest link checker on generated HTML output from user guide\n\nname: Link check "
},
{
"path": ".gitignore",
"chars": 23,
"preview": "public\n.hugo_build.lock"
},
{
"path": "LICENSE",
"chars": 1066,
"preview": "MIT License\n\nCopyright (c) 2019 Stefan M.\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\n"
},
{
"path": "README.md",
"chars": 618,
"preview": "<h1 align=\"center\"> ✨ hugo-fresh | <a href=\"https://hugo-fresh.vercel.app\">Demo</a> | <a href=\"https://stefma.github.io/"
},
{
"path": "assets/fresh/core.scss",
"chars": 605,
"preview": "/* ==========================================================================\r\nMain SCSS file / Fresh\r\n================="
},
{
"path": "assets/fresh/partials/_animations.scss",
"chars": 2399,
"preview": "/* ==========================================================================\r\nGeneral Keyframes animations\r\n==========="
},
{
"path": "assets/fresh/partials/_buttons.scss",
"chars": 3193,
"preview": "/* ==========================================================================\r\nClasses to change the feel of bulma butto"
},
{
"path": "assets/fresh/partials/_cards.scss",
"chars": 2029,
"preview": "/*! _cards.scss v1.0.0 | Commercial License | built on top of bulma.io/Bulmax */\r\n\r\n/* ================================="
},
{
"path": "assets/fresh/partials/_colors.scss",
"chars": 693,
"preview": "/* ==========================================================================\r\nColor variables\r\n========================"
},
{
"path": "assets/fresh/partials/_dropdowns.scss",
"chars": 2748,
"preview": "/* ==========================================================================\r\nDropdown styles\r\n========================"
},
{
"path": "assets/fresh/partials/_footer.scss",
"chars": 1119,
"preview": "/* ==========================================================================\r\nFresh Footer\r\n==========================="
},
{
"path": "assets/fresh/partials/_forms.scss",
"chars": 1215,
"preview": "/* ==========================================================================\r\nInputs styles\r\n=========================="
},
{
"path": "assets/fresh/partials/_hero.scss",
"chars": 567,
"preview": "/* ==========================================================================\r\nHero styles\r\n============================"
},
{
"path": "assets/fresh/partials/_navbar.scss",
"chars": 2831,
"preview": "/* ==========================================================================\r\nNavbar\r\n================================="
},
{
"path": "assets/fresh/partials/_responsive.scss",
"chars": 1911,
"preview": "/* ==========================================================================\r\nResponsive Styles\r\n======================"
},
{
"path": "assets/fresh/partials/_sections.scss",
"chars": 1636,
"preview": "/* ==========================================================================\r\nSection Styles\r\n========================="
},
{
"path": "assets/fresh/partials/_sidebar.scss",
"chars": 5359,
"preview": "/* ==========================================================================\r\nSidebar Styles \r\n========================"
},
{
"path": "assets/fresh/partials/_testimonials.scss",
"chars": 2195,
"preview": "/* ==========================================================================\r\nTestimonials Styles\r\n===================="
},
{
"path": "assets/fresh/partials/_utils.scss",
"chars": 2964,
"preview": "// Resets\r\nsection:focus {\r\n outline: none !important;\r\n}\r\n\r\nbutton {\r\n &:focus, &:active {\r\n outline: none"
},
{
"path": "assets/style.sass",
"chars": 42,
"preview": "@import \"bulma/bulma\"\n@import \"fresh/core\""
},
{
"path": "config.yaml",
"chars": 883,
"preview": "# Dependency 'bulma' is brought in as module\r\n# and mount points are declared\r\nmodule:\r\n imports:\r\n - path: github.com"
},
{
"path": "docs/content/deepmodifications.md",
"chars": 1701,
"preview": "---\ntitle: Deep modification\nsidebar: true\nsidebarlogo: fresh-white\ninclude_footer: false\n---\n\n## Deep modifications\n\nIn"
},
{
"path": "docs/content/getstarted.md",
"chars": 1588,
"preview": "---\ntitle: Get Started\nsidebar: true\nsidebarlogo: fresh-white\ninclude_footer: false\n---\n\n## The Fresh theme for Hugo\n\n**"
},
{
"path": "docs/content/landingpage.md",
"chars": 7510,
"preview": "---\ntitle: Landing page\nsidebar: true\nsidebarlogo: fresh-white\ninclude_footer: false\n---\n\n## Customize the landing page\n"
},
{
"path": "docs/content/markdown-syntax.md",
"chars": 4242,
"preview": "---\ntitle: Markdown Syntax Guide\nsidebar: true\nsidebarlogo: fresh-white\ninclude_footer: false\n---\n\nThis article offers a"
},
{
"path": "docs/content/misc.md",
"chars": 217,
"preview": "---\ntitle: Misc\nsidebar: true\nsidebarlogo: fresh-white\ninclude_footer: false\n---\n\n## Favicon\n\nYou can replace the defaul"
},
{
"path": "docs/content/module.md",
"chars": 1344,
"preview": "---\ntitle: Hugo module\nsidebar: true\nsidebarlogo: fresh-white\ninclude_footer: false\n---\n\n## Module\n\nThe theme is an [hug"
},
{
"path": "docs/content/singlepage.md",
"chars": 670,
"preview": "---\ntitle: Single page\nsidebar: true\nsidebarlogo: fresh-white\ninclude_footer: false\n---\n\n## Creating a single page\nSingl"
},
{
"path": "docs/content/troubleshooting.md",
"chars": 303,
"preview": "---\ntitle: Troubleshooting\nsidebar: true\nsidebarlogo: fresh-white\ninclude_footer: false\n---\n\n## Hugo extended\n\nIf you se"
},
{
"path": "docs/go.mod",
"chars": 152,
"preview": "module github.com/stefma/hugo-fresh/docs\n\ngo 1.15\n\nreplace github.com/StefMa/hugo-fresh => ../\n\nrequire github.com/StefM"
},
{
"path": "docs/go.sum",
"chars": 114,
"preview": "github.com/jgthms/bulma v0.0.0-20220508134905-3e00a8e6d0d0/go.mod h1:89FLBKXYFKfOKAoDeUT26V0pHGwzr205cMXAEqtAVOI=\n"
},
{
"path": "docs/hugo.yml",
"chars": 614,
"preview": "baseURL: \"https://stefma.github.io/hugo-fresh\"\nlanguageCode: \"en-us\"\ntitle: \"Hugo Fresh documentation\"\nmodule:\n imports"
},
{
"path": "exampleSite/.gitignore",
"chars": 37,
"preview": ".hugo_build.lock\r\npublic\r\nresources\r\n"
},
{
"path": "exampleSite/.htmltest.yml",
"chars": 22,
"preview": "DirectoryPath: public\n"
},
{
"path": "exampleSite/content/agb.md",
"chars": 1555,
"preview": "---\ntitle: AGB\ninclude_footer: true\nsidebar: false\n---\n\n{{% title3 \"§1 Lorem\" %}}\nBacon ipsum dolor amet pig pork hambur"
},
{
"path": "exampleSite/content/blog/first.md",
"chars": 98,
"preview": "---\ntitle: First\nsidebar: true\nsidebarlogo: fresh-white-alt\n---\n\nMy super sweet first blog post!!\n"
},
{
"path": "exampleSite/content/blog/second.md",
"chars": 135,
"preview": "---\ntitle: Second\nsidebar: true\nsidebarlogo: fresh-white-alt\n---\n\n{{% title2 \"My awesome blogpost\" %}}\nMy super sweet se"
},
{
"path": "exampleSite/go.mod",
"chars": 159,
"preview": "module github.com/StefMa/hugo-fresh/exampleSite\n\ngo 1.12\n\nreplace github.com/StefMa/hugo-fresh => ../\n\nrequire github.co"
},
{
"path": "exampleSite/go.sum",
"chars": 114,
"preview": "github.com/jgthms/bulma v0.0.0-20220508134905-3e00a8e6d0d0/go.mod h1:89FLBKXYFKfOKAoDeUT26V0pHGwzr205cMXAEqtAVOI=\n"
},
{
"path": "exampleSite/hugo.work",
"chars": 16,
"preview": "go 1.19\n\nuse ../"
},
{
"path": "exampleSite/hugo.yaml",
"chars": 6898,
"preview": "baseURL: http://something-fresh.org/\nlanguageCode: en-us\ntitle: Hugo Fresh Theme\n\nmodule:\n # uncomment line below for l"
},
{
"path": "go.mod",
"chars": 125,
"preview": "module github.com/StefMa/hugo-fresh\n\ngo 1.12\n\nrequire github.com/jgthms/bulma v0.0.0-20220508134905-3e00a8e6d0d0 // indi"
},
{
"path": "go.sum",
"chars": 221,
"preview": "github.com/jgthms/bulma v0.0.0-20220508134905-3e00a8e6d0d0 h1:d61c8CjPFq6aGikBXMepfewc8/3IbrTCiC1xHcMcvHI=\ngithub.com/jg"
},
{
"path": "layouts/_default/baseof.html",
"chars": 538,
"preview": "<!DOCTYPE html>\n<html lang=\"{{ .Site.LanguageCode }}\">\n <head>\n {{ partial \"meta.html\" . }}\n <title>{{ block \"tit"
},
{
"path": "layouts/_default/list.html",
"chars": 99,
"preview": "{{ \"<!-- Layout with no content to avoid WARN message about missing page layout -->\" | safeHTML }}\n"
},
{
"path": "layouts/_default/single.html",
"chars": 230,
"preview": "{{ define \"main\" }}\n\n {{ partial \"single/single.html\" . }}\n\n {{ if .Params.include_footer }}\n {{ partial \"footer.html"
},
{
"path": "layouts/index.html",
"chars": 708,
"preview": "{{ define \"main\" }}\n\n {{ if .Site.Params.hero }}\n {{ partial \"hero.html\" . }}\n {{ end }}\n\n {{ if .Site.Param"
},
{
"path": "layouts/partials/css.html",
"chars": 1294,
"preview": "{{- $inServerMode := \"\" }}\n{{- if gt (int (index (split hugo.Version \".\") 1)) \"120\" }}\n {{ $inServerMode = hugo.IsServe"
},
{
"path": "layouts/partials/footer.html",
"chars": 1851,
"preview": "{{- $footer := .Site.Params.footer }}\n{{- $logo := index $footer \"logo\" }}\n{{- $quickLinks := index $footer"
},
{
"path": "layouts/partials/hero-body.html",
"chars": 1011,
"preview": "{{- $hero := .Site.Params.hero }}\n{{- $title := index $hero \"title\" }}\n{{- $subtitle := index $hero \"subtit"
},
{
"path": "layouts/partials/hero-footer.html",
"chars": 484,
"preview": "{{- $hero := .Site.Params.hero }}\n{{- $clientLogos := index $hero \"clientlogos\" }}\n<div class=\"hero-foot mb-20\">\n"
},
{
"path": "layouts/partials/hero.html",
"chars": 208,
"preview": "<section class=\"hero is-fullheight is-default is-bold\">\n {{ partial \"navbar.html\" . }}\n {{ partial \"navbar-clone.html\""
},
{
"path": "layouts/partials/javascript.html",
"chars": 365,
"preview": "<script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js\"></script>\n<script src=\"https://unpkg.com"
},
{
"path": "layouts/partials/meta.html",
"chars": 529,
"preview": "{{ template \"_internal/google_analytics.html\" . }}\n{{ if eq .Site.Params.openGraph true }}\n{{ template \"_internal/opengr"
},
{
"path": "layouts/partials/navbar-clone.html",
"chars": 3364,
"preview": "{{- $navbar := .Site.Params.navbar }}\n{{- $sidebarVisible := .Params.sidebar | default .Site.Params.sidebar "
},
{
"path": "layouts/partials/navbar.html",
"chars": 3420,
"preview": "{{- $navbar := .Site.Params.navbar }}\n{{- $sidebarVisible := .Params.sidebar | default .Site.Params.sidebar "
},
{
"path": "layouts/partials/section1.html",
"chars": 1324,
"preview": "{{- $section1 := .Site.Params.section1 }}\n{{- $title := index $section1 \"title\" }}\n{{- $subtitle := index $section1 \""
},
{
"path": "layouts/partials/section2.html",
"chars": 1188,
"preview": "{{- $section2 := .Site.Params.section2 }}\n{{- $title := index $section2 \"title\" }}\n{{- $subtitle := index $section2 \""
},
{
"path": "layouts/partials/section3.html",
"chars": 987,
"preview": "{{- $section3 := .Site.Params.section3 }}\n{{- $title := index $section3 \"title\" }}\n{{- $subtitle := index $sect"
},
{
"path": "layouts/partials/section4.html",
"chars": 1089,
"preview": "{{- $section4 := .Site.Params.section4 }}\n{{- $title := index $section4 \"title\" }}\n{{- $subtitle := index $section4 \""
},
{
"path": "layouts/partials/section5.html",
"chars": 1858,
"preview": "{{- $section5 := .Site.Params.section5 }}\n{{- if eq $section5 true }}\n{{- $section5 = dict \"_\" \"_\" }}\n{{- end }}\n{{- $"
},
{
"path": "layouts/partials/sidebar.html",
"chars": 815,
"preview": "{{- $sidebar := .Site.Params.sidebar }}\n{{- $logo := index $sidebar \"logo\" }}\n{{- $sections := index $sidebar \"sect"
},
{
"path": "layouts/partials/single/content.html",
"chars": 411,
"preview": "<section class=\"section is-medium\">\n <div class=\"container\">\n <div class=\"columns\">\n <div class=\"column is-cent"
},
{
"path": "layouts/partials/single/sidebar.html",
"chars": 542,
"preview": "{{- $logo := .Params.sidebarlogo }}\n<div class=\"sidebar\">\n <div class=\"sidebar-header\">\n <img src=\"{{ printf \"im"
},
{
"path": "layouts/partials/single/single.html",
"chars": 104,
"preview": "{{ partial \"navbar.html\" . }}\n{{ partial \"navbar-clone.html\" . }}\n{{ partial \"single/content.html\" . }}\n"
},
{
"path": "layouts/shortcodes/subtitle1.html",
"chars": 44,
"preview": "<h1 class=\"subtitle is-1\">{{ .Get 0 }}</h1>\n"
},
{
"path": "layouts/shortcodes/subtitle2.html",
"chars": 44,
"preview": "<h2 class=\"subtitle is-2\">{{ .Get 0 }}</h2>\n"
},
{
"path": "layouts/shortcodes/subtitle3.html",
"chars": 44,
"preview": "<h3 class=\"subtitle is-3\">{{ .Get 0 }}</h3>\n"
},
{
"path": "layouts/shortcodes/subtitle4.html",
"chars": 44,
"preview": "<h4 class=\"subtitle is-4\">{{ .Get 0 }}</h4>\n"
},
{
"path": "layouts/shortcodes/subtitle5.html",
"chars": 44,
"preview": "<h5 class=\"subtitle is-5\">{{ .Get 0 }}</h5>\n"
},
{
"path": "layouts/shortcodes/subtitle6.html",
"chars": 44,
"preview": "<h6 class=\"subtitle is-6\">{{ .Get 0 }}</h6>\n"
},
{
"path": "layouts/shortcodes/title1.html",
"chars": 41,
"preview": "<h1 class=\"title is-1\">{{ .Get 0 }}</h1>\n"
},
{
"path": "layouts/shortcodes/title2.html",
"chars": 41,
"preview": "<h2 class=\"title is-2\">{{ .Get 0 }}</h2>\n"
},
{
"path": "layouts/shortcodes/title3.html",
"chars": 41,
"preview": "<h3 class=\"title is-3\">{{ .Get 0 }}</h3>\n"
},
{
"path": "layouts/shortcodes/title4.html",
"chars": 41,
"preview": "<h4 class=\"title is-4\">{{ .Get 0 }}</h4>\n"
},
{
"path": "layouts/shortcodes/title5.html",
"chars": 41,
"preview": "<h5 class=\"title is-5\">{{ .Get 0 }}</h5>\n"
},
{
"path": "layouts/shortcodes/title6.html",
"chars": 41,
"preview": "<h6 class=\"title is-6\">{{ .Get 0 }}</h6>\n"
},
{
"path": "resources/_gen/assets/sass/style.sass_0cd3d355ec95bf1703b17a06ee0ef826.content",
"chars": 225369,
"preview": "/*!bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma*/.pagination-previous,.pagination-next,.pagination-link,.pagi"
},
{
"path": "resources/_gen/assets/sass/style.sass_0cd3d355ec95bf1703b17a06ee0ef826.json",
"chars": 193,
"preview": "{\"Target\":\"css/style.min.7a984355ea0371a845ca84dd9356e5caf3fc628ad4553524aa9a665b79c54d29.css\",\"MediaType\":\"text/css\",\"D"
},
{
"path": "static/css/icons.css",
"chars": 37421,
"preview": "@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-w"
},
{
"path": "static/js/fresh.js",
"chars": 5214,
"preview": "//Preloader\r\n$(window).on('load', function() { // makes sure the whole site is loaded \r\n $('#status').fadeOut(); // w"
},
{
"path": "theme.toml",
"chars": 427,
"preview": "name = \"Hugo Fresh\"\nlicense = \"MIT\"\nlicenselink = \"https://github.com/StefMa/hugo-fresh/blob/master/LICENSE.md\"\ndescript"
}
]
About this extraction
This page contains the full source code of the StefMa/hugo-fresh GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 87 files (352.7 KB), approximately 104.9k tokens, and a symbol index with 1 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.