Handle backdrop close for safari

src/lib/components/ContactPanel.svelte

@@ -65,7 +65,7 @@
         color: var(--color-secondary-muted);
         display: block;
         font-size: 0.875rem;
-        margin-bottom: 0.5rem;
+        margin-bottom: 1rem;
         text-align: center;
     }
 </style>

src/lib/components/Panel.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+    import type { Snippet } from 'svelte';
     import type { Component } from 'svelte';
     import { tick } from 'svelte';
 
@@ -9,7 +10,7 @@
         open = false,
         title = '',
     }: {
-        children: import('svelte').Snippet;
+        children: Snippet;
         icon?: Component<{ size?: number }>;
         onclose: () => void;
         open: boolean;
@@ -41,6 +42,9 @@
     aria-labelledby="panel-title"
     aria-modal="true"
     onclose={handleDialogClose}
+    onclick={(e) => {
+        if (e.target === dialogEl) onclose();
+    }}
     oncancel={(e) => {
         e.preventDefault();
         onclose();
@@ -105,7 +109,7 @@
         flex-direction: column;
         display: flex;
         max-height: 70vh;
-        padding-bottom: 2rem;
+        padding-bottom: 1rem;
         overflow: hidden;
         width: 100%;
 

src/lib/data/links.json

@@ -124,6 +124,14 @@
                 "dev": 1
             },
             "links": [
+                {
+                    "href": "https://mifi.dev/downloads/resume-2026lf.pdf",
+                    "icon": "Resume",
+                    "label": "Long-form CV",
+                    "description": "My full resume, including all my work experience, education, and skills.",
+                    "utmContent": "resume-lf",
+                    "variants": ["dev", "bio"]
+                },
                 {
                     "href": "https://mifi.dev/downloads/resume-2026c.pdf",
                     "icon": "Resume",