AXUL/ananke
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

improve image handling for edge cases Fixes #11

Browse source
This commit is contained in:
Bud Parr 2017-04-19 16:45:24 -04:00
parent cc0869b8c5
commit ee265de976
No known key found for this signature in database
GPG key ID: ACA375160539D2B3
3 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
layouts/partials/page-header.html
View file

@ -1,6 +1,8 @@
{{ $featured_image := $.Param "featured_image" }} {{ $featured_image := .Params.featured_image }}
{{ if $featured_image }} {{ if $featured_image }}
<header class="cover bg-center" style="background-image: url('{{ $featured_image | absURL }}');"> {{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}}
{{ $featured_image := (trim $featured_image "/") | absURL }}
<header class="cover bg-center" style="background-image: url('{{ $featured_image }}');">
<div class="pb3-m pb6-l bg-black-60"> <div class="pb3-m pb6-l 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">

6
layouts/partials/site-header.html
View file

@ -1,6 +1,8 @@
{{ $featured_image := $.Param "featured_image" }} {{ $featured_image := .Params.featured_image | default .Site.Params.featured_image }}
{{ if $featured_image }} {{ if $featured_image }}
<header class="cover bg-center" style="background-image: url('{{ $featured_image | absURL }}');"> {{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}}
{{ $featured_image := (trim $featured_image "/") | absURL }}
<header class="cover bg-center" style="background-image: url('{{ $featured_image }}');">
<div class="bg-black-60"> <div class="bg-black-60">
{{ 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
layouts/partials/summary-with-image.html
View file

@ -1,9 +1,12 @@
{{ $featured_image := .Params.featured_image }}
<article class="bb b--black-10"> <article class="bb b--black-10">
<a class="db pv4 ph3 ph0-l no-underline dark-gray dim" href="{{ .URL }}"> <a class="db pv4 ph3 ph0-l no-underline dark-gray dim" href="{{ .URL }}">
<div class="flex flex-column flex-row-ns"> <div class="flex flex-column flex-row-ns">
{{ if .Params.featured_image }} {{ if .Params.featured_image }}
{{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}}
{{ $featured_image := (trim $featured_image "/") | absURL }}
<div class="pr3-ns mb4 mb0-ns w-100 w-40-ns"> <div class="pr3-ns mb4 mb0-ns w-100 w-40-ns">
<img src="{{ .Params.featured_image }}" class="db" alt="image from {{ .Title }}"> <img src="{{ $featured_image }}" class="db" alt="image from {{ .Title }}">
</div> </div>
{{ end }} {{ end }}
<div class="w-100{{ if .Params.featured_image }} w-60-ns pl3-ns{{ end }}"> <div class="w-100{{ if .Params.featured_image }} w-60-ns pl3-ns{{ end }}">