8afb112eee
- 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
274 lines
9.7 KiB
TypeScript
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 ("we", "us", "our") 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'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 & 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'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 "Last updated"
|
|
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 & Conditions</Link>
|
|
{" "}·{" "}
|
|
<Link href="/" style={s.a}>Back to Home</Link>
|
|
</p>
|
|
</main>
|
|
</SiteLayout>
|
|
);
|
|
}
|