tFix image scaling on small screens - andersdamsgaard.com - my photography webpage
(HTM) git clone git://src.adamsgaard.dk/andersdamsgaard.com
(DIR) Log
(DIR) Files
(DIR) Refs
(DIR) Submodules
(DIR) README
(DIR) LICENSE
---
(DIR) commit 14f492833e6a951bc6ddb9c40033b2c71e6293e0
(DIR) parent 14dcfd00a6589d594de7c5aaabb21c2024a38a1a
(HTM) Author: Anders Damsgaard <anders@adamsgaard.dk>
Date: Fri, 2 Nov 2018 16:21:48 +0100
Fix image scaling on small screens
Diffstat:
M themes/tale-mod/layouts/_default/s… | 6 ++++--
M themes/tale-mod/layouts/_default/s… | 6 +-----
2 files changed, 5 insertions(+), 7 deletions(-)
---
(DIR) diff --git a/themes/tale-mod/layouts/_default/single.html b/themes/tale-mod/layouts/_default/single.html
t@@ -23,14 +23,16 @@
{{ $scratch.Set "counter" 0 }}
{{ range . }}
- {{ $scratch.Set "image" (.Resize "700x q90") }}
+ {{/* $scratch.Set "image" (.Resize "700x q90") */}}
+ {{ $scratch.Set "image" (.Fit "700x700 q90") }}
{{ $image := $scratch.Get "image" }}
{{/* $image.Sharpen 0.5 */}}
<figure style="padding: 0.0rem; margin: 2rem 0;
background-color: #ffffff">
<img src='{{ $image.RelPermalink }}'
title='{{ $scratch.Get "basename" }} {{ printf "%02d" ( $scratch.Get "counter" ) }}'
- width="{{ $image.Width }}" height="{{ $image.Height }}">
+ >
+ <!-- width="{{ $image.Width }}" height="{{ $image.Height }}"> -->
<!-- <figcaption> -->
<!-- <small> -->
<!-- <center> -->
(DIR) diff --git a/themes/tale-mod/layouts/_default/summary.html b/themes/tale-mod/layouts/_default/summary.html
t@@ -32,15 +32,11 @@
{{ end }}
<!-- </div> -->
<!-- <div class="w3-col s12 m8 l8"> -->
- <!-- <p> -->
- {{/* .Summary */}}
<!-- </p> -->
<!-- </div> -->
<!-- </div> -->
+ <!-- <a href='{{ .Permalink }}'><nobr>Go to series →</nobr></a> -->
- <!-- <footer> -->
- <!-- <a href='{{ .Permalink }}'><nobr>See more →</nobr></a> -->
- <!-- </footer> -->
{{- else }}
<br>
{{ .Summary }}