From e68db9c26c5963005989941da55ec4ff798fbde4 Mon Sep 17 00:00:00 2001 From: Scott Scoble Date: Fri, 1 May 2026 22:34:38 -0700 Subject: [PATCH] feat: implement forms, SEO, sitemap, and other infrastructure improvements --- public/manifest.json | 24 +++ public/robots.txt | 19 ++ src/components/Footer.astro | 103 +++++++++- src/components/Form/SharedForm.astro | 293 +++++++++++++++++++++++++++ src/components/SEO.astro | 223 ++++++++++++++++++++ src/layouts/BaseLayout.astro | 37 +--- src/pages/404.astro | 67 +++++- src/pages/books.astro | 4 +- src/pages/consulting.astro | 1 + src/pages/contact.astro | 35 +--- src/pages/index.astro | 1 + src/pages/privacy.astro | 5 +- src/pages/sitemap.xml.ts | 44 ++++ src/pages/speaking.astro | 37 +--- 14 files changed, 791 insertions(+), 102 deletions(-) create mode 100644 public/manifest.json create mode 100644 public/robots.txt create mode 100644 src/components/Form/SharedForm.astro create mode 100644 src/components/SEO.astro create mode 100644 src/pages/sitemap.xml.ts diff --git a/public/manifest.json b/public/manifest.json new file mode 100644 index 0000000..47f9cc9 --- /dev/null +++ b/public/manifest.json @@ -0,0 +1,24 @@ +{ + "name": "Scott Scoble", + "short_name": "Scott Scoble", + "description": "Human Cultivation Expert for the AI Age", + "start_url": "/", + "display": "standalone", + "background_color": "#faf8f5", + "theme_color": "#3d5a3e", + "orientation": "portrait-primary", + "icons": [ + { + "src": "/icons/icon-192x192.png", + "sizes": "192x192", + "type": "image/png", + "purpose": "any maskable" + }, + { + "src": "/icons/icon-512x512.png", + "sizes": "512x512", + "type": "image/png", + "purpose": "any maskable" + } + ] +} diff --git a/public/robots.txt b/public/robots.txt new file mode 100644 index 0000000..26a9c27 --- /dev/null +++ b/public/robots.txt @@ -0,0 +1,19 @@ +# robots.txt for scott.scoble.me +# https://scott.scoble.me + +User-agent: * +Allow: / + +# Sitemap +Sitemap: https://scott.scoble.me/sitemap.xml + +# Disallow admin pages (if any) +Disallow: /admin/ +Disallow: /api/ + +# Disallow private user data +Disallow: /private/ +Disallow: /checkout/ + +# Crawl delay (optional) +Crawl-delay: 1 diff --git a/src/components/Footer.astro b/src/components/Footer.astro index c4b0dd1..188cb8a 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -9,11 +9,13 @@ const currentYear = new Date().getFullYear();

The human cultivation expert for the AI age.

+

📧 scott@scoble.me

+
- + @@ -22,6 +24,16 @@ const currentYear = new Date().getFullYear();
+
+

Stay in the loop

+

Get updates on new talks, workshops, and writings.

+ + +
+

Pages

@@ -61,8 +73,8 @@ const currentYear = new Date().getFullYear(); .footer-main { display: grid; - grid-template-columns: 2fr 1fr; - gap: 4rem; + grid-template-columns: 1.5fr 1.5fr 1fr; + gap: 3rem; padding-bottom: 3rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 2rem; @@ -83,6 +95,21 @@ const currentYear = new Date().getFullYear(); font-size: 1rem; } + .footer-email { + margin: 0 0 1.5rem; + font-size: 0.9375rem; + color: rgba(255, 255, 255, 0.8); + } + + .footer-email a { + color: var(--color-amber); + text-decoration: none; + } + + .footer-email a:hover { + text-decoration: underline; + } + .footer-social { display: flex; gap: 1rem; @@ -97,9 +124,71 @@ const currentYear = new Date().getFullYear(); color: var(--color-amber); } + .footer-newsletter { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + + .footer-newsletter h4 { + font-size: 0.875rem; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.1em; + color: rgba(255, 255, 255, 0.5); + margin: 0 0 0.25rem; + } + + .footer-newsletter p { + color: rgba(255, 255, 255, 0.8); + font-size: 0.9375rem; + margin: 0 0 1rem; + } + + .newsletter-form { + display: flex; + gap: 0.5rem; + } + + .newsletter-form input { + flex: 1; + padding: 0.625rem 0.875rem; + border: 1px solid rgba(255, 255, 255, 0.2); + border-radius: 4px; + background: rgba(0, 0, 0, 0.2); + color: white; + font-size: 0.9375rem; + } + + .newsletter-form input:focus { + outline: none; + border-color: var(--color-amber); + } + + .newsletter-form button { + padding: 0.625rem 1.25rem; + background: var(--color-amber); + color: white; + border: none; + border-radius: 4px; + font-weight: 600; + font-size: 0.9375rem; + cursor: pointer; + } + + .newsletter-form button:hover { + background: var(--color-amber-light); + } + + .newsletter-note { + font-size: 0.75rem; + color: rgba(255, 255, 255, 0.5); + margin: 0; + } + .footer-links { display: flex; - gap: 3rem; + gap: 2rem; } .footer-col { @@ -136,6 +225,12 @@ const currentYear = new Date().getFullYear(); color: rgba(255, 255, 255, 0.5); } + @media (max-width: 960px) { + .footer-main { + grid-template-columns: 1fr 1fr; + } + } + @media (max-width: 640px) { .footer-main { grid-template-columns: 1fr; diff --git a/src/components/Form/SharedForm.astro b/src/components/Form/SharedForm.astro new file mode 100644 index 0000000..a448d95 --- /dev/null +++ b/src/components/Form/SharedForm.astro @@ -0,0 +1,293 @@ +--- +import { useState } from 'astro:collection-utils'; + +interface FormProps { + type: 'speaking' | 'contact' | 'waitlist'; + onSubmit?: () => void; +} + +const { type } = Astro.props; + +// Formspree endpoint - Scott will update with his Formspree form ID +const FORMSPREE_ENDPOINT = import.meta.env.PUBLIC_FORMSPREE_ENDPOINT || ''; + +// Contact form topic routing +const TOPIC_EMAILS = { + speaking: 'scott@scoble.me', + consulting: 'scott@scoble.me', + general: 'scott@scoble.me', +}; + +// Form field definitions based on type +const getFormFields = () => { + switch (type) { + case 'speaking': + return [ + { name: 'name', label: 'Name *', type: 'text', required: true }, + { name: 'email', label: 'Email *', type: 'email', required: true }, + { name: 'event_date', label: 'Event Date', type: 'date', required: false }, + { name: 'event_type', label: 'Event Type', type: 'select', required: false, options: [ + { value: '', label: 'Select...' }, + { value: 'conference', label: 'Conference' }, + { value: 'corporate', label: 'Corporate Event' }, + { value: 'workshop', label: 'Workshop' }, + { value: 'other', label: 'Other' }, + ] }, + { name: 'message', label: 'Message *', type: 'textarea', required: true, rows: 4 }, + ]; + case 'contact': + return [ + { name: 'name', label: 'Name *', type: 'text', required: true }, + { name: 'email', label: 'Email *', type: 'email', required: true }, + { name: 'topic', label: 'Topic', type: 'select', required: false, options: [ + { value: '', label: 'Select...' }, + { value: 'speaking', label: 'Speaking Inquiry' }, + { value: 'consulting', label: 'Consulting Inquiry' }, + { value: 'general', label: 'General' }, + ] }, + { name: 'message', label: 'Message *', type: 'textarea', required: true, rows: 5 }, + ]; + case 'waitlist': + return [ + { name: 'email', label: 'Email *', type: 'email', required: true }, + ]; + } +}; + +const isWaiting = useState(false); +const isSuccess = useState(false); +const errorMessage = useState(''); + +const handleSubmit = async (e: any) => { + e.preventDefault(); + + if (isWaiting.value) return; + + isWaiting.value = true; + isSuccess.value = false; + errorMessage.value = ''; + + const form = e.target as HTMLFormElement; + const formData = new FormData(form); + + // Add form type for routing + formData.append('form_type', type); + + try { + if (FORMSPREE_ENDPOINT) { + const response = await fetch(FORMSPREE_ENDPOINT, { + method: 'POST', + body: formData, + }); + + if (!response.ok) { + const errorData = await response.json().catch(() => ({})); + throw new Error(errorData.error?.message || 'Form submission failed'); + } + } + + isSuccess.value = true; + + // Track success event for Umami + if (typeof window !== 'undefined' && window.umami) { + window.umami.track('form_submitted', { + type: type, + success: true, + }); + } + } catch (error) { + errorMessage.value = error instanceof Error ? error.message : 'An error occurred'; + } finally { + isWaiting.value = false; + } +}; + +// Check for URL query param for contact form topic pre-selection +const topicFromUrl = typeof window !== 'undefined' && type === 'contact' + ? new URL(window.location.href).searchParams.get('topic') + : null; +--- + +
+ {import.meta.env.PUBLIC_FORMSPREE_HONEYPOT && ( +
+ +
+ )} + + {isSuccess ? ( +
+

Thank you!

+

Your message has been sent. I'll get back to you shortly.

+
+ ) : ( + <> + {getFormFields().map((field) => ( +
+ + + {field.type === 'select' ? ( + + ) : field.type === 'textarea' ? ( + -
- - -
+
@@ -63,14 +38,14 @@ import BaseLayout from '../layouts/BaseLayout.astro';

📅 Discovery Call

-

Schedule a 20-min call (Calendly link coming soon)

+

Schedule a 20-min call

🐦 Social

LinkedIn • - X/Twitter • + X/Twitter • GitHub

diff --git a/src/pages/index.astro b/src/pages/index.astro index 2603c8b..3db284f 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -6,6 +6,7 @@ import PillarCard from '../components/PillarCard.astro';
diff --git a/src/pages/privacy.astro b/src/pages/privacy.astro index 13840e3..e7b260c 100644 --- a/src/pages/privacy.astro +++ b/src/pages/privacy.astro @@ -24,10 +24,11 @@ import BaseLayout from '../layouts/BaseLayout.astro';

If you submit a contact form, your email and message are sent to me directly. I don't share this information with third parties.

Analytics

-

This site does not use Google Analytics or other tracking scripts.

+

This site uses Umami Analytics, a privacy-focused, first-party analytics tool. Umami does not use cookies, does not track you across sites, and does not collect personal data.

+

You can see the privacy policy at umami.is/privacy.

Cookies

-

No cookies are set by this site.

+

No cookies are set by this site. Umami Analytics uses localStorage (not cookies) for anonymous session tracking.

Hosting

This site is hosted on Storj. Their privacy policy applies to infrastructure-level logging.

diff --git a/src/pages/sitemap.xml.ts b/src/pages/sitemap.xml.ts new file mode 100644 index 0000000..cd2489f --- /dev/null +++ b/src/pages/sitemap.xml.ts @@ -0,0 +1,44 @@ +--- +import { getCollection } from 'astro:content'; +import { getSortedPosts } from '../utils/posts'; + +const posts = await getCollection('blog'); +const speakingPosts = await getCollection('speaking'); + +const pages = [ + { url: '/', lastmod: new Date().toISOString() }, + { url: '/speaking', lastmod: new Date().toISOString() }, + { url: '/consulting', lastmod: new Date().toISOString() }, + { url: '/books', lastmod: new Date().toISOString() }, + { url: '/contact', lastmod: new Date().toISOString() }, + ...posts.map(post => ({ + url: `/blog/${post.slug}`, + lastmod: post.data.updated || post.data.date, + })), + ...speakingPosts.map(talk => ({ + url: `/speaking#talk-${talk.slug}`, + lastmod: new Date().toISOString(), + })), +]; + +// Render the sitemap XML +const xml = ` + + ${pages.map(page => ` + + ${new URL(page.url, 'https://scott.scoble.me').href} + ${typeof page.lastmod === 'string' ? page.lastmod : new Date(page.lastmod).toISOString().split('T')[0]} + weekly + ${page.url === '/' ? '1.0' : '0.8'} + + `).join('')} +`; + +export const GET = () => { + return new Response(xml, { + headers: { + 'Content-Type': 'application/xml', + 'Cache-Control': 'public, max-age=3600', + }, + }); +}; diff --git a/src/pages/speaking.astro b/src/pages/speaking.astro index 326bda9..e67e37e 100644 --- a/src/pages/speaking.astro +++ b/src/pages/speaking.astro @@ -1,11 +1,13 @@ --- import BaseLayout from '../layouts/BaseLayout.astro'; import TalkCard from '../components/TalkCard.astro'; +import SharedForm from '../components/Form/SharedForm.astro'; --- @@ -108,40 +110,7 @@ import TalkCard from '../components/TalkCard.astro';

Inquiry Form

-
-
- - -
- -
- - -
- -
- - -
- -
- - -
- -
- - -
- - -
+