diff --git a/README.md b/README.md index f28bc97..25ae994 100644 --- a/README.md +++ b/README.md @@ -37,6 +37,9 @@ This theme includes the full set of [Fork Awesome 1.2.0 Icons][fork-awesome-icon Look at this nice »envelope«-icon: `{{}}`. I took this from https://forkaweso.me/Fork-Awesome/icon/envelope/ :-) ``` +### Header logo +Configured in `_index.md`, see `exampleSite`: `header_logo: "images/chef-hat.png"` + ### External links You can add external link in the menu, see `external.md` in the `exampleSite`. diff --git a/assets/css/screen.css b/assets/css/screen.css index 7349489..15f3019 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -416,7 +416,7 @@ li { } /* Yo-logo. Yolo-go. Upload one in ghost/settings/ */ -#blog-logo img { +#blog-logo { display: block; max-height: 100px; width: auto; @@ -950,7 +950,7 @@ a.fn-item.active { .post-holder { padding-top: 20px; } - #blog-logo img { + #blog-logo { max-height: 80px; } diff --git a/exampleSite/config.toml b/exampleSite/config.toml index dbbd1b9..79b87b1 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -11,7 +11,7 @@ theme = "hugo-scroll" # The browser tab name title = "Jane Doe - Nutrition Coach & Chef Consultant" -# Theme-specific variables +# Theme-specific variables `.Site.Params.myParamName` [params] # The path to your "favicon". This should be a square (at least 32px x 32px) png-file. @@ -19,13 +19,14 @@ title = "Jane Doe - Nutrition Coach & Chef Consultant" # These "images" are used for the structured data templates. This will show up, when # services like Twitter or Slack want to generate a preview of a link to your site. - # See https://gohugo.io/templates/internal#twitter-cards and - # https://gohugo.io/templates/internal#open-graph. + # See https://gohugo.io/templates/internal#twitter-cards and https://gohugo.io/templates/internal#open-graph. + # NOT the actual header background image, go to _index.md instead images = ["images/cover-image.jpg"] # When set true, it creates a visual guard (partially transparent rounded box), preventing non-ideal background images from interfering with title/description headings # Ideal images are homogenous around the centre and contrasting to the text. # see CSS classes: .title-and-description-guard, .blog-title, .blog-description + # see _index.md header_headline and header_subheadline title_guard = false # Another "title" :-). This one is used as the site_name on the Hugo's internal diff --git a/exampleSite/content/_index.md b/exampleSite/content/_index.md index e765ccd..fa544e3 100644 --- a/exampleSite/content/_index.md +++ b/exampleSite/content/_index.md @@ -1,5 +1,8 @@ --- +# Striking header background image, Ideal images are homogenous around the centre and contrasting to the text. Non-ideal images can use `title_guard` header_image: "images/cover-image.jpg" +# Optional header logo. CSS: `#blog-logo`, with max-height defined, optimize to prevent scaling +header_logo: "images/chef-hat.png" header_headline: "Jane Doe" header_subheadline: "Hi there , I am a Nutrition Coach & Chef Consultant" --- diff --git a/exampleSite/content/homepage/credits.md b/exampleSite/content/homepage/credits.md new file mode 100644 index 0000000..659be1e --- /dev/null +++ b/exampleSite/content/homepage/credits.md @@ -0,0 +1,8 @@ +--- +title: "Credits" +weight: 99 +header_menu: true +--- +In this section we give thanks to authors of resources used on this demo page. +![Nice picture to make you pay me ;-)](images/chef-hat.png) +{{}} diff --git a/exampleSite/content/homepage/services.md b/exampleSite/content/homepage/services.md index fde7687..01ac68e 100644 --- a/exampleSite/content/homepage/services.md +++ b/exampleSite/content/homepage/services.md @@ -8,7 +8,7 @@ That is the important part, right? You want to know what I can do for you. This --- -## Nutrition Coaching +### Nutrition Coaching This is not an easy task. You will likely have to pay money for this. You know what - let us look at a nice picture first. @@ -16,9 +16,7 @@ This is not an easy task. You will likely have to pay money for this. You know w Wow. That was nice, right? Well, call me and let us talk. ---- - -## Chef Consulting +### Chef Consulting Did you see the picture above? I can show you how to go from @@ -34,4 +32,4 @@ in estimated seconds. Want to learn more about my services? -Check out [this page](services) I created. It carries a lot more details... +Check out [dedicated page](services) with a lot more details. diff --git a/exampleSite/static/images/chef-hat.png b/exampleSite/static/images/chef-hat.png new file mode 100644 index 0000000..14956d1 Binary files /dev/null and b/exampleSite/static/images/chef-hat.png differ diff --git a/layouts/index.html b/layouts/index.html index 305dffb..ee72112 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -7,6 +7,7 @@