From 5b2d14af3c6fb56aa85675258bfc2846e200115e Mon Sep 17 00:00:00 2001 From: StefMa Date: Fri, 24 May 2019 15:19:25 +0200 Subject: [PATCH 1/7] Create AGB single page --- exampleSite/content/agb.md | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 exampleSite/content/agb.md diff --git a/exampleSite/content/agb.md b/exampleSite/content/agb.md new file mode 100644 index 0000000..20a4d54 --- /dev/null +++ b/exampleSite/content/agb.md @@ -0,0 +1,18 @@ +--- +title: AGB +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. + +
+ +{{% 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. + +
+ +{{% 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. From 238e088c986ce2b8b04bf1e367cf089a08fb6a14 Mon Sep 17 00:00:00 2001 From: StefMa Date: Fri, 24 May 2019 15:26:13 +0200 Subject: [PATCH 2/7] Remove global sidebar --- exampleSite/config.yaml | 40 +++----------------------------------- exampleSite/content/agb.md | 1 - 2 files changed, 3 insertions(+), 38 deletions(-) diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml index e2213a0..7a38db5 100644 --- a/exampleSite/config.yaml +++ b/exampleSite/config.yaml @@ -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 @@ -166,8 +132,8 @@ params: link: / - text: Our roadmap link: / - - text: Request features - link: / + - text: AGB + link: /agb column2: title: "Docs" links: @@ -187,4 +153,4 @@ params: - text: Tech articles link: / - text: Video blog - link: / \ No newline at end of file + link: / diff --git a/exampleSite/content/agb.md b/exampleSite/content/agb.md index 20a4d54..ee13847 100644 --- a/exampleSite/content/agb.md +++ b/exampleSite/content/agb.md @@ -1,6 +1,5 @@ --- title: AGB -sidebar: false --- {{% title3 "§1 Lorem" %}} From 4b7062657d5c8f4ddfe74baeebca7174c00fcd93 Mon Sep 17 00:00:00 2001 From: StefMa Date: Fri, 24 May 2019 17:01:56 +0200 Subject: [PATCH 3/7] Create first and second blog --- exampleSite/config.yaml | 6 ++---- exampleSite/content/blog/first.md | 7 +++++++ exampleSite/content/blog/second.md | 8 ++++++++ 3 files changed, 17 insertions(+), 4 deletions(-) create mode 100644 exampleSite/content/blog/first.md create mode 100644 exampleSite/content/blog/second.md diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml index 7a38db5..f8f4c1c 100644 --- a/exampleSite/config.yaml +++ b/exampleSite/config.yaml @@ -149,8 +149,6 @@ params: title: "Blog" links: - text: Latest news - link: / + link: /blog/first - text: Tech articles - link: / - - text: Video blog - link: / + link: /blog/second diff --git a/exampleSite/content/blog/first.md b/exampleSite/content/blog/first.md new file mode 100644 index 0000000..e71ff10 --- /dev/null +++ b/exampleSite/content/blog/first.md @@ -0,0 +1,7 @@ +--- +title: First +sidebar: true +sidebarlogo: fresh-white-alt +--- + +My super sweet first blog post!! diff --git a/exampleSite/content/blog/second.md b/exampleSite/content/blog/second.md new file mode 100644 index 0000000..df151b2 --- /dev/null +++ b/exampleSite/content/blog/second.md @@ -0,0 +1,8 @@ +--- +title: Second +sidebar: true +sidebarlogo: fresh-white-alt +--- + +{{% title2 "My awesome blogpost" %}} +My super sweet second blog post From 0e20a4d28d80808dfa2a23bae3db64235c0b736e Mon Sep 17 00:00:00 2001 From: Stefan M Date: Thu, 6 Jun 2019 11:34:45 +0200 Subject: [PATCH 4/7] Use exampleSite content for page building --- .circleci/config.yml | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/.circleci/config.yml b/.circleci/config.yml index 1abacab..961b04e 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -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 From 5128c739efd2a6c3736b4304be3cfc5f1bdc38e9 Mon Sep 17 00:00:00 2001 From: Stefan M Date: Thu, 6 Jun 2019 11:46:20 +0200 Subject: [PATCH 5/7] Update now --- .circleci/config.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.circleci/config.yml b/.circleci/config.yml index 961b04e..0edf2f8 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -73,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 From 040a1fc3793cd22f9d3e5e4e90c679fbda362e0c Mon Sep 17 00:00:00 2001 From: StefMa Date: Thu, 6 Jun 2019 11:52:16 +0200 Subject: [PATCH 6/7] Enable section5 again --- exampleSite/config.yaml | 1 + 1 file changed, 1 insertion(+) diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml index f8f4c1c..9d52a3d 100644 --- a/exampleSite/config.yaml +++ b/exampleSite/config.yaml @@ -103,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 From fd55da3da0e0a5b6b08b542dc6317575b8d73ec3 Mon Sep 17 00:00:00 2001 From: StefMa Date: Thu, 6 Jun 2019 12:15:30 +0200 Subject: [PATCH 7/7] Add docs to readme --- README.md | 281 ++++++++++++++++++++++++++++++++++++++-- exampleSite/config.yaml | 6 +- 2 files changed, 275 insertions(+), 12 deletions(-) diff --git a/README.md b/README.md index 11b7bd4..3593d25 100644 --- a/README.md +++ b/README.md @@ -4,8 +4,6 @@ ![Fresh theme logo](images/screenshot.png) -> 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. + +
+Code + +``` +navbarlogo: + image: logos/fresh.svg # Logo (from static/images/logos/) + link: / +``` + +
+ +#### font +Set the font of the site. + +
+Code + +``` +font: + name: "Open Sans" + sizes: [400,600] +``` + +
+ +#### hero +The "main" page which you see when you open the website. + +
+Code +``` +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 +``` + +
+ +#### navbar +The navigation bar which is at the top of the site. +For a dropdown, add a "sublinks" list. + +
+Code + +``` +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 +``` + +
+ +#### section1 +Describes the second "page" which you will see when you scroll down. Currently it will have **always** three `titles`. + +
+Code + +``` +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 +Shows information why someone should use this product. + +
+Code + +``` +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 +``` + +
+ +#### section3 +Display a bright image of your product. + +
+Code + +``` +section3: + title: One platform + subtitle: To rule them all + image: illustrations/mockups/app-mockup.png + buttonText: Get started + buttonLink: "#" +``` + +
+ +#### section4 +What clients says about us. + +
+Code + +``` +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 +``` + +
+ +#### section5 +Write us. + +
+Code + +``` +section5: true # or false to hide it +``` + +
+ +#### footer +The footer of the site. + +
+Code + +``` +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 +``` + +
+ +### 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). + +
+Code + +``` +--- +title: AGB +sidebar: true # or false to display the sidebar +sidebarlogo: fresh-white-alt # From (static/images/logo/) +--- +``` + +
## 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! diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml index 9d52a3d..a37018c 100644 --- a/exampleSite/config.yaml +++ b/exampleSite/config.yaml @@ -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