app/routes/contact.tsx

Functions

Imports

It imports app/components/page-shell.tsx, app/lib/seo.ts. No module of this repo imports it.

Source

1import { PageShell } from "~/components/page-shell";
2import { OWNER_FACULTY_PAGE, SITE, pageMeta, publicHtmlHeaders } from "~/lib/seo";
3
4// prose.css is route-scoped: a page using `.prose` without importing it renders unstyled.
5import "~/styles/prose.css";
6
7/** The site's general address (Dustin, 2026-09-28); the About page publishes the same one. */
8const EMAIL = "contact@dustinedwards.info";
9
10export function headers() {
11  // The shared builder: a hand-written pair drops the Vary line and serves one reader's theme to another.
12  return new Headers(publicHtmlHeaders());
13}
14
15export function meta() {
16  return pageMeta({
17    title: `Contact | ${SITE.name}`,
18    description: "How to reach Dustin Edwards: email, and his Tarleton State University faculty page.",
19    path: "/contact",
20  });
21}
22
23export default function Contact() {
24  return (
25    <PageShell>
26      <header className="page-head">
27        <h1>Contact</h1>
28      </header>
29
30      <div className="prose">
31        <p>
32          Email <a href={`mailto:${EMAIL}`}>{EMAIL}</a>. It reaches me directly, for research, teaching,
33          collaboration or anything on this site.
34        </p>
35        <p>
36          My office, phone and department details are on my{" "}
37          <a href={OWNER_FACULTY_PAGE}>Tarleton State University faculty page</a>.
38        </p>
39      </div>
40    </PageShell>
41  );
42}