Use image name in CSS file name

This commit is contained in:
Nedjo Rogers 2022-06-12 20:32:58 -07:00
parent 0698aa8556
commit 3a7a9e2fb2
2 changed files with 8 additions and 8 deletions

View File

@ -1,14 +1,14 @@
{{- $featured_image := partial "func/GetFeaturedImage.html" . -}} {{- $featured_image := partial "func/GetFeaturedImage.html" . -}}
{{- if or $featured_image .Params.featured_image -}} {{- if or $featured_image .Params.featured_image -}}
{{- $featured_image_link := "" -}} {{- $featured_image_name := "" -}}
{{- if $featured_image -}} {{- if $featured_image -}}
{{- .Scratch.Set "featured_image" $featured_image -}} {{- .Scratch.Set "featured_image" $featured_image -}}
{{- $featured_image_link = $featured_image.RelPermalink -}} {{- $featured_image_name = strings.TrimSuffix (path.Ext $featured_image.Name) $featured_image.Name -}}
{{- else -}} {{- else -}}
{{- $featured_image_link = .Params.featured_image -}} {{- $featured_image_name = .Params.featured_image -}}
{{- end -}} {{- end -}}
{{- $sassTemplate := resources.Get "sass/header-image.scss" -}} {{- $sassTemplate := resources.Get "sass/header-image.scss" -}}
{{- $style := $sassTemplate | resources.ExecuteAsTemplate (print ($featured_image_link | base64Encode) "header-image.scss") . | resources.ToCSS -}} {{- $style := $sassTemplate | resources.ExecuteAsTemplate (print (replace $featured_image_name "/" "-") "-header-image.scss") . | resources.ToCSS -}}
<link rel="stylesheet" href="{{ $style.Permalink }}" media="screen"> <link rel="stylesheet" href="{{ $style.Permalink }}" media="screen">
<header class="cover bg-top has-header-image"> <header class="cover bg-top has-header-image">
<div class="bg-black-60"> <div class="bg-black-60">

View File

@ -1,14 +1,14 @@
{{- $featured_image := partial "func/GetFeaturedImage.html" . -}} {{- $featured_image := partial "func/GetFeaturedImage.html" . -}}
{{- if or $featured_image .Params.featured_image -}} {{- if or $featured_image .Params.featured_image -}}
{{- $featured_image_link := "" -}} {{- $featured_image_name := "" -}}
{{- if $featured_image -}} {{- if $featured_image -}}
{{- .Scratch.Set "featured_image" $featured_image -}} {{- .Scratch.Set "featured_image" $featured_image -}}
{{- $featured_image_link = $featured_image.RelPermalink -}} {{- $featured_image_name = strings.TrimSuffix (path.Ext $featured_image.Name) $featured_image.Name -}}
{{- else -}} {{- else -}}
{{- $featured_image_link = .Params.featured_image -}} {{- $featured_image_name = .Params.featured_image -}}
{{- end -}} {{- end -}}
{{- $sassTemplate := resources.Get "sass/header-image.scss" -}} {{- $sassTemplate := resources.Get "sass/header-image.scss" -}}
{{- $style := $sassTemplate | resources.ExecuteAsTemplate (print ($featured_image_link | base64Encode) "header-image.scss") . | resources.ToCSS -}} {{- $style := $sassTemplate | resources.ExecuteAsTemplate (print (replace $featured_image_name "/" "-") "-header-image.scss") . | resources.ToCSS -}}
<link rel="stylesheet" href="{{ $style.Permalink }}" media="screen"> <link rel="stylesheet" href="{{ $style.Permalink }}" media="screen">
<header class="cover bg-top has-header-image"> <header class="cover bg-top has-header-image">
<div class="{{ .Site.Params.cover_dimming_class | default "bg-black-60" }}"> <div class="{{ .Site.Params.cover_dimming_class | default "bg-black-60" }}">