contact-success/index.html

<!DOCTYPE html>
<html lang="en">
<head>
	
		
	<title>Form submitted successfully | District Dharma Collective</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<!-- Meta -->
	<link rel="canonical" href="/">
	<meta name="description" content="Homepage for the District Dharma Collective out of DC">
	<meta name="robots" content="index,follow">
	<meta property="og:title" content="Form submitted successfully | District Dharma Collective">
	<meta property="og:type" content="article">
	<meta property="og:url" content="districtdharma.org/contact-success/">
	<meta property="og:description" content="Homepage for the District Dharma Collective out of DC">

	<link rel="icon" type="image/x-icon" href="/favicon.ico">
	<meta property="og:image" content="/img/logo-light.png">
	<meta property="og:image:alt" content="the district dharma logo, which depicts a stylized lotus flower under 3 dots, surrounded by an upper and lower curve, in two shades of blue">

	<meta name="generator" content="Eleventy v3.1.5">

	<!-- CSS -->
	
	<style>:root {
	color-scheme: light dark;

	--color-dark: #202325;
	--color-light: #e4edf3;
	--color-blue-dark: #0c436d;
	--color-blue-light: #5ca6ce;
	--color-red-light: #bb362a;
	--color-red-dark: #b82e1f;

	--color-text: light-dark(var(--color-dark), var(--color-light));
	--color-bg: light-dark(var(--color-light), var(--color-dark));
	--color-accent: light-dark(var(--color-blue-dark), var(--color-blue-light));
	--color-accent-flipped: light-dark(var(--color-blue-light), var(--color-blue-dark));
	--color-red: light-dark(var(--color-red-dark), var(--color-red-light));
}

/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
*, *::before, *::after {
  box-sizing: border-box; /* 1. Use a more-intuitive box-sizing model */
}

#root, #__next {
  isolation: isolate; /* 10. Create a root stacking context */
}

*:not(dialog) {
  margin: 0; /* 2. Remove default margins */
}

*:focus-visible {
	outline-offset: .12rem;
	outline: .12rem solid var(--color-accent);
	border-radius: .25em;
}

html {
	height: 100%;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords; /* 3. Enable keyword animations */
  }
}

body {
  line-height: 1.5; /* 4. Increase line-height */
  -webkit-font-smoothing: antialiased; /* 5. Improve text rendering */
  font-family: sans-serif;
  color: var(--color-text);
  background-color: var(--color-bg);
  font-family: "Atkinson Hyperlegible Next";
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 100%;
}

#content {
	width: 65%;
	max-width: 1800px;
	margin-inline: auto;
	margin-block-end: 3rem;
}

@media (max-width: 1050px) {
	#content {
		width: 85%;
	}
}

@media (max-width: 650px) {
	#content {
		width: 92%;
	}
}

img, picture, video, canvas, svg {
  display: block; /* 6. Improve media defaults */
  max-width: 100%; /* 6. Improve media defaults */
  height: auto; /* 6. Improve media defaults */
  margin: 0 auto;
}

input, button, textarea, select {
  font: inherit; /* 7. Inherit fonts for form controls */
}

h1, h2, h3, h4, h5, h6, p {
  overflow-wrap: break-word; /* 8. Avoid text overflows */
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance; /* 9. Improve line wrapping */
  font-family: Montserrat, sans-serif;
  margin-block-start: 1em;
  color: var(--color-accent);
  font-variant: small-caps;
  font-weight: 400;
  letter-spacing: 5%;
}

h1 {
	text-align: center;
	font-size: 3rem;
	margin-block-end: .6em;
}

h2 { font-size: 2.1rem; }
h3 { font-size: 1.7rem; }
h4 { font-size: 1.4rem; }

@media (max-width: 650px) {
	h1 { font-size: 2.6rem; }
}

p {
  text-wrap: pretty; /* 9. Improve line wrapping */
  margin-block: 1.25em;
}

a {
	color: var(--color-accent);
	text-decoration-thickness: .15rem;
	transition: text-decoration-thickness .5s;
}

a:visited {
	color: var(--color-text);
	text-decoration-color: var(--color-accent);
}

@media (any-hover: hover) {
	a:hover {
		text-decoration-thickness: .25rem;
	}
}

ul {
	margin-block: 1.25rem;
}

ul p {
	margin-block: 0;
}

/* Header/nav/footer */
header {
	--height-base: 20vh; /* Variable height for desktop vs mobile */
}

@media (max-width: 650px) {
	header{
		--height-base: 12vh; /* Variable height for desktop vs mobile */
	}
}

header {
	height: var(--height-base);
	padding: calc(var(--height-base) / 8);
	background-color: var(--color-accent);
}

.logo {
	height: 100%;
	width: auto;
	padding: calc(var(--height-base) / 30);
	border: calc(var(--height-base) / 50) solid var(--color-accent);
	border-radius: calc(var(--height-base) / 3);
}

header a:focus-visible {
	outline: none; /* covered by logo rule below */
}

header a:focus-visible .logo {
	border-color: var(--color-text);
	outline: calc(var(--height-base) / 30) solid var(--color-accent-flipped);
}

@media (prefers-color-scheme: light) {
	.dark {
		display: none;
	}
}

@media (prefers-color-scheme: dark) {
	.light {
		display: none;
	}
}

footer {
	background-color: var(--color-accent);
	color: var(--color-bg);
	padding: 1rem;
}

footer p {
	text-align: center;
	margin: 0;
}

footer a,
footer a:visited {
	color: var(--color-bg);
	text-decoration-color: var(--color-bg);
}

footer a:focus-visible {
	outline: .15rem solid var(--color-accent-flipped);
}

footer a:has(svg) {
	display: inline-block;
}

footer svg {
	height: 2rem;
	width: auto;
}</style>

  
	<!-- Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
  <link href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
</head>

<body>
	<header>
  <a href="/" title="go home" aria-label="go home">
    <img class="logo light" src="/img/logo-light.png" alt="the district dharma logo, which depicts a stylized lotus flower under 3 dots, surrounded by an upper and lower curve, in two shades of blue" loading="lazy" decoding="async" width="917" height="974">
    <img class="logo dark" src="/img/logo-dark.png" alt="the district dharma logo, which depicts a stylized lotus flower under 3 dots, surrounded by an upper and lower curve, in two shades of blue" loading="lazy" decoding="async" width="917" height="974">
  </a>
</header>


	<main id="main">
		<div id="content">
  <h1>Form submitted successfully</h1>

  <p>Thanks for reaching out to District Dharma! You'll hear back from us soon. Until then, feel free to return to the <a href="/">home page</a>.</p>

</div>

	</main>

  <footer>
  <p>
    <a title="Find us on Mastodon" href="https://dmv.community/@DistrictDharmaCollective">
      <svg class="dark" xmlns="http://www.w3.org/2000/svg" aria-label="District Dharma on Mastodon" role="img" viewBox="0 0 512.00 512.00" fill="#5ca6ce" stroke="#5ca6ce"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><rect width="512" height="512" rx="15%"></rect><path d="m409 290c-5 24-43 50-85 56-86 11-137-6-137-6 3 13-4 54 70 52 31 0 58-7 58-7l2 27c-51 24-107 15-140 6-67-17-79-90-81-162v-59c0-74 49-96 49-96 50-24 180-22 222 0 0 0 49 22 49 96 0 0 1 55-7 93" fill="#202325"></path><path d="m358 202v91h-35v-88c0-18-8-27-23-27-18 0-27 11-27 33v47h-34v-47c0-22-9-33-27-33-15 0-23 9-23 27v88h-35v-91c0-18 5-60 52-60 39 0 50 37 50 37s10-37 50-37c45 0 52 42 52 60"></path></g></svg>
      <svg class="light" xmlns="http://www.w3.org/2000/svg" aria-label="District Dharma on Mastodon" role="img" viewBox="0 0 512.00 512.00" fill="#0c436d" stroke="#0c436d"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><rect width="512" height="512" rx="15%"></rect><path d="m409 290c-5 24-43 50-85 56-86 11-137-6-137-6 3 13-4 54 70 52 31 0 58-7 58-7l2 27c-51 24-107 15-140 6-67-17-79-90-81-162v-59c0-74 49-96 49-96 50-24 180-22 222 0 0 0 49 22 49 96 0 0 1 55-7 93" fill="#e4edf3"></path><path d="m358 202v91h-35v-88c0-18-8-27-23-27-18 0-27 11-27 33v47h-34v-47c0-22-9-33-27-33-15 0-23 9-23 27v88h-35v-91c0-18 5-60 52-60 39 0 50 37 50 37s10-37 50-37c45 0 52 42 52 60"></path></g></svg>
    </a>
  </p>
  <p>© 2026</p>
  <p><a href="/attribution/">site attribution</a></p>
</footer>

	<!-- This page `/contact-success/` was built on 2026-08-27T20:30:44.341Z -->
</body>
</html>
drone build Fri Aug 21 15:02:47 PDT 2026 2026-08-21 22:02:47 +00:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`



			`<title>Form submitted successfully \| District Dharma Collective</title>`
			`<meta name="viewport" content="width=device-width, initial-scale=1">`
			`<meta charset="utf-8">`
			`<!-- Meta -->`
			`<link rel="canonical" href="/">`
drone build Wed Aug 26 16:40:16 PDT 2026 2026-08-26 23:40:16 +00:00			`<meta name="description" content="Homepage for the District Dharma Collective out of DC">`
drone build Fri Aug 21 15:02:47 PDT 2026 2026-08-21 22:02:47 +00:00			`<meta name="robots" content="index,follow">`
			`<meta property="og:title" content="Form submitted successfully \| District Dharma Collective">`
			`<meta property="og:type" content="article">`
drone build Wed Aug 26 16:40:16 PDT 2026 2026-08-26 23:40:16 +00:00			`<meta property="og:url" content="districtdharma.org/contact-success/">`
			`<meta property="og:description" content="Homepage for the District Dharma Collective out of DC">`
drone build Fri Aug 21 15:02:47 PDT 2026 2026-08-21 22:02:47 +00:00
drone build Wed Aug 26 16:40:16 PDT 2026 2026-08-26 23:40:16 +00:00			`<link rel="icon" type="image/x-icon" href="/favicon.ico">`
			`<meta property="og:image" content="/img/logo-light.png">`
			`<meta property="og:image:alt" content="the district dharma logo, which depicts a stylized lotus flower under 3 dots, surrounded by an upper and lower curve, in two shades of blue">`
drone build Fri Aug 21 15:02:47 PDT 2026 2026-08-21 22:02:47 +00:00
			`<meta name="generator" content="Eleventy v3.1.5">`

			`<!-- CSS -->`

			`<style>:root {`
			`color-scheme: light dark;`

			`--color-dark: #202325;`
			`--color-light: #e4edf3;`
			`--color-blue-dark: #0c436d;`
			`--color-blue-light: #5ca6ce;`
			`--color-red-light: #bb362a;`
			`--color-red-dark: #b82e1f;`

			`--color-text: light-dark(var(--color-dark), var(--color-light));`
			`--color-bg: light-dark(var(--color-light), var(--color-dark));`
			`--color-accent: light-dark(var(--color-blue-dark), var(--color-blue-light));`
			`--color-accent-flipped: light-dark(var(--color-blue-light), var(--color-blue-dark));`
			`--color-red: light-dark(var(--color-red-dark), var(--color-red-light));`
			`}`

			`/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */`
			`, ::before, *::after {`
			`box-sizing: border-box; /* 1. Use a more-intuitive box-sizing model */`
			`}`

			`#root, #__next {`
			`isolation: isolate; /* 10. Create a root stacking context */`
			`}`

			`*:not(dialog) {`
			`margin: 0; /* 2. Remove default margins */`
			`}`

			`*:focus-visible {`
			`outline-offset: .12rem;`
			`outline: .12rem solid var(--color-accent);`
drone build Mon Aug 24 11:42:42 PDT 2026 2026-08-24 18:42:42 +00:00			`border-radius: .25em;`
drone build Fri Aug 21 15:02:47 PDT 2026 2026-08-21 22:02:47 +00:00			`}`

			`html {`
			`height: 100%;`
			`}`

			`@media (prefers-reduced-motion: no-preference) {`
			`html {`
			`interpolate-size: allow-keywords; /* 3. Enable keyword animations */`
			`}`
			`}`

			`body {`
			`line-height: 1.5; /* 4. Increase line-height */`
			`-webkit-font-smoothing: antialiased; /* 5. Improve text rendering */`
			`font-family: sans-serif;`
			`color: var(--color-text);`
			`background-color: var(--color-bg);`
			`font-family: "Atkinson Hyperlegible Next";`
			`height: 100%;`
			`display: grid;`
			`grid-template-rows: auto 1fr auto;`
			`min-height: 100%;`
			`}`

			`#content {`
			`width: 65%;`
			`max-width: 1800px;`
			`margin-inline: auto;`
			`margin-block-end: 3rem;`
			`}`

			`@media (max-width: 1050px) {`
			`#content {`
			`width: 85%;`
			`}`
			`}`

			`@media (max-width: 650px) {`
			`#content {`
			`width: 92%;`
			`}`
			`}`

			`img, picture, video, canvas, svg {`
			`display: block; /* 6. Improve media defaults */`
			`max-width: 100%; /* 6. Improve media defaults */`
			`height: auto; /* 6. Improve media defaults */`
			`margin: 0 auto;`
			`}`

			`input, button, textarea, select {`
			`font: inherit; /* 7. Inherit fonts for form controls */`
			`}`

			`h1, h2, h3, h4, h5, h6, p {`
			`overflow-wrap: break-word; /* 8. Avoid text overflows */`
			`}`

			`h1, h2, h3, h4, h5, h6 {`
			`text-wrap: balance; /* 9. Improve line wrapping */`
drone build Mon Aug 24 11:42:42 PDT 2026 2026-08-24 18:42:42 +00:00			`font-family: Montserrat, sans-serif;`
drone build Fri Aug 21 15:02:47 PDT 2026 2026-08-21 22:02:47 +00:00			`margin-block-start: 1em;`
			`color: var(--color-accent);`
			`font-variant: small-caps;`
			`font-weight: 400;`
			`letter-spacing: 5%;`
			`}`

			`h1 {`
			`text-align: center;`
			`font-size: 3rem;`
			`margin-block-end: .6em;`
			`}`

drone build Fri Aug 21 16:25:51 PDT 2026 2026-08-21 23:25:51 +00:00			`h2 { font-size: 2.1rem; }`
			`h3 { font-size: 1.7rem; }`
			`h4 { font-size: 1.4rem; }`

			`@media (max-width: 650px) {`
			`h1 { font-size: 2.6rem; }`
			`}`
drone build Fri Aug 21 15:02:47 PDT 2026 2026-08-21 22:02:47 +00:00
			`p {`
			`text-wrap: pretty; /* 9. Improve line wrapping */`
			`margin-block: 1.25em;`
			`}`

			`a {`
			`color: var(--color-accent);`
			`text-decoration-thickness: .15rem;`
			`transition: text-decoration-thickness .5s;`
			`}`

			`a:visited {`
			`color: var(--color-text);`
			`text-decoration-color: var(--color-accent);`
			`}`

			`@media (any-hover: hover) {`
			`a:hover {`
			`text-decoration-thickness: .25rem;`
			`}`
			`}`

drone build Fri Aug 21 16:18:22 PDT 2026 2026-08-21 23:18:22 +00:00			`ul {`
			`margin-block: 1.25rem;`
			`}`

			`ul p {`
			`margin-block: 0;`
			`}`

drone build Fri Aug 21 15:02:47 PDT 2026 2026-08-21 22:02:47 +00:00			`/* Header/nav/footer */`
			`header {`
drone build Fri Aug 21 16:25:51 PDT 2026 2026-08-21 23:25:51 +00:00			`--height-base: 20vh; /* Variable height for desktop vs mobile */`
			`}`

			`@media (max-width: 650px) {`
			`header{`
			`--height-base: 12vh; /* Variable height for desktop vs mobile */`
			`}`
			`}`

			`header {`
			`height: var(--height-base);`
			`padding: calc(var(--height-base) / 8);`
drone build Fri Aug 21 15:02:47 PDT 2026 2026-08-21 22:02:47 +00:00			`background-color: var(--color-accent);`
			`}`

			`.logo {`
			`height: 100%;`
			`width: auto;`
drone build Fri Aug 21 16:25:51 PDT 2026 2026-08-21 23:25:51 +00:00			`padding: calc(var(--height-base) / 30);`
			`border: calc(var(--height-base) / 50) solid var(--color-accent);`
			`border-radius: calc(var(--height-base) / 3);`
drone build Fri Aug 21 15:02:47 PDT 2026 2026-08-21 22:02:47 +00:00			`}`

			`header a:focus-visible {`
			`outline: none; /* covered by logo rule below */`
			`}`

			`header a:focus-visible .logo {`
			`border-color: var(--color-text);`
drone build Fri Aug 21 16:25:51 PDT 2026 2026-08-21 23:25:51 +00:00			`outline: calc(var(--height-base) / 30) solid var(--color-accent-flipped);`
drone build Fri Aug 21 15:02:47 PDT 2026 2026-08-21 22:02:47 +00:00			`}`

			`@media (prefers-color-scheme: light) {`
			`.dark {`
			`display: none;`
			`}`
			`}`

			`@media (prefers-color-scheme: dark) {`
			`.light {`
			`display: none;`
			`}`
			`}`

			`footer {`
			`background-color: var(--color-accent);`
			`color: var(--color-bg);`
			`padding: 1rem;`
			`}`

			`footer p {`
			`text-align: center;`
			`margin: 0;`
			`}`

			`footer a,`
			`footer a:visited {`
			`color: var(--color-bg);`
			`text-decoration-color: var(--color-bg);`
			`}`

			`footer a:focus-visible {`
			`outline: .15rem solid var(--color-accent-flipped);`
drone build Mon Aug 24 11:42:42 PDT 2026 2026-08-24 18:42:42 +00:00			`}`

drone build Tue Aug 25 13:31:56 PDT 2026 2026-08-25 20:31:56 +00:00			`footer a:has(svg) {`
			`display: inline-block;`
			`}`

drone build Mon Aug 24 11:42:42 PDT 2026 2026-08-24 18:42:42 +00:00			`footer svg {`
			`height: 2rem;`
			`width: auto;`
drone build Fri Aug 21 15:02:47 PDT 2026 2026-08-21 22:02:47 +00:00			`}</style>`



			`<!-- Fonts -->`
			`<link rel="preconnect" href="https://fonts.googleapis.com">`
			`<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">`
			`<link href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">`
			`</head>`

			`<body>`
			`<header>`
			`<a href="/" title="go home" aria-label="go home">`
drone build Thu Aug 27 13:30:50 PDT 2026 2026-08-27 20:30:50 +00:00			`<img class="logo light" src="/img/logo-light.png" alt="the district dharma logo, which depicts a stylized lotus flower under 3 dots, surrounded by an upper and lower curve, in two shades of blue" loading="lazy" decoding="async" width="917" height="974">`
			`<img class="logo dark" src="/img/logo-dark.png" alt="the district dharma logo, which depicts a stylized lotus flower under 3 dots, surrounded by an upper and lower curve, in two shades of blue" loading="lazy" decoding="async" width="917" height="974">`
drone build Fri Aug 21 15:02:47 PDT 2026 2026-08-21 22:02:47 +00:00			`</a>`
			`</header>`


			`<main id="main">`
			`<div id="content">`
			`<h1>Form submitted successfully</h1>`

			`<p>Thanks for reaching out to District Dharma! You'll hear back from us soon. Until then, feel free to return to the <a href="/">home page</a>.</p>`

			`</div>`

			`</main>`

			`<footer>`
drone build Mon Aug 24 11:42:42 PDT 2026 2026-08-24 18:42:42 +00:00			`<p>`
			`<a title="Find us on Mastodon" href="https://dmv.community/@DistrictDharmaCollective">`
			<svg class="dark" xmlns="http://www.w3.org/2000/svg" aria-label="District Dharma on Mastodon" role="img" viewBox="0 0 512.00 512.00" fill="#5ca6ce" stroke="#5ca6ce"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><rect width="512" height="512" rx="15%"></rect><path d="m409 290c-5 24-43 50-85 56-86 11-137-6-137-6 3 13-4 54 70 52 31 0 58-7 58-7l2 27c-51 24-107 15-140 6-67-17-79-90-81-162v-59c0-74 49-96 49-96 50-24 180-22 222 0 0 0 49 22 49 96 0 0 1 55-7 93" fill="#202325"></path><path d="m358 202v91h-35v-88c0-18-8-27-23-27-18 0-27 11-27 33v47h-34v-47c0-22-9-33-27-33-15 0-23 9-23 27v88h-35v-91c0-18 5-60 52-60 39 0 50 37 50 37s10-37 50-37c45 0 52 42 52 60"></path></g></svg>
			<svg class="light" xmlns="http://www.w3.org/2000/svg" aria-label="District Dharma on Mastodon" role="img" viewBox="0 0 512.00 512.00" fill="#0c436d" stroke="#0c436d"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><rect width="512" height="512" rx="15%"></rect><path d="m409 290c-5 24-43 50-85 56-86 11-137-6-137-6 3 13-4 54 70 52 31 0 58-7 58-7l2 27c-51 24-107 15-140 6-67-17-79-90-81-162v-59c0-74 49-96 49-96 50-24 180-22 222 0 0 0 49 22 49 96 0 0 1 55-7 93" fill="#e4edf3"></path><path d="m358 202v91h-35v-88c0-18-8-27-23-27-18 0-27 11-27 33v47h-34v-47c0-22-9-33-27-33-15 0-23 9-23 27v88h-35v-91c0-18 5-60 52-60 39 0 50 37 50 37s10-37 50-37c45 0 52 42 52 60"></path></g></svg>
			`</a>`
			`</p>`
drone build Fri Aug 21 15:02:47 PDT 2026 2026-08-21 22:02:47 +00:00			`<p>© 2026</p>`
			`<p><a href="/attribution/">site attribution</a></p>`
			`</footer>`

drone build Thu Aug 27 13:30:50 PDT 2026 2026-08-27 20:30:50 +00:00			<!-- This page `/contact-success/` was built on 2026-08-27T20:30:44.341Z -->
drone build Fri Aug 21 15:02:47 PDT 2026 2026-08-21 22:02:47 +00:00			`</body>`
			`</html>`