Files
jacob-mathison 8afb112eee feat: SiteLayout template + World menu with 5 new pages (Lore, World, Characters, Music, Gallery)
- SiteLayout.tsx: shared layout component with nav dropdown, mobile hamburger drawer, full footer
- Nav: World dropdown menu (Lore, World, Characters, Music, Gallery) + Follow link
- Footer: 3-column (World links, Social links, Legal links) + tagline
- pages/lore.tsx: lore entry grid with placeholder canon entries
- pages/world.tsx: location/setting cards with worldbuilding teaser
- pages/characters.tsx: character roster with locked/revealed states
- pages/music.tsx: soundtrack page with Patreon CTA (inspired by silmaai.com music page)
- pages/gallery.tsx: tabbed Official / Fan Art gallery with empty states and social tag CTAs
- styles/Layout.module.css: shared nav, dropdown, footer, page hero, coming-soon styles
- styles/World.module.css: lore, location, character, music styles
- styles/Gallery.module.css: tabs, grid, card, empty state styles
- All pages: SEO meta, canonical URLs, OG tags
2026-04-11 10:46:24 -05:00

274 lines
9.7 KiB
TypeScript

import SiteLayout from "@/pages/components/SiteLayout";
import Link from "next/link";
const s = {
main: {
maxWidth: "780px",
margin: "0 auto",
padding: "56px 32px 80px",
} as React.CSSProperties,
eyebrow: {
display: "block",
fontSize: "0.78rem",
fontWeight: 700,
letterSpacing: "0.14em",
textTransform: "uppercase" as const,
color: "#c0392b",
marginBottom: "12px",
} as React.CSSProperties,
h1: {
fontFamily: "'Georgia', 'Times New Roman', serif",
fontSize: "clamp(2rem, 5vw, 2.8rem)",
fontWeight: 700,
color: "#e8dcc8",
marginBottom: "8px",
lineHeight: 1.2,
} as React.CSSProperties,
updated: {
fontSize: "0.85rem",
color: "#9e9080",
marginBottom: "48px",
paddingBottom: "32px",
borderBottom: "1px solid rgba(232,220,200,0.1)",
} as React.CSSProperties,
h2: {
fontFamily: "'Georgia', 'Times New Roman', serif",
fontSize: "1.35rem",
fontWeight: 700,
color: "#e8dcc8",
marginTop: "40px",
marginBottom: "12px",
} as React.CSSProperties,
p: {
fontSize: "0.95rem",
color: "#c8bfae",
marginBottom: "14px",
} as React.CSSProperties,
ul: {
paddingLeft: "20px",
marginBottom: "14px",
} as React.CSSProperties,
li: {
fontSize: "0.95rem",
color: "#c8bfae",
marginBottom: "6px",
} as React.CSSProperties,
a: {
color: "#c0392b",
textDecoration: "underline",
} as React.CSSProperties,
};
export default function Privacy() {
return (
<SiteLayout
title="Privacy Policy"
description="Privacy Policy for Bone Lord Bob — how we collect, use, and protect your data."
keywords="Bone Lord Bob, privacy policy, cookies, GDPR, CCPA, CASL, American Anime"
>
<main style={s.main}>
<span style={s.eyebrow}>Legal</span>
<h1 style={s.h1}>Privacy Policy</h1>
<p style={s.updated}>Last updated: April 2026</p>
<p style={s.p}>
Bone Lord Bob (&quot;we&quot;, &quot;us&quot;, &quot;our&quot;) is
operated by Mathison Projects Inc. We respect your privacy and are
committed to protecting any personal data we collect. This policy
explains what we collect, how we use it, and your rights.
</p>
<h2 style={s.h2}>1. Information We Collect</h2>
<p style={s.p}>
We collect limited information when you visit{" "}
<strong>www.bonelordbob.com</strong>:
</p>
<ul style={s.ul}>
<li style={s.li}>
<strong>Usage data</strong> pages visited, browser type, device,
IP address, and referral source, collected automatically via
analytics tools.
</li>
<li style={s.li}>
<strong>Cookie consent preference</strong> stored locally in
your browser&apos;s localStorage.
</li>
<li style={s.li}>
<strong>Contact information</strong> only if you email us
directly at{" "}
<a href="mailto:hello@bonelordbob.com" style={s.a}>
hello@bonelordbob.com
</a>
.
</li>
</ul>
<h2 style={s.h2}>2. Cookies &amp; Analytics</h2>
<p style={s.p}>
We use <strong>Google Analytics</strong> to understand how visitors
interact with our site. Google Analytics places cookies on your device
to collect anonymized data about your visit (e.g., pages viewed,
session duration, geographic region).
</p>
<p style={s.p}>
You can opt out of Google Analytics tracking by installing the{" "}
<a
href="https://tools.google.com/dlpage/gaoptout"
target="_blank"
rel="noopener noreferrer"
style={s.a}
>
Google Analytics Opt-out Browser Add-on
</a>
.
</p>
<p style={s.p}>
We also use a localStorage key (<code>blb_cookie_consent</code>) to
remember your cookie consent choice. This is not transmitted to any
server.
</p>
<h2 style={s.h2}>3. Third-Party Services</h2>
<p style={s.p}>
Our site links to and embeds content from third-party platforms. Each has
its own privacy policy:
</p>
<ul style={s.ul}>
<li style={s.li}>
<strong>YouTube</strong> {" "}
<a href="https://policies.google.com/privacy" target="_blank" rel="noopener noreferrer" style={s.a}>
Google Privacy Policy
</a>
</li>
<li style={s.li}>
<strong>Instagram</strong> {" "}
<a href="https://privacycenter.instagram.com/policy" target="_blank" rel="noopener noreferrer" style={s.a}>
Meta Privacy Policy
</a>
</li>
<li style={s.li}>
<strong>X (Twitter)</strong> {" "}
<a href="https://twitter.com/en/privacy" target="_blank" rel="noopener noreferrer" style={s.a}>
X Privacy Policy
</a>
</li>
<li style={s.li}>
<strong>Facebook</strong> {" "}
<a href="https://www.facebook.com/privacy/policy" target="_blank" rel="noopener noreferrer" style={s.a}>
Meta Privacy Policy
</a>
</li>
<li style={s.li}>
<strong>Patreon</strong> {" "}
<a href="https://www.patreon.com/policy/privacy" target="_blank" rel="noopener noreferrer" style={s.a}>
Patreon Privacy Policy
</a>
</li>
<li style={s.li}>
<strong>TikTok</strong> {" "}
<a href="https://www.tiktok.com/legal/page/us/privacy-policy/en" target="_blank" rel="noopener noreferrer" style={s.a}>
TikTok Privacy Policy
</a>
</li>
</ul>
<p style={s.p}>
We are not responsible for the privacy practices of these third-party
platforms. Visiting their links is subject to their respective
policies.
</p>
<h2 style={s.h2}>4. How We Use Your Information</h2>
<p style={s.p}>We use the data we collect to:</p>
<ul style={s.ul}>
<li style={s.li}>Analyze and improve site performance</li>
<li style={s.li}>Understand audience demographics and interests</li>
<li style={s.li}>Respond to inquiries you send via email</li>
</ul>
<p style={s.p}>
We do <strong>not</strong> sell, rent, or trade your personal
information to third parties.
</p>
<h2 style={s.h2}>5. Your Rights</h2>
<p style={s.p}>
<strong>GDPR (European Union):</strong> If you are located in the
EU/EEA, you have the right to access, rectify, erase, restrict, or
object to processing of your personal data. You also have the right to
data portability. To exercise these rights, contact us at{" "}
<a href="mailto:hello@bonelordbob.com" style={s.a}>
hello@bonelordbob.com
</a>
.
</p>
<p style={s.p}>
<strong>CCPA (California, USA):</strong> California residents have the
right to know what personal information we collect, to request deletion
of that information, and to opt out of the sale of personal
information. We do not sell personal information. To submit a request,
contact{" "}
<a href="mailto:hello@bonelordbob.com" style={s.a}>
hello@bonelordbob.com
</a>
.
</p>
<p style={s.p}>
<strong>CASL (Canada):</strong> We do not send commercial electronic
messages unless you have given express or implied consent. If you wish
to withdraw consent, contact us at{" "}
<a href="mailto:hello@bonelordbob.com" style={s.a}>
hello@bonelordbob.com
</a>
.
</p>
<h2 style={s.h2}>6. Data Retention</h2>
<p style={s.p}>
Analytics data is retained by Google Analytics per their default
retention settings (26 months). We do not store personal data on our
own servers beyond what is needed to respond to direct inquiries.
</p>
<h2 style={s.h2}>7. Children&apos;s Privacy</h2>
<p style={s.p}>
Bone Lord Bob is intended for mature audiences. We do not knowingly
collect personal information from children under 13. If you believe a
child has provided us with personal data, please contact us
immediately.
</p>
<h2 style={s.h2}>8. Changes to This Policy</h2>
<p style={s.p}>
We may update this Privacy Policy from time to time. We will post the
updated version on this page with a revised &quot;Last updated&quot;
date. Continued use of the site after changes constitutes acceptance.
</p>
<h2 style={s.h2}>9. Contact</h2>
<p style={s.p}>
For any privacy-related questions, requests, or concerns, contact us
at:
</p>
<p style={s.p}>
<strong>Mathison Projects Inc.</strong>
<br />
Email:{" "}
<a href="mailto:hello@bonelordbob.com" style={s.a}>
hello@bonelordbob.com
</a>
<br />
Website:{" "}
<a href="https://www.bonelordbob.com" target="_blank" rel="noopener noreferrer" style={s.a}>
www.bonelordbob.com
</a>
</p>
<p style={{ ...s.p, marginTop: "40px" }}>
<Link href="/terms" style={s.a}>Terms &amp; Conditions</Link>
{" "}·{" "}
<Link href="/" style={s.a}>Back to Home</Link>
</p>
</main>
</SiteLayout>
);
}