Git Product home page Git Product logo

hugo-fresh's Introduction

✨ hugo-fresh | Demo | Documentation

The Fresh theme for Hugo

Fresh is a theme for the Hugo static site generator adapted from the gorgeous, Bulma-based theme of the same name from CSS Ninja. You can find a live demo of the original theme here and a live demo of the Hugo theme here.

Fresh theme logo

hugo-fresh's People

Contributors

behraam avatar bwmills avatar clsource avatar cyrilf avatar deining avatar dependabot[bot] avatar gazoakley avatar gfrenoy avatar jimafisk avatar knmurphy avatar lucperkins avatar lukashass avatar mahons avatar nathanbiller avatar raheems avatar rv0 avatar selkhateeb avatar stefma avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

hugo-fresh's Issues

Make sections optional

Currently all "5" sections "needs to be filled" with content.
I would like to just "drop" a section and they shouldn't be rendered..

Sidebar link not working

Not exactly sure how the links in the sidebar menu are supposed to work. For me they do not work.

I've inserted a link for the Profile of the User menu as follows. And the link doesn't work. Upon clicking, it closes the "User" menu.

sidebar:
# Logo (from /images/logos/___.svg)
logo: fresh-square
sections:
- title: User
icon: user
links:
- text: Profile
url: https://www.google.com
- text: Account
url: /
- text: Settings
url: /

Font awesome gitlab icon not displayed in footer

Gitlab icon is avaible on font awesome (https://fontawesome.com/v4.7.0/icon/gitlab/).

But when I try to use it in this theme it doesn't work:

footer:
     # Logo (from /images/logos/___)
     logo: fresh-white-alt.svg
     socialmedia:
       # Icons are from Font Awesome
     - link:  "#"
       icon: github
     - link: "#"
       icon: gitlab
     - link:  "#"
       icon: twitter

Github and Twitter works fine but gitlab doesn't works (display nothing). Maybe I miss some step ?

Error rendering the hugo site

Can't seem to get the hugo site to build. I've followed your steps in the README. I'm on a Mac running the latest version of hugo (Hugo Static Site Generator v0.41) with Node.js installed.

This is the error I'm getting. Probably something simple, so your help is appreciated!

Building sites … ERROR 2018/05/31 19:35:55 Error while rendering "home" in "": template:
/Users/liz/Documents/hugo/fresh-landing-page/themes/hugo-fresh/layouts/index.html:6:7:
executing "/Users/liz/Documents/hugo/fresh-landing-page/themes/hugo-fresh/layouts/index.html" 
at <partial "css.html" .>: error calling partial: template: theme/partials/css.html:5:36: executing 
"theme/partials/css.html" at <index .Site.Data.ass...>: error calling index: index of untyped nil

Include navbarlogo in config

Hi, thank you so much for this fantastic Hugo theme 👍

Just a small issue - the current theme does not seem to render the navbar logo in the navbar because the config.yaml does not include any configuration for the navbarlogo.

This seems to work (for me):

params:
 navbarlogo:
  image: logos/logo.svg
  link: /

Thanks again!

Sidebar with single pages are broken

We can enable the sidebar by adding this to our config.yml file:

  sidebar:
    logo: fresh-square
    sections:
    - title: User
      icon: user
      links:
        - text: Profile
          url: /

This works as expected and enable the sidebar to our main page and on single pages with its own sidebar:
Geist_1563952924999
Geist_1563952974090

But it doesn't work on single pages without a sidebar.
The sidebar is visible but can't be shown:
Geist_1563952950651

We should disable the sidebar (link)/(opener) on single pages without a sidebar completely!

Best way to hide page elements?

I'd like to hide certain page elements on the main page. I could modify the theme, but then I'd lose the easy upgrade path. Is there a way to hide elements via the YAML file? If I comment out features: and all children, the gray background still stays on the page.

I'd be happy to contribute docs if you can give me enough to figure it out 😄

Please make Hugo Fresh work for all versions of Hugo.

Hello @lucperkins

This came up in the Hugo forum today: https://discourse.gohugo.io/t/hugo-fresh-a-wonderful-theme-for-learning-new-hugo-features/13792/2 from a user who tried to use your theme without having installed Hugo Extended.

Recently a decision was made that Hugo themes assets should be considered as stable and theme authors who use Hugo Extended features should commit their /resources/ directory so that a theme works in all versions of Hugo. See here for the relevant discussion.

Can you please look into it?

Thank you very much!

CC / @digitalcraftsman

failed to transform "style.sass" (text/x-sass): this feature is not available in your current Hugo version

I am running Hugo Static Site Generator v0.46 linux/amd64 BuildDate: 2018-08-01T09:00:55Z

I did the step by step in the README.md

When I try to hugo server I get

$ hugo server 
Building sites … ERROR 2018/08/06 15:57:05 error: failed to transform resource: TOCSS: failed to transform "style.sass" (text/x-sass): this feature is not available in your current Hugo version
Total in 15 ms
Error: Error building site: logged 1 error(s)

Including additional single pages does not work

A recent update to Hugo or this theme seems to have broken the "single page" functionality.

I tried to build the example site as well as my own site where I also have a GDPR page linked from the landing page and in both cases, the generated HTML for the single pages is faulty and a mere copy of the landing page. Clicking a link pointing to the subpage in the live preview also does not seem to work as it keeps pointing me to the index page.

I am using the latest version of this theme. As for my Hugo version:

[felix@Samaritan] $ hugo version
Hugo Static Site Generator v0.57.2/extended darwin/amd64 BuildDate: unknown

Set to different font

  font:
    name: "Open Sans"
    sizes: [400,600]

Changing the font name to something like "Nunito" does not change the font in the built version. Inspect still shows Open Sans.

The head part <link href="https://fonts.googleapis.com/css?family=Nunito:400,600" rel="stylesheet"> does change.

But this part does not

/* ==========================================================================
Section Styles
========================================================================== */
.section.section-light-grey {
  background-color: #EFF4F7; }

.section.section-feature-grey {
  background-color: #fbfbfb; }

.section.section-secondary {
  background-color: #F39200; }

.section.section-half {
  height: 75vh !important; }

.section .title, .section .subtitle {
  font-family: 'Open Sans', sans-serif; }

.section .subtitle.is-muted {
  color: #999; }

.title-wrapper {
  max-width: 500px;
  margin: 0 auto; }
  .title-wrapper .title, .title-wrapper .subtitle {
    font-family: 'Open Sans', sans-serif; }
  .title-wrapper .subtitle.is-muted {
    color: #999; }

…

How to include images and youtube videos in the additional single page

Hi ,
I follow the "exampleSite/content/agb.md" for designing single page.

I would like to include images and youtube videos.

Question1: is there any custom tag for IMAGE and Videos, like below,
{{% subtitle5 " My subtile" %}}

or should i use html tag?

Question2: Where i should i place the images?

Thanks
suresh

licencing

can you please declare licencing type for this project?

Fix warnings

I get the following warnings when I build the site:

Building sites … 
WARN 2019/07/24 10:37:50 found no layout file for "HTML" for "taxonomyTerm": You should create a template file which matches Hugo Layouts Lookup Rules for this combination.
WARN 2019/07/24 10:37:50 found no layout file for "HTML" for "taxonomyTerm": You should create a template file which matches Hugo Layouts Lookup Rules for this combination.
WARN 2019/07/24 10:37:50 found no layout file for "HTML" for "section": You should create a template file which matches Hugo Layouts Lookup Rules for this combination.
WARN 2019/07/24 10:37:50 Page's .Dir is deprecated and will be removed in a future release. Use .File.Dir.
WARN 2019/07/24 10:37:50 Page's .URL is deprecated and will be removed in a future release. Use .Permalink or .RelPermalink. If what you want is the front matter URL value, use .Params.url.

(See also #61)
We should fix the warnings

Customize the menu

Hi,
I am wondering how to customize the menu such as the dropdown menu?

Layout broken on fresh install

When I follow the instructions precisely, I can't manage for the site to be deployed correctly. When I run hugo server I get the following warnings:

Building sites … WARN 2019/06/25 16:07:54 found no layout file for "HTML" for "taxonomyTerm": You should create a template file which matches Hugo Layouts Lookup Rules for this combination.
WARN 2019/06/25 16:07:54 found no layout file for "HTML" for "taxonomyTerm": You should create a template file which matches Hugo Layouts Lookup Rules for this combination.

When accessing the page, it looks very broken:
image

Hugo version:

Hugo Static Site Generator v0.55.6-A5D4C82D2/extended darwin/amd64 BuildDate: 2019-05-18T08:06:24Z

Go version:

go version go1.12.6 darwin/amd64

Latest hugo-fresh from Github, MacOS 10.14.5.

Make sidebar optional

I really love this theme. But I don't need a sidebar.
As far as I can see it, it is not possible to just remove sidebar.
I would like to "remove" the sidebar in the config somehow...

Include quicklinks in footer

The current theme does not render the quicklinks in the footer because the config.yaml does not have proper configuration in the footer.

This should work I think.

quicklinks:
      column1:
        title: "Product"
        links:
        - text: Discover features
          link: /
        - text: Why choose our product?
          link: /
        - text: Compare features
          link: /
        - text: Our roadmap
          link: /
        - text: Request features
          link: /
      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: /
        - text: Tech articles
          link: /
        - text: Video blog
          link: /

Error building theme on brand new site

I'm trying to use this theme on a brand new site and Hugo is erroring out. I just updated Hugo and running v0.40.2.

Here's the error:

Building sites … ERROR 2018/05/04 18:25:54 Error while rendering "home" in "": template: /Users/..../themes/hugo-fresh/layouts/index.html:6:7: executing "/Users/...../themes/hugo-fresh/layouts/index.html" at <partial "css.html" .>: error calling partial: template: theme/partials/css.html:5:36: executing "theme/partials/css.html" at <index .Site.Data.ass...>: error calling index: index of untyped nil

Anyone else get this?

Subpages

Hi,

how do I create pages with the basic layout of the landing page (header, content of page, footer), something like /about or /privacy?

Thanks!

CSS missing from Demo on Hugo Site

Hello again @lucperkins

Today it was reported in the forum that your theme demo is broken.

I have seen a similar case when I was reviewing the Hugo Tale theme for the Themes Site.

If you view the source of your theme's demo on the Hugo Site, you will see that on lines 12 and 15 your CSS has the wrong permalink. It seems that for assets published through Hugo Pipes .Permalink renders an absolute URL and .RelPermalink produces the correct one.

To fix this problem in your partials/css.htmlplease do the following:

  • First change line 12 to: <link rel="stylesheet" type="text/css" href="{{ $css.RelPermalink }}">

  • Then change line 15 of your partials/css.html to:
    <link rel="stylesheet" type="text/css" href="{{ $css.RelPermalink }}" integrity="{{ $css.Data.Integrity }}">

I have tested the above fixes with the Themes Site Build Script and once you do the above your demo will once again be generated with its CSS, (once the Hugo Site is updated).


CC / @digitalcraftsman

unable to get theme to deploy per Hugo instructions

Theme has been downloaded, but when I go to http://localhost:1313, nothing appears. I am getting the below error in terminal:

ERROR 2018/04/15 19:05:45 Error while rendering "home" in "": template: /Users/allen/Sites/Allen616/clFresh/themes/hugo-fresh/layouts/index.html:6:7: executing "/Users/allen/Sites/Allen616/clFresh/themes/hugo-fresh/layouts/index.html" at <partial "css.html" .>: error calling partial: template: theme/partials/css.html:4:12: executing "theme/partials/css.html" at <.Site.IsServer>: can't evaluate field IsServer in type *hugolib.SiteInfo

Adding links to the section1 contents

This not an issue but perhaps a request.

I would like to add links to the buttons in the section1 contents. For example, there are three blocks with buttons on each. If you could give an example of how to add links to them separately, that would be great.

The goal here is to showcase a list of books/articles which would link to the contents when clicked.

I know you might not have free time for this request, and I completely understand that. Thanks.

Include and link normal hugo pages in theme?

I would like to add a privacy policy, for example. How would I embed that as a page in Hugo? I do not want to mix my content with the theme so I tried hugo new privacy, ended up with that md file but I am not sure how I can create another html template that is rendered with the hello-fresh theme.

Would you maybe give me a hint on that one?

Clipart SVG Source/License?

Hi, I'm interested in using the SVG of the woman at her desk and also finding other licensable artwork in the same style. Where is the artwork from?

Section1 should be more responsible

The section1 has by default three tiles:
bildschirmfoto 2018-11-06 um 14 08 07
But when I only need one I would expect that it will render it in the middle of the screen.
Unfortunately they will be still left aligned:
bildschirmfoto 2018-11-06 um 14 09 24

It would be cool when I could add "as many" tiles as I want and the site "reacts" on it and render it correctly...

Add additional pages, blog, services etc..

I would like to be able extend the theme to include other types of pages—blog posts, documentation pages, etc.

Is it possible to provide instructions or a a sample for one to follow?

Thanks

Change netlify.com to now.sh

I don't provide the example at netlify.
It's from the old project maintainer.

Deploy an sample to now.sh and document it how to do this by yourself...

Document better

Currently the documentation is a little bit "rare".
We have to improve this.

  • About the optional sections | see 5e0cc43 and #33
  • About single pages | see #35
    .. and maybe more :)

duplicate ids error

Your theme generates badly-formed HTML with several duplicate ids. These are not allowed by W3C specs.

For example in index.html
id="menu-icon-wrapper"
id="menu-icon-trigger"

Error transforming SASS file in Hugo v0.51

Following the step, when executing hugo server gives an error:

ERROR 2018/11/24 11:06:48 error: failed to transform resource: TOCSS: failed to transform "style.sass" (text/x-sass): this feature is not available in your current Hugo version
Total in 14 ms

I have installed

hugo env
Hugo Static Site Generator v0.51 linux/amd64 BuildDate: 2018-11-07T10:10:13Z
GOOS="linux"
GOARCH="amd64"
GOVERSION="go1.11"

Button text style issue

        <div class="field is-horizontal">
          <div class="field-body">
            <div class="field">
              <div class="control">
                <button type="submit" class="button cta rounded primary-btn raised">Enviar mensaje</button>
              </div>
            </div>
          </div>
        </div>

results in
image

The (aparently) offending part is ctaclass with

// _button.scss
        padding: 26px 40px 26px 40px;

I've not found a way to make this work. (Chrome: Versión 71.0.3578.98 (Build oficial))

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.