Stefan M
GitHub
@@ -33,9 +33,15 @@ jobs:
|
||||
name: Replace default config
|
||||
working_directory: my-site
|
||||
command: |
|
||||
if [[ ${CIRCLE_BRANCH} == "*pull*" ]]; then
|
||||
git fetch origin ${CIRCLE_BRANCH}/head:BRANCHNAME
|
||||
branch=BRANCHNAME
|
||||
else
|
||||
branch=${CIRCLE_BRANCH}
|
||||
fi
|
||||
rm config.toml
|
||||
apk add curl
|
||||
curl -O https://raw.githubusercontent.com/StefMa/hugo-fresh/master/exampleSite/config.yaml
|
||||
curl https://codeload.github.com/stefma/hugo-fresh/tar.gz/$branch | tar -xz --strip=2 hugo-fresh-$branch/exampleSite/
|
||||
- run:
|
||||
name: Replace baseUrl in config
|
||||
working_directory: my-site
|
||||
@@ -67,7 +73,7 @@ jobs:
|
||||
name: Install now CLI
|
||||
command: |
|
||||
apk add wget
|
||||
wget -q https://github.com/zeit/now-cli/releases/download/14.2.3/now-alpine.gz
|
||||
wget -q https://github.com/zeit/now-cli/releases/download/15.4.0/now-alpine.gz
|
||||
apk add gzip
|
||||
gunzip now-alpine.gz
|
||||
chmod a+x now-alpine
|
||||
|
||||
281
README.md
281
README.md
@@ -4,8 +4,6 @@
|
||||
|
||||
|
||||
|
||||
> This theme is for landing pages only. If you'd like to extend the theme to include other types of pages—blog posts, documentation pages, etc.—feel free to submit a pull request.
|
||||
|
||||
## Getting started
|
||||
|
||||
To create a new site using this theme:
|
||||
@@ -32,14 +30,279 @@ open http://localhost:1313
|
||||
|
||||
## Customizing your page
|
||||
|
||||
There's a wide variety of customizations that you can make to your Hugo Fresh landing page by modifying the `config.yaml` file that you downloaded. That file provides documentation for what the various config values represent.
|
||||
### Landing page
|
||||
There's a wide variety of customizations that you can make to your Hugo Fresh landing page by modifying the `config.yaml` file that you downloaded.
|
||||
|
||||
#### navbarlogo
|
||||
Define the logo of the navigationbar in the upper left corner.
|
||||
|
||||
<details>
|
||||
<summary>Code</summary>
|
||||
|
||||
```
|
||||
navbarlogo:
|
||||
image: logos/fresh.svg # Logo (from static/images/logos/)
|
||||
link: /
|
||||
```
|
||||
|
||||
</details>
|
||||
|
||||
#### font
|
||||
Set the font of the site.
|
||||
|
||||
<details>
|
||||
<summary>Code</summary>
|
||||
|
||||
```
|
||||
font:
|
||||
name: "Open Sans"
|
||||
sizes: [400,600]
|
||||
```
|
||||
|
||||
</details>
|
||||
|
||||
#### hero
|
||||
The "main" page which you see when you open the website.
|
||||
|
||||
<details>
|
||||
<summary>Code</summary>
|
||||
```
|
||||
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
|
||||
```
|
||||
|
||||
</details>
|
||||
|
||||
#### navbar
|
||||
The navigation bar which is at the top of the site.
|
||||
For a dropdown, add a "sublinks" list.
|
||||
|
||||
<details>
|
||||
<summary>Code</summary>
|
||||
|
||||
```
|
||||
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>
|
||||
|
||||
#### section1
|
||||
Describes the second "page" which you will see when you scroll down. Currently it will have **always** three `titles`.
|
||||
|
||||
<details>
|
||||
<summary>Code</summary>
|
||||
|
||||
```
|
||||
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>
|
||||
|
||||
#### section2
|
||||
Shows information why someone should use this product.
|
||||
|
||||
<details>
|
||||
<summary>Code</summary>
|
||||
|
||||
```
|
||||
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>
|
||||
|
||||
#### section3
|
||||
Display a bright image of your product.
|
||||
|
||||
<details>
|
||||
<summary>Code</summary>
|
||||
|
||||
```
|
||||
section3:
|
||||
title: One platform
|
||||
subtitle: To rule them all
|
||||
image: illustrations/mockups/app-mockup.png
|
||||
buttonText: Get started
|
||||
buttonLink: "#"
|
||||
```
|
||||
|
||||
</details>
|
||||
|
||||
#### section4
|
||||
What clients says about us.
|
||||
|
||||
<details>
|
||||
<summary>Code</summary>
|
||||
|
||||
```
|
||||
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>
|
||||
|
||||
#### section5
|
||||
Write us.
|
||||
|
||||
<details>
|
||||
<summary>Code</summary>
|
||||
|
||||
```
|
||||
section5: true # or false to hide it
|
||||
```
|
||||
|
||||
</details>
|
||||
|
||||
#### footer
|
||||
The footer of the site.
|
||||
|
||||
<details>
|
||||
<summary>Code</summary>
|
||||
|
||||
```
|
||||
footer:
|
||||
# Logo (from /staticimages/logos/___)
|
||||
logo: fresh-white-alt.svg
|
||||
# Social media links (GitHub, Twitter, etc.). All are optional.
|
||||
socialmedia:
|
||||
- link: https://github.com/lucperkins/github-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>
|
||||
|
||||
### 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).
|
||||
|
||||
<details>
|
||||
<summary>Code</summary>
|
||||
|
||||
```
|
||||
---
|
||||
title: AGB
|
||||
sidebar: true # or false to display the sidebar
|
||||
sidebarlogo: fresh-white-alt # From (static/images/logo/)
|
||||
---
|
||||
```
|
||||
|
||||
</details>
|
||||
|
||||
## Troubleshooting
|
||||
|
||||
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:
|
||||
|
||||
```bash
|
||||
# On Ubuntu:
|
||||
snap refresh hugo --channel=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!
|
||||
|
||||
@@ -5,7 +5,7 @@ theme: hugo-fresh
|
||||
|
||||
params:
|
||||
navbarlogo:
|
||||
# Logo (from /images/logos/___)
|
||||
# Logo (from static/images/logos/___)
|
||||
image: logos/fresh.svg
|
||||
link: /
|
||||
font:
|
||||
@@ -20,9 +20,9 @@ params:
|
||||
buttontext: Get started
|
||||
# Where the main hero button links to
|
||||
buttonlink: "#"
|
||||
# Hero image (from /images/___)
|
||||
# Hero image (from static/images/___)
|
||||
image: illustrations/worker.svg
|
||||
# Footer logos (from /images/logos/clients/___.svg)
|
||||
# Footer logos (from static/images/logos/clients/___.svg)
|
||||
clientlogos:
|
||||
- systek
|
||||
- tribe
|
||||
@@ -48,40 +48,6 @@ params:
|
||||
- title: Sign up
|
||||
url: /
|
||||
button: true
|
||||
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: /
|
||||
section1:
|
||||
title: Great power comes
|
||||
subtitle: with great responsibility
|
||||
@@ -137,6 +103,7 @@ params:
|
||||
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: true
|
||||
footer:
|
||||
# Logo (from /images/logos/___)
|
||||
logo: fresh-white-alt.svg
|
||||
@@ -166,8 +133,8 @@ params:
|
||||
link: /
|
||||
- text: Our roadmap
|
||||
link: /
|
||||
- text: Request features
|
||||
link: /
|
||||
- text: AGB
|
||||
link: /agb
|
||||
column2:
|
||||
title: "Docs"
|
||||
links:
|
||||
@@ -183,8 +150,6 @@ params:
|
||||
title: "Blog"
|
||||
links:
|
||||
- text: Latest news
|
||||
link: /
|
||||
link: /blog/first
|
||||
- text: Tech articles
|
||||
link: /
|
||||
- text: Video blog
|
||||
link: /
|
||||
link: /blog/second
|
||||
|
||||
17
exampleSite/content/agb.md
Normal file
17
exampleSite/content/agb.md
Normal file
@@ -0,0 +1,17 @@
|
||||
---
|
||||
title: AGB
|
||||
---
|
||||
|
||||
{{% 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.
|
||||
7
exampleSite/content/blog/first.md
Normal file
7
exampleSite/content/blog/first.md
Normal file
@@ -0,0 +1,7 @@
|
||||
---
|
||||
title: First
|
||||
sidebar: true
|
||||
sidebarlogo: fresh-white-alt
|
||||
---
|
||||
|
||||
My super sweet first blog post!!
|
||||
8
exampleSite/content/blog/second.md
Normal file
8
exampleSite/content/blog/second.md
Normal file
@@ -0,0 +1,8 @@
|
||||
---
|
||||
title: Second
|
||||
sidebar: true
|
||||
sidebarlogo: fresh-white-alt
|
||||
---
|
||||
|
||||
{{% title2 "My awesome blogpost" %}}
|
||||
My super sweet second blog post
|
||||
Reference in New Issue
Block a user