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

home nav image, remove black background, swapped black/white background/test

Browse Source
This commit is contained in:
Christopher DeGuise 2018-09-26 10:37:32 -04:00
parent 8f54ed610d
commit afc2a4b119
3 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
exampleSite/config.toml
View File

@ -30,3 +30,4 @@ enableRobotsTXT = true
background_color_class = "bg-black" background_color_class = "bg-black"
featured_image = "/images/gohugo-default-sample-hero-image.jpg" featured_image = "/images/gohugo-default-sample-hero-image.jpg"
recent_posts_number = 2 recent_posts_number = 2
titleImage = ""

10
layouts/partials/site-header.html
View File

@ -3,14 +3,14 @@
{{/* 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 */}}
{{ $featured_image := (trim $featured_image "/") | absURL }} {{ $featured_image := (trim $featured_image "/") | absURL }}
<header class="cover bg-top" style="background-image: url('{{ $featured_image }}');"> <header class="cover bg-top" style="background-image: url('{{ $featured_image }}');">
<div class="bg-black-60"> <div class="black-90">
{{ partial "site-navigation.html" .}} {{ partial "site-navigation.html" .}}
<div class="tc-l pv4 pv6-l ph3 ph4-ns"> <div class="tc-l pv4 pv6-l ph3 ph4-ns">
<h1 class="f2 f-subheadline-l fw2 white-90 mb0 lh-title"> <h1 class="f2 f-subheadline-l fw2 mb0 lh-title">
{{ .Title | default .Site.Title }} {{ .Title | default .Site.Title }}
</h1> </h1>
{{ with .Params.description }} {{ with .Params.description }}
<h2 class="fw1 f5 f3-l white-80 measure-wide-l center mt3"> <h2 class="fw1 f5 f3-l black-80 measure-wide-l center mt3">
{{ . }} {{ . }}
</h2> </h2>
{{ end }} {{ end }}
@ -22,11 +22,11 @@
<div class="pb3-m pb6-l {{ .Site.Params.background_color_class | default "bg-black" }}"> <div class="pb3-m pb6-l {{ .Site.Params.background_color_class | default "bg-black" }}">
{{ partial "site-navigation.html" . }} {{ partial "site-navigation.html" . }}
<div class="tc-l pv3 ph3 ph4-ns"> <div class="tc-l pv3 ph3 ph4-ns">
<h1 class="f2 f-subheadline-l fw2 light-silver mb0 lh-title"> <h1 class="f2 f-subheadline-l fw2 mb0 lh-title">
{{ .Title | default .Site.Title }} {{ .Title | default .Site.Title }}
</h1> </h1>
{{ with .Params.description }} {{ with .Params.description }}
<h2 class="fw1 f5 f3-l white-80 measure-wide-l center lh-copy mt3 mb4"> <h2 class="fw1 f5 f3-l black-80 measure-wide-l center lh-copy mt3 mb4">
{{ . }} {{ . }}
</h2> </h2>
{{ end }} {{ end }}

10
layouts/partials/site-navigation.html
View File

@ -1,14 +1,18 @@
<nav class="pv3 ph3 ph4-ns" role="navigation"> <nav class="pv3 ph3 ph4-ns" role="navigation">
<div class="flex-l justify-between items-center center"> <div class="flex-l justify-between items-center center">
<a href="{{ .Site.BaseURL }}" class="f3 fw2 hover-white no-underline white-90 dib"> <a href="{{ .Site.BaseURL }}" class="f3 fw2 hover-white no-underline black dib">
{{ .Site.Title }} {{ if .Site.Params.TitleImage }}
<img height="106" width="300" src="{{ .Site.Params.TitleImage }}"/>
{{else}}
{{ .Site.Title }}
{{end}}
</a> </a>
<div class="flex-l items-center"> <div class="flex-l items-center">
{{ if .Site.Menus.main }} {{ if .Site.Menus.main }}
<ul class="pl0 mr3"> <ul class="pl0 mr3">
{{ range .Site.Menus.main }} {{ range .Site.Menus.main }}
<li class="list f5 f4-ns fw4 dib pr3"> <li class="list f5 f4-ns fw4 dib pr3">
<a class="hover-white no-underline white-90" href="{{ .URL }}" title="{{ .Name }} page"> <a class="hover-yellow no-underline black-90" href="{{ .URL }}" title="{{ .Name }} page">
{{ .Name }} {{ .Name }}
</a> </a>
</li> </li>