diff --git a/astro.config.mjs b/astro.config.mjs
index 58f4af9..992ac4a 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -9,6 +9,7 @@ export default defineConfig({
},
server: {
port: 3000,
+ // host: '192.168.2.27',
},
vite: {
// TODO: Figure out how to get this to work.
diff --git a/src/components/Contact.astro b/src/components/Contact.astro
index 4763f66..0572ffe 100644
--- a/src/components/Contact.astro
+++ b/src/components/Contact.astro
@@ -52,8 +52,8 @@ import {SecretEmail} from '@scripts/SecretEmail';
}
.Contact {
- z-index: var(--index-surface);
- position: absolute;
+ z-index: var(--index-thermosphere);
+ position: fixed;
bottom: var(--space-tight);
left: var(--space-tight);
display: grid;
diff --git a/src/components/Hamburger.astro b/src/components/Hamburger.astro
index 8887fab..372237c 100644
--- a/src/components/Hamburger.astro
+++ b/src/components/Hamburger.astro
@@ -156,7 +156,7 @@ const {id, controlsId} = Astro.props;
/* --- Component --- */
.Hamburger {
- z-index: var(--index-troposphere);
+ z-index: var(--index-thermosphere);
position: fixed;
bottom: var(--space-tight);
right: var(--space-tight);
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
index 7f96da7..b9a6def 100644
--- a/src/components/Navigation.astro
+++ b/src/components/Navigation.astro
@@ -88,7 +88,7 @@ const {id, items = []} = Astro.props;
.List {
position: fixed;
- z-index: var(--index-stratosphere);
+ z-index: var(--index-thermosphere);
bottom: var(--nav-list-bottom);
right: 0;
diff --git a/src/components/Toast.astro b/src/components/Toast.astro
index a4e1f33..1037242 100644
--- a/src/components/Toast.astro
+++ b/src/components/Toast.astro
@@ -72,7 +72,7 @@ const {
.Toast {
position: fixed;
- z-index: var(--index-thermosphere);
+ z-index: var(--index-outerspace);
bottom: var(--space-tighter);
left: auto;
right: auto;
diff --git a/src/layouts/Page.astro b/src/layouts/Page.astro
index 5813c38..88c2e1e 100644
--- a/src/layouts/Page.astro
+++ b/src/layouts/Page.astro
@@ -8,63 +8,80 @@ import '@styles/utility.css';
import {TOAST_TMPL_ID} from '@data/app';
import Toast from '@components/Toast.astro';
+// import ToastTest from '@mock/ToastTest.astro';
+
interface Props {
id: string;
title?: string;
}
-const THEME_COLOR = '#8c54c1';
-const SITE_NAME = 'dulmage.me';
-const SITE_URL = 'https://dulmage.me';
-const DEFAULT_TITLE = 'Curtis Dulmage | UX Developer';
-const DESCRIPTION = 'UX development portfolio for Curtis Dulmage';
-const SOCIAL_IMG = '/assets/dulmage-social-png';
+const {id, title = 'Curtis Dulmage | UX Developer'} = Astro.props;
-const {id, title = DEFAULT_TITLE} = 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';
---
-
+
{title}
-
-
+
-
+
+
+
+
-
+
+
+
+
+
+
-
+
-
+
-
-
+
+
+
-
+
{pwaInfo && }
@@ -97,10 +114,13 @@ const {id, title = DEFAULT_TITLE} = Astro.props;
diff --git a/src/mock/ToastTest.astro b/src/mock/ToastTest.astro
index fe303e3..88bc637 100644
--- a/src/mock/ToastTest.astro
+++ b/src/mock/ToastTest.astro
@@ -14,7 +14,7 @@