Enable HTML minification

Add .env.example.
Tweak spacing in some page components.

Author: fwextensions

.env.example

@@ -0,0 +1 @@
+POSTHOG_API_KEY=fill_in_key_for_metrics

astro.config.mjs

@@ -5,7 +5,7 @@ export default defineConfig({
 	site: "https://www.sfcivictech.org",
 	base: "",
 	trailingSlash: "ignore",
-	compressHTML: false,
+	compressHTML: true,
 	integrations: [
 		icon({
 			iconDir: "src/assets/icons",

src/components/Metadata.astro

@@ -16,7 +16,7 @@ const { meta: {
 
 const tags = Object.entries(meta)
 	.map(([key, value]) => metaTag(key, value))
-	.join("\n");
+	.join("\n\t\t");
 const ogTags = Object.entries({
 	title,
 	url,
@@ -28,9 +28,9 @@ const ogTags = Object.entries({
 })
 	.map(([key, value]) => value ? ogMetaTag(key, value) : null)
 	.filter(Boolean)
-	.join("\n");
+	.join("\n\t\t");
 ---
 
 <link rel="canonical" href={String(url)} />
-<Fragment set:html={tags} />
-<Fragment set:html={ogTags} />
+		<Fragment set:html={tags} />
+		<Fragment set:html={ogTags} />

src/components/MetricsSnippet.astro

@@ -3,6 +3,6 @@ const phKey = import.meta.env.POSTHOG_API_KEY;
 ---
 
 <script is:inline define:vars={{ phKey }}>
-    !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init capture register register_once register_for_session unregister unregister_for_session getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey getNextSurveyStep identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty createPersonProfile opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing debug".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
-    posthog.init(phKey, {api_host: 'https://us.i.posthog.com', person_profiles: 'identified_only'})
-</script>
+				!function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init capture register register_once register_for_session unregister unregister_for_session getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey getNextSurveyStep identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty createPersonProfile opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing debug".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
+				posthog.init(phKey, {api_host: 'https://us.i.posthog.com', person_profiles: 'identified_only'})
+		</script>

src/layouts/Page.astro

@@ -41,7 +41,6 @@ const baseURL = import.meta.env.BASE_URL.replace(/([^/])$/, "$1/");
 			title="SF Civic Tech"
 			href={new URL("rss.xml", Astro.site)}
 		/>
-
 		<Metadata meta={meta} />
 		<MetricsSnippet />