🐛 [Head] Try to fix open graph image

beefchimi · Jul 22, 2024 · a178782 · a178782
1 parent 218563b
commit a178782
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/src/layouts/Page.astro b/src/layouts/Page.astro
@@ -19,8 +19,7 @@ const {id, title = 'Curtis Dulmage | UX Developer'} = Astro.props;
 
 const DESCRIPTION = 'UX development portfolio for Curtis Dulmage';
 const PERMALINK = new URL(Astro.url.pathname, Astro.site).href;
-// new URL('/assets/dulmage-social.png', Astro.site).href;
-const OG_IMAGE = '/assets/dulmage-social.png';
+const OG_IMAGE = new URL('/assets/dulmage-social.png', Astro.site).href;
 ---
 
 <!doctype html>

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -147,6 +147,17 @@ main {
   overflow: hidden;
 }
 
+/*
+  TODO: Experiment with this when Safari has better support.
+  At the moment, the site in "web app view" does not stretch
+  the full height of the viewport (likely because of `svh`).
+*/
+/*
+.section:fullscreen {
+  height: 100dvh;
+}
+*/
+
 .section-interior {
   display: grid;
   gap: var(--space-looser);