fix img -> amp-img in AMP page header

This commit is contained in:
2021-05-27 08:16:34 -04:00
parent 233349781e
commit d73e7746c7
+7 -7
View File
@@ -126,28 +126,28 @@
color: #515151; color: #515151;
padding: 10px 0; padding: 10px 0;
} }
nav a#logo img#selfie { nav a#logo #selfie {
height: 50px; height: 45px;
width: 50px; width: 45px;
border: 1px solid #d2d2d2; border: 1px solid #d2d2d2;
border-radius: 50%; border-radius: 50%;
} }
nav a#logo span { nav a#logo span {
margin-left: 12px; margin-left: 12px;
font-size: 1.45em; font-size: 1.25em;
font-weight: 500; font-weight: 500;
} }
nav ul { nav ul {
list-style: none; list-style: none;
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 1.75em; font-size: 1.65em;
line-height: 1; line-height: 1;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
nav ul li { nav ul li {
width: 65px; width: 60px;
text-align: right; text-align: right;
} }
footer { footer {
@@ -266,7 +266,7 @@
<a id="logo" href="{{ .Site.BaseURL }}" title="{{ .Site.Title }}"> <a id="logo" href="{{ .Site.BaseURL }}" title="{{ .Site.Title }}">
{{ $meImg := resources.Get .Site.Author.image }} {{ $meImg := resources.Get .Site.Author.image }}
{{ $meImgSm := $meImg.Resize "320x320 q90 jpg" }} {{ $meImgSm := $meImg.Resize "320x320 q90 jpg" }}
<img id="selfie" src="{{ $meImgSm.Permalink }}" width="50" height="50" alt="Photo of Jake Jarvis"> <amp-img id="selfie" layout="fixed" src="{{ $meImgSm.Permalink }}" width="45" height="45" alt="Photo of Jake Jarvis"></amp-img>
<span id="name">{{ .Site.Title }}</span> <span id="name">{{ .Site.Title }}</span>
</a> </a>