cleanup further, gallery images

tjheffner · Jan 21, 2024 · b66843d · b66843d
1 parent fad587f
commit b66843d
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 202 deletions.
diff --git a/src/lib/components/Card.svelte b/src/lib/components/Card.svelte
@@ -10,9 +10,8 @@
     <h3>
       {title}
     </h3>
-    <div />
-  </div></a
->
+  </div>
+</a>
 
 <style>
   .card h3 {

diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
@@ -1,5 +1,4 @@
 <script>
-  import MobileMenu from './MobileMenu.svelte'
   let isDark = false
   if (typeof localStorage !== 'undefined') {
     if (
@@ -24,15 +23,14 @@
 </script>
 
 <nav class="relative flex justify-between md:mx-4 lg:mx-12">
-  <MobileMenu />
   <h1
     class="text-lg font-bold text-accent transition-all duration-200 ease-in-out hover:scale-110"
   >
     <a href="/">heffner.dev</a>
   </h1>
   <div class="flex">
     <a href="#menu"
-       class="hidden md:flex mr-3 h-9 w-9 items-center justify-center rounded-lg"
+       class="flex mr-3 h-9 w-9 items-center justify-center rounded-lg"
     >
       <svg
         class="absolute h-5 w-5 text-red-600 dark:text-yellow-400"

diff --git a/src/lib/components/MobileMenu.svelte b/src/lib/components/MobileMenu.svelte
diff --git a/src/routes/(main)/blogroll/+page.svx b/src/routes/(main)/blogroll/+page.svx
@@ -1,23 +1,18 @@
-<script>
-	import Slice from '$lib/components/Slice.svelte';
-</script>
-
 <svelte:head>
   <title>heffner.dev | blogroll</title>
-  <meta name="description" content="other neat websites" />
+  <meta name="description" content="other cool blogs I enjoy reading" />
 	<meta property="og:image" content={`https://heffner.dev/og?message=blogroll`}>
 	<meta name="twitter:card" content={`https://heffner.dev/og?message=blogroll` ? 'summary_large_image' : 'summary'} />
 	<meta name="twitter:image" content={`https://heffner.dev/og?message=blogroll`} />
 </svelte:head>
 
-
-  <h1 class="mb-3 text-3xl font-bold tracking-tight text-shadow md:text-5xl">
-    blogroll
-  </h1>
-  <p class="text-xl font-semibold text-accent">
-    other cool blogs I enjoy reading
-  </p>
-  <hr class="mb-8 not-prose">
+<h1 class="mb-3 text-3xl font-bold tracking-tight text-shadow md:text-5xl">
+  blogroll
+</h1>
+<p class="text-xl font-semibold text-accent">
+  other cool blogs I enjoy reading
+</p>
+<hr class="mb-8 not-prose">
 
 - [nug doug](https://darkdell.net)
 - [mike crittenden](https://critter.blog)

diff --git a/src/routes/(main)/gallery/+page.svelte b/src/routes/(main)/gallery/+page.svelte
@@ -29,13 +29,13 @@
       Gallery
     </h1>
     <p class="text-xl font-semibold text-accent">
-      details, photos, ephemera from past adventures
+      details, photos, etc. from past adventures
     </p>
   </Slice>
 
   {#each items as trip}
     <Slice title={trip.title} date={trip.date}>
-      <a href="/gallery/{trip.slug}" style="display: inline-block">
+      <a href="/gallery/{trip.slug}" style="display: inline-block" class="not-prose w-full">
         <img src={trip.image} alt={trip.alt} class="gallery-image" loading="lazy" />
         {'>> ' + trip.description + ' <<'}
       </a>
@@ -45,7 +45,9 @@
 
 <style>
   .gallery-image {
-    margin: 0;
     max-height: 600px;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
   }
 </style>
diff --git a/src/routes/(main)/gallery/[slug]/+page.js b/src/routes/(main)/gallery/[slug]/+page.js
@@ -11,7 +11,7 @@ export async function load({ params, url, fetch, setHeaders }) {
     throw error(res.status, await res.text())
   }
   setHeaders({
-    'Cache-Control': 'public, max-age=60',
+    'Cache-Control': 'public, max-age=86400',
   })
   return {
     json: await res.json(),
-Original file line number
+Diff line change
@@ Expand Up / @@ -10,9 +10,8 @@ @@
         <h3>
           {title}
         </h3>
-        <div />
-      </div></a
-    >
+      </div>
+    </a>
     <style>
       .card h3 {
@@ Expand Down @@