prev talk slider image alt.

blog/apple-names.html

@@ -7,7 +7,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Yrsa:[email protected]&amp;display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="/css/ahoylemon.css?v=2024-02-04T17:53:34.542Z">
+    <link rel="stylesheet" href="/css/ahoylemon.css?v=2024-02-04T20:31:54.627Z">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="Hi, I wanted you personally to see a list of some actual apple names, and some that aren't.">
     <!-- RSS Feed-->

clients/index.html

@@ -7,7 +7,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Yrsa:[email protected]&amp;display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="/css/ahoylemon.css?v=2024-02-04T17:53:34.885Z">
+    <link rel="stylesheet" href="/css/ahoylemon.css?v=2024-02-04T20:31:54.966Z">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="I make a lot of stuff, including this website to show the stuff I make.">
     <!-- RSS Feed-->

decks.html

@@ -7,7 +7,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Yrsa:[email protected]&amp;display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="/css/ahoylemon.css?v=2024-02-04T17:53:35.065Z">
+    <link rel="stylesheet" href="/css/ahoylemon.css?v=2024-02-04T20:31:55.338Z">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="I make a lot of stuff, including this website to show the stuff I make.">
     <!-- RSS Feed-->

pug/partials/_mixins.pug

@@ -182,7 +182,8 @@ mixin talkSlider(w)
             - p = "img/talks/" + t.pics[0]
           else if t.img
             - p = "img/talks/" + t.img
-          figure.conference.prev(style="background-image:url("+p+")")
+          figure.conference.prev
+            img(src=p alt="photo from Lemon in "+t.name loading="lazy")
             figcaption
               .name
                 a(href="talks.html#"+t.slug)= t.name

sass/partials/_summaries.scss

@@ -87,8 +87,9 @@
           &:after { content: " )"}
         }
         &.upcoming { scroll-snap-align: end; flex-basis: calc(50% - 20px); }
-        &.prev { scroll-snap-align: start; min-height: 300px; flex-basis:300px; background-size:cover; background-position: center; display:flex; align-items: flex-end;
-          figcaption { background:linear-gradient(rgba(#1c1b1b,0), rgba(#1c1b1b,0.99) ) ; padding:80px 10px 10px 10px; width:100%;}
+        &.prev { scroll-snap-align: start; min-height: 300px; flex-basis:300px; display:flex; align-items: flex-end; position: relative;
+          img { height:300px; width:100%; object-fit: cover; position: relative; }
+          figcaption { background:linear-gradient(rgba(#1c1b1b,0), rgba(#1c1b1b,0.99) ) ; padding:80px 10px 10px 10px; width:100%; @include position(absolute,null,0,0,0);}
         }
       }
     }

uses/index.html

@@ -7,7 +7,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Yrsa:[email protected]&amp;display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="/css/ahoylemon.css?v=2024-02-04T17:53:34.715Z">
+    <link rel="stylesheet" href="/css/ahoylemon.css?v=2024-02-04T20:31:54.799Z">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="A list of the technology that Lemon uses, in case you give a fuck.">
     <!-- RSS Feed-->