181 lines
12 KiB
HTML
181 lines
12 KiB
HTML
<!doctype html><html lang=en-us><head><meta name=description content="Hardcoded description; the author should update :)"><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"><title>Hugo Fresh documentation</title><link rel=icon type=image/png href=/hugo-fresh/images/favicon.png><link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel=stylesheet><link rel=stylesheet type=text/css href=/hugo-fresh/css/style.min.90e79d931dd7cbbc3a657115e4b0d9b131892ce20e05d1f3176a3dfbe94ef1c4.css integrity="sha256-kOedkx3Xy7w6ZXEV5LDZsTGJLOIOBdHzF2o9++lO8cQ="><link rel=stylesheet type=text/css href=/hugo-fresh/css/icons.css></head><body><div id=preloader><div id=status></div></div><nav class="navbar is-fresh is-transparent no-shadow" role=navigation aria-label="main navigation"><div class=container><div class=navbar-brand><a class=navbar-item href=/hugo-fresh><img src=/hugo-fresh/images/logos/fresh.svg alt width=112 height=28></a>
|
|
<a class="navbar-item is-hidden-desktop is-hidden-tablet"><div id=menu-icon-wrapper class=menu-icon-wrapper style=visibility:visible><svg width="1e3" height="1e3"><path class="path1" d="M3e2 4e2H7e2c2e2.0 2e2 350-1e2 450A4e2 4e2.0 0 1 2e2 2e2L8e2 8e2"/><path class="path2" d="M3e2 5e2H7e2"/><path class="path3" d="M7e2 6e2H3e2c-2e2.0-2e2-4e2 1e2-450A4e2 380 0 1 1 2e2 8e2L8e2 2e2"/></svg><button id=menu-icon-trigger class=menu-icon-trigger></button></div></a><a role=button class=navbar-burger aria-label=menu aria-expanded=false data-target=navbar-menu><span aria-hidden=true></span><span aria-hidden=true></span><span aria-hidden=true></span></a></div><div id=navbar-menu class="navbar-menu is-static"><div class=navbar-start><a class="navbar-item is-hidden-mobile"><div id=menu-icon-wrapper class=menu-icon-wrapper style=visibility:visible><svg width="1e3" height="1e3"><path class="path1" d="M3e2 4e2H7e2c2e2.0 2e2 350-1e2 450A4e2 4e2.0 0 1 2e2 2e2L8e2 8e2"/><path class="path2" d="M3e2 5e2H7e2"/><path class="path3" d="M7e2 6e2H3e2c-2e2.0-2e2-4e2 1e2-450A4e2 380 0 1 1 2e2 8e2L8e2 2e2"/></svg><button id=menu-icon-trigger class=menu-icon-trigger></button></div></a></div><div class=navbar-end><a href=https://github.com/StefMa/hugo-fresh class=navbar-item><span class="button signup-button rounded secondary-btn raised">GitHub</span></a></div></div></div></nav><nav id=navbar-clone class="navbar is-fresh is-transparent" role=navigation aria-label="main navigation"><div class=container><div class=navbar-brand><a class=navbar-item href=/hugo-fresh><img src=/hugo-fresh/images/logos/fresh.svg alt width=112 height=28></a>
|
|
<a class="navbar-item is-hidden-desktop is-hidden-tablet"><div id=menu-icon-wrapper class=menu-icon-wrapper style=visibility:visible><svg width="1e3" height="1e3"><path class="path1" d="M3e2 4e2H7e2c2e2.0 2e2 350-1e2 450A4e2 4e2.0 0 1 2e2 2e2L8e2 8e2"/><path class="path2" d="M3e2 5e2H7e2"/><path class="path3" d="M7e2 6e2H3e2c-2e2.0-2e2-4e2 1e2-450A4e2 380 0 1 1 2e2 8e2L8e2 2e2"/></svg><button id=menu-icon-trigger class=menu-icon-trigger></button></div></a><a role=button class=navbar-burger aria-label=menu aria-expanded=false data-target=cloned-navbar-menu><span aria-hidden=true></span><span aria-hidden=true></span><span aria-hidden=true></span></a></div><div id=cloned-navbar-menu class="navbar-menu is-fixed"><div class=navbar-start><a class="navbar-item is-hidden-mobile"><div id=cloned-menu-icon-wrapper class=menu-icon-wrapper style=visibility:visible><svg width="1e3" height="1e3"><path class="path1" d="M3e2 4e2H7e2c2e2.0 2e2 350-1e2 450A4e2 4e2.0 0 1 2e2 2e2L8e2 8e2"/><path class="path2" d="M3e2 5e2H7e2"/><path class="path3" d="M7e2 6e2H3e2c-2e2.0-2e2-4e2 1e2-450A4e2 380 0 1 1 2e2 8e2L8e2 2e2"/></svg><button id=cloned-menu-icon-trigger class=menu-icon-trigger></button></div></a></div><div class=navbar-end><a href=https://github.com/StefMa/hugo-fresh class=navbar-item><span class="button signup-button rounded secondary-btn raised">GitHub</span></a></div></div></div></nav><section class="section is-medium"><div class=container><div class=columns><div class="column is-centered-tablet-portrait"><h1 class="title section-title">Landing page</h1><h5 class="subtitle is-5 is-muted"></h5><div class=divider></div></div></div><div class=content><h2 id=customize-the-landing-page>Customize the landing page</h2><p>There’s a wide variety of customizations that you can make to your Hugo Fresh landing page by modifying the <code>config.yaml</code> file that you downloaded.</p><h3 id=navbarlogo>navbarlogo</h3><p>Define the logo of the navigationbar in the upper left corner.</p><p><details><summary>Code</summary></p><pre><code class=language-yaml>navbarlogo:
|
|
image: logos/fresh.svg # Logo (from static/images/logos/)
|
|
link: /
|
|
</code></pre><p></details></p><h3 id=font>font</h3><p>Set the font of the site.</p><p><details><summary>Code</summary></p><pre><code class=language-yaml>font:
|
|
name: "Open Sans"
|
|
sizes: [400,600]
|
|
</code></pre><p></details></p><h3 id=hero>hero</h3><p>The “main” page which you see when you open the website.</p><p><details><summary>Code</summary></p><pre><code class=language-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)
|
|
clientlogos:
|
|
- systek
|
|
- tribe
|
|
- kromo
|
|
- infinite
|
|
- gutwork
|
|
</code></pre><p></details></p><h3 id=navbar>navbar</h3><p>The navigation bar which is at the top of the site.
|
|
For a dropdown, add a “sublinks” list.</p><p><details><summary>Code</summary></p><pre><code class=language-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
|
|
</code></pre><p></details></p><h3 id=sidebar>sidebar</h3><p>The sidebar is an optional parameter where you can place even more navigation items.</p><p><details><summary>Code</summary></p><pre><code class=language-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: /
|
|
</code></pre><p></details></p><h3 id=section1>section1</h3><p>Describes the second “page” which you will see when you scroll down. Currently it will have <strong>always</strong> three <code>titles</code>.</p><p><details><summary>Code</summary></p><pre><code class=language-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
|
|
</code></pre><p></details></p><h3 id=section2>section2</h3><p>Shows information why someone should use this product.</p><p><details><summary>Code</summary></p><pre><code class=language-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
|
|
</code></pre><p></details></p><h3 id=section3>section3</h3><p>Display a bright image of your product.</p><p><details><summary>Code</summary></p><pre><code class=language-yaml>section3:
|
|
title: One platform
|
|
subtitle: To rule them all
|
|
image: illustrations/mockups/app-mockup.png
|
|
buttonText: Get started
|
|
buttonLink: "#"
|
|
</code></pre><p></details></p><h3 id=section4>section4</h3><p>What clients says about us.</p><p><details><summary>Code</summary></p><pre><code class=language-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
|
|
</code></pre><p></details></p><h3 id=section5>section5</h3><p>Write us.</p><p><details><summary>Code</summary></p><pre><code class=language-yaml>section5: true # or false to hide it
|
|
</code></pre><p></details></p><h3 id=footer>footer</h3><p>The footer of the site.</p><p><details><summary>Code</summary></p><pre><code class=language-yaml>footer:
|
|
# Logo (from /staticimages/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
|
|
</code></pre><p></details></p></div></div></section><div id=backtotop><a href=#></a></div><div class=sidebar><div class=sidebar-header><img src=/hugo-fresh/images/logos/fresh-white.svg>
|
|
<a class=sidebar-close href=javascript:void(0);><i data-feather=x></i></a></div><div class=inner><ul class=sidebar-menu><li><a href=https://stefma.github.io/hugo-fresh/getstarted/>Get Started</a></li><li><a href=https://stefma.github.io/hugo-fresh/landingpage/>Landing page</a></li><li><a href=https://stefma.github.io/hugo-fresh/singlepage/>Single page</a></li><li><a href=https://stefma.github.io/hugo-fresh/troupleshooting/>Troubleshooting</a></li></ul></div></div><script src=https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js></script><script src=https://unpkg.com/feather-icons></script><script src=/hugo-fresh/js/fresh.js></script><script src=/hugo-fresh/js/jquery.panelslider.min.js></script><script src=https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js></script></body></html> |