[www] + Opa; added opa to gallery item

src/3rdparty/opa.css

@@ -0,0 +1,13 @@
+.opa {
+    --time: 300ms;
+    --ease: ease-out;
+
+    transition: opacity var(--time) var(--ease), transform var(--time) var(--ease);
+    transform: scale(.95);
+    opacity: 0;
+}
+
+.opa--visible {
+    opacity: 1;
+    transform: scale(1);
+}

src/routes/gallery.js

@@ -24,6 +24,7 @@ const m = 1
 const AlbumImage = ({data, alt}) => (
 	<picture>
 		<img
+			className="opa"
 			alt={alt}
 			src={data.src}
 			width={data.width * m}

src/views/main.hbs

@@ -51,6 +51,10 @@
     <link rel="apple-touch-icon" sizes="114x114" href="//static.shlisselburg.org/art/graphics/favicon-114.png"/>
     <link rel="apple-touch-icon" sizes="144x144" href="//static.shlisselburg.org/art/graphics/favicon-144.png"/>
 
+    <!-- Opa -->
+    <script src="/opa.js"></script>
+    <link rel="stylesheet" href="/opa.css">
+
     <!-- Likely -->
     <script src="/likely.js"></script>
     <link rel="stylesheet" href="/likely.css">