yacloud/gohugo-theme-ananke
1
0
Fork 0
mirror of https://github.com/theNewDynamic/gohugo-theme-ananke.git synced 2025-06-08 00:52:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

complete the feature for the cover dimming class in page

Browse Source 
- feature already present for site
- add info for the param to the example

Signed-off-by: Patrick Kollitsch <patrick@davids-neighbour.com>
This commit is contained in:
Cyrill Raccaud 2024-10-12 14:40:50 +02:00 committed by Patrick Kollitsch
parent e7f28b0de4
commit 519d48f94b
No known key found for this signature in database
GPG Key ID: 5A5360B005AD68C7
2 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
exampleSite/config.toml
View File

@ -38,6 +38,8 @@ description = "The last theme you'll ever need. Maybe."
background_color_class = "bg-black" background_color_class = "bg-black"
# choose an fitting and alignment style for the featured image using tachyons classes such as "cover|contain" for fitting and "bg-top|bg-center|bg-bottom" for alignment, or add any other class space-separated to customize further # choose an fitting and alignment style for the featured image using tachyons classes such as "cover|contain" for fitting and "bg-top|bg-center|bg-bottom" for alignment, or add any other class space-separated to customize further
featured_image_class = "cover bg-top" featured_image_class = "cover bg-top"
# choose a color dimming class for the page or size header from any on this page: https://tachyons.io/docs/themes/skins/, preface it with "bg-" and add the value such as "-X0" where X is in [1,9]
cover_dimming_class = "bg-black-60"
recent_posts_number = 3 recent_posts_number = 3
[ananke.social.follow] [ananke.social.follow]

2
layouts/partials/page-header.html
View File

@ -2,7 +2,7 @@
{{ if $featured_image }} {{ if $featured_image }}
{{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}} {{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}}
<header class="{{ .Params.featured_image_class | .Site.Params.featured_image_class | default "cover bg-top" }}" style="background-image: url('{{ $featured_image }}');"> <header class="{{ .Params.featured_image_class | .Site.Params.featured_image_class | default "cover bg-top" }}" style="background-image: url('{{ $featured_image }}');">
<div class="bg-black-60"> <div class="{{ .Params.cover_dimming_class | .Site.Params.cover_dimming_class | default "bg-black-60" }}">
{{ partial "site-navigation.html" . }} {{ partial "site-navigation.html" . }}
<div class="tc-l pv6 ph3 ph4-ns"> <div class="tc-l pv6 ph3 ph4-ns">
{{ if not .Params.omit_header_text }} {{ if not .Params.omit_header_text }}