optimize assets

assets/scss/content/work.scss

@@ -156,6 +156,8 @@
 			&.workmastodon::before {
 				background: url("/images/logos/mastodon.png");
 				background-size: cover;
+				background-color: #2b90d9;
+
 			}
 			&.workpixelfed::before {
 				background: url("/images/logos/pixelfed.svg");
@@ -171,7 +173,7 @@
 				background-size: cover;
 			}
 			&.workuab:before {
-				background: url("/images/logos/uab.png");
+				background: url("/images/logos/uab.svg");
 				background-size: contain;
 				background-repeat: no-repeat;
 				background-position: center;

content/work/trilogy/index.html

@@ -15,7 +15,10 @@ cover: "/images/cover/trilogy.png"
 <main id="trilogy">
 <header class="page-header section">
 	<div class="container">
-		<img src="/images/logos/trilogy-full.png" alt="" class="cover-image">
+		<picture>
+			<source srcset="" type="image/avif">
+			<img src="/images/logos/trilogy-full.png" alt="" class="cover-image">
+		</picture>
 		<h1 class="page-title">I managed the knowledge bases for a company with many subsidiaries and numerous enterprise applications within their portfolios.</h1>
 	</div>
 </header>

layouts/work/list.html

@@ -59,20 +59,20 @@
 			<div class="timeline">
 			{{ range .Pages.ByDate }}
 				<article class="timeline-item {{ .Permalink | relURL | anchorize }}">
-					<span class="timeline-item__daterange">
-						<datetime class="timeline-item__date">{{ .Params.start }}</datetime> – <datetime class="timeline-item__date">{{ .Params.end }}</datetime>
-					</span>
-					<span class="timeline-item__at">at {{ .Params.at }}</span>
 				<h3 class="timeline-item__title">{{ .Params.position }}</h3>
 				<p class="timeline-item__summary">{{.Summary}}</p>
+				<span class="timeline-item__daterange">
+					<datetime class="timeline-item__date">{{ .Params.start }}</datetime> – <datetime class="timeline-item__date">{{ .Params.end }}</datetime>
+				</span>
+				<span class="timeline-item__at">at {{ .Params.at }}</span>
 				<a class="timeline-item__readmore button primary" href="{{ .Permalink }}">Read more...</a>
 			</article>
 			{{ end }}
 			<section class="you timeline-item" id="hireme">
-				<span class="timeline-item__daterange">Today</span>
-				<span class="timeline-item__at">at your service</span>
 				<h3 class="timeline-item__title">You could be here.</h3>
 				<p class="timeline-item__summary">i'm currently <strong>available</strong> for work. let's get in touch.</p>
+				<span class="timeline-item__daterange">Today</span>
+				<span class="timeline-item__at">at your service</span>
 			</section>
 			</div>
 		</div>

static/images/logos/mastodon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="#fff" d="M128 12c-30 0-58 3-75 11 0 0-33 15-33 65v40c1 49 9 98 55 110 21 5 39 7 53 6 27-2 41-10 41-10l-1-19s-18 6-39 6c-21-1-43-3-47-28v-8s20 5 46 7c16 0 31-1 46-3 29-4 55-22 58-38 5-26 4-63 4-63 0-50-33-65-33-65-16-8-45-11-74-11zM94 51c13 0 22 5 28 15l6 10 6-10c6-10 16-15 28-15 11 0 19 4 26 11 6 8 10 18 10 30v61h-25V94c0-13-5-19-15-19-12 0-18 8-18 22v33h-24V97c0-14-6-22-17-22s-16 6-16 19v59H59V92c0-12 3-22 9-30 7-7 16-11 26-11z"/></svg>

static/images/logos/uab.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path style="fill:#1b7453" d="m253 177-46 70v-69h-56v96c1 3 0 15-19 15H77c-8 0-15-6-17-17v-95H5v115c0 18 11 43 42 44h169l18-29h75v29h164c43-1 44-80 6-86 22-5 34-71-16-73zm190 41c12 0 12 18 0 18h-78v-18zm-155 0h21v52h-52zm77 52h84c13 0 15 19 0 20h-84z"/></svg>