layouts/shortcodes/img.html

@@ -1,31 +1,21 @@
 {{ $img := $.Page.Resources.GetMatch (.Get "src")}}
+{{ $test := $img.Permalink }}
+{{ $name_splitted := split $img.RelPermalink "." }}
+{{ $name_base := index $name_splitted 0 }}
 <figure {{ with .Get "class" }} class="{{ . }}"{{ end }}>
 	{{ with .Get "link" }}
-		<a href="{{ . | absURL }}">
+		<a href="{{ . }}">
 	{{ end }}
-	<img src="{{ $img.RelPermalink }}"
-	{{ with .Get "alt"}} alt="{{ . }}"{{ end }}
-	{{ with .Get "title"}} title="{{ . }}"{{ end }}
-	{{ with .Get "height"}} height="{{ . }}"{{ end }}
-	{{ with .Get "width"}} width="{{ . }}"{{ end }} />
+	<picture>
+		<source srcset="{{$img.RelPermalink}}" type="image/jpg">
+		<img src="{{ $img.RelPermalink }}" alt="{{.Get "alt" }}" />
+	</picture>
 	{{ with .Get "link" }}
 		</a>
 	{{ end }}
-	{{ if .Get "caption" }}
+	{{ with .Get "title" }}
 	<figcaption>
-		<p>{{ .Get "caption" }}
-		{{ if .Get "attr" }}
-			<span class="attribution">
-			{{ with .Get "attrlink" }}
-				<a href="{{ . }}">
-			{{ end }}
-			{{ .Get "attr" }}
-			{{ with .Get "attrlink" }}
-				</a>
-			{{ end }}
-			</span>
-		{{ end }}
-		</p>
+		<p>{{ . }}</p>
 	</figcaption>
 	{{ end }}
 </figure>

layouts/shortcodes/quote.html

@@ -9,7 +9,7 @@
 	<footer>
 		<cite>
 			{{ with .Get "url" }}
-			<a href="{{ . }}" {{ with $.Get "title"}}title="{{ . }}"{{ end }}>
+			<a href={{ . }} {{ with $.Get "title"}}title="{{ . }}"{{ end }}>
 			{{ end }}
 			{{ .Get "author" | markdownify }}
 			{{ with .Get "url" }}</a>{{end}}</cite>

static/css/style.css

@@ -526,7 +526,7 @@ a:focus {
 .article-body figure.border figcaption {
 	background-color: var(--background-color-light);
 }
-.article-body figure>a {
+.article-body figure a {
 	display: block;
 	min-height: 100%;
 }
@@ -540,9 +540,6 @@ a:focus {
 	margin-left: 1rem;
 	margin-right: 1rem;
 }
-.article-body figure figcaption .attribution {
-	float: right;
-}
 @media only screen and (max-width: 320px) {
 	.article-body .footnotes ol {
 		padding-left: 2em;