kaholaz/hello-friend-ng
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #197 from ay0o/background

Browse source 
added support for a background image on the homepage
This commit is contained in:
Djordje Atlialp 2021-01-10 17:36:37 +01:00 • committed by GitHub
commit 24b4615f73
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 18 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

7
assets/scss/_main.scss
View file

@ -330,3 +330,10 @@ hr {
text-decoration: none; text-decoration: none;
z-index: 100000; z-index: 100000;
} }
.background-image {
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: center center;
}

3
exampleSite/config.toml
View file

@ -61,6 +61,9 @@ disableHugoGeneratorInject = false
homeSubtitle = "Hello Friend NG" homeSubtitle = "Hello Friend NG"
# Set a background for the homepage
# background_image = "assets/images/background.jpg"
# Prefix of link to the git commit detail page. GitInfo must be enabled. # Prefix of link to the git commit detail page. GitInfo must be enabled.
# #
# gitUrl = "" # gitUrl = ""

2
layouts/_default/baseof.html
View file

@ -4,7 +4,9 @@
{{ partial "head.html" . }} {{ partial "head.html" . }}
</head> </head>
{{ block "body" . }}
<body class="{{ if ne $.Site.Params.defaultTheme "light" -}} dark-theme {{- end -}}"> <body class="{{ if ne $.Site.Params.defaultTheme "light" -}} dark-theme {{- end -}}">
{{ end }}
<div class="container"> <div class="container">
{{ partial "header.html" . }} {{ partial "header.html" . }}

6
layouts/index.html
View file

@ -1,3 +1,9 @@
{{ define "body" }}
<body
class="{{ if ne $.Site.Params.defaultTheme "light" -}} dark-theme {{- end -}} {{ if .Site.Params.background_image }}background-image"
style="background-image: url('{{ .Site.Params.background_image }}');" {{ else }}"{{ end }}>
{{ end }}
{{ define "main" }} {{ define "main" }}
<main aria-role="main"> <main aria-role="main">
<div> <div>