archive/theorangeone.net-legacy
1
Fork 0
Code Activity

Use main image from frontmatter over css

Browse source
This commit is contained in:
Jake Howard 2018-02-21 17:57:46 +00:00
parent c65a313004
commit 7daff47eaf
Signed by: jake
GPG key ID: 57AFB45680EDD477
3 changed files with 3 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
content/_index.md
View file

@ -1,4 +1,5 @@
--- ---
title: Homepage title: Homepage
image: /img/header.jpg
--- ---
Part Developer. Part SysAdmin. Part Hacker. All Nerd! Part Developer. Part SysAdmin. Part Hacker. All Nerd!

4
layouts/index.html
View file

@ -1,8 +1,8 @@
{{ define "main" }} {{ define "main" }}
<header id="index-header" class="d-flex align-items-center"> <header id="index-header" class="d-flex align-items-center image" data-image="{{ .Params.image }}">
<div class="text-center m-auto text-light"> <div class="text-center m-auto text-light">
<h1 class="display-1">{{ .Site.Params.author_name }}</h1> <h1 class="display-1">{{ .Site.Params.author_name }}</h1>
<p class="lead">{{ .RawContent }}</p> <h2 class="lead">{{ .Content }}</h2>
</div> </div>
</header> </header>
{{ end }} {{ end }}

2
static/src/scss/style.scss
View file

@ -124,8 +124,6 @@ table td {
#index-header { #index-header {
background-image: url("/img/header.jpg");
background-size: cover;
width: 100%; width: 100%;
height: calc(100% - 110px); height: calc(100% - 110px);
} }