websites/dennogumi
websites/dennogumi
1
0
Fork 0
Code Releases Activity

Make at least a semblance of responsiveness in the header.

Browse source 
I might need a media query to make it cover when it is not.
This commit is contained in:
Luca Beltrame 2021-01-09 15:00:34 +01:00
parent da1a9c7ce3
commit b5ba9d72a5
Signed by: einar
GPG key ID: 4707F46E9EC72DEC
3 changed files with 7 additions and 2 deletions

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 */}}
{{ $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 responsive-header" style="background-image: url('{{ $featured_image }}');">
<div class="pb3-m pb6-l {{ .Site.Params.cover_dimming_class | default "bg-black-10" }}"> <div class="pb3-m pb6-l {{ .Site.Params.cover_dimming_class | default "bg-black-10" }}">
{{ partial "site-navigation.html" . }} {{ partial "site-navigation.html" . }}
<div class="tc-l pv6 ph3 ph4-ns"> <div class="tc-l pv6 ph3 ph4-ns">

2
layouts/partials/site-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 */}}
{{ $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 responsive-header" style="background-image: url('{{ $featured_image }}');">
<div class="{{ .Site.Params.cover_dimming_class | default "bg-black-10" }}"> <div class="{{ .Site.Params.cover_dimming_class | default "bg-black-10" }}">
{{ 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">

5
static/css/isso.css
View file

@ -69,3 +69,8 @@
.isso-comment > div.text-wrapper > div.text p { .isso-comment > div.text-wrapper > div.text p {
font-size: 0.9rem !important; font-size: 0.9rem !important;
} }
.responsive-header {
background-repeat:no-repeat;
background-size:contain !important;
}