Claude
7a08546da6
Replace baked-in UOM/MysticMoon/UOMysticmoon branding with a BRAND_* env scheme so one prebuilt image runs as any shard; UOMysticmoon becomes the first tenant that sets these vars rather than a special case in the code. Architecture (chosen because the app ships as a prebuilt image): - server/src/config/brand.js + bot/src/brand.js read BRAND_* once at boot, with Runic Gateway defaults. - Text/colors reach the SPA at RUNTIME through the existing public settings API (settings.model.getPublic -> SiteContext), so no client rebuild. The admin-editable site title + contact email still override BRAND_NAME/email. - SiteContext applies BRAND_ACCENT_COLOR to the --accent CSS var at runtime. - Express templates the built index.html <title>/description/OG/favicon at serve time from BRAND_* (renderIndexHtml in app.js). - Server-side consumers read brand directly: emails, TOTP issuer, API docs, boot logs, HTML error page. Bot uses it for embed color + logs. Assets: logo/hero/favicon delivered from a ./brand:/app/brand bind-mount (BRAND_LOGO/HERO/FAVICON), with neutral defaults baked in; hero falls back to a built-in image when unset. Scope: also genericized package.json names (uomysticmoon-* -> runic-gateway-*) and the DB_NAME/DB_USER/COOKIE_NAME code defaults (runic_gateway/runic/ rg_token). Production keeps its real values by pinning them in .env — see .env.uomysticmoon.example, which reproduces the exact UOMysticmoon identity (proof the substitution works). Changing a deployed COOKIE_NAME invalidates existing sessions, so UOMysticmoon pins uomm_token. Verified: 193 server tests pass, client builds, app.js loads + templates the built index.html, brand transform injects title/description/OG/favicon.
45 lines
1.9 KiB
JavaScript
45 lines
1.9 KiB
JavaScript
import PublicLayout from '../../components/PublicLayout.jsx'
|
|
import PageHeader from '../../components/PageHeader.jsx'
|
|
import { useSite } from '../../contexts/SiteContext.jsx'
|
|
|
|
export default function About() {
|
|
const { contactEmail, siteShortName } = useSite()
|
|
return (
|
|
<PublicLayout section="website">
|
|
<div className="shell-narrow page-body">
|
|
<PageHeader eyebrow="About" title={`About ${siteShortName}`} />
|
|
<div className="prose">
|
|
<p>
|
|
{siteShortName} is an independent, privately-run Ultima Online shard built by a small group of long-time players.
|
|
It is not affiliated with or endorsed by the owners of Ultima Online — it is a labor of love for the old
|
|
worlds and the friendships made in them.
|
|
</p>
|
|
<p>
|
|
Our aim is a calm, hand-tended world: a contested wilderness worth exploring, safe towns worth living in,
|
|
and systems that reward curiosity over grind. We are building slowly and in the open, sharing news,
|
|
screenshots, and guides as the world comes online.
|
|
</p>
|
|
<h2>What to expect</h2>
|
|
<ul>
|
|
<li>A hybrid ruleset — safe towns, a dangerous wild.</li>
|
|
<li>Custom crafting, housing, and exploration content.</li>
|
|
<li>A small, friendly population and an active wiki.</li>
|
|
</ul>
|
|
</div>
|
|
<section className="note" style={{ marginTop: 30 }}>
|
|
<h3 className="display" style={{ margin: '0 0 6px', fontSize: '1.15rem', color: 'var(--head)' }}>
|
|
Get in touch
|
|
</h3>
|
|
<p style={{ margin: 0, color: 'var(--muted)' }}>
|
|
Questions, ideas, or want to help build? Reach us at{' '}
|
|
<a href={`mailto:${contactEmail}`} style={{ color: 'var(--accent)', textDecoration: 'none' }}>
|
|
{contactEmail}
|
|
</a>
|
|
.
|
|
</p>
|
|
</section>
|
|
</div>
|
|
</PublicLayout>
|
|
)
|
|
}
|