pages/layouts/partials/scrolling-image-header.html

20 lines
599 B
HTML

{{ $millironx := resources.Get "graphics/millironx.svg" }}
<div class="blurred-container">
<div class="motto">
<h1 id="motto">
{{ default .Title (safeHTML (.Param "motto")) }}
</h1>
</div>
{{ $imgsrc := print "images/" (.Param "cardImage") ".jpg" }}
{{ $mainimg := resources.Get $imgsrc }}
{{ $blurimg := $mainimg.Filter (images.GaussianBlur 100) }}
<div
class="img-src"
style="background-image: url('{{ $mainimg.RelPermalink }}');"
></div>
<div
class="img-src blur"
style="background-image: url('{{ $blurimg.RelPermalink }}');"
></div>
</div>
<br />