add privacy policy & support pages
This commit is contained in:
6 files changed
+955
-3
No files matched your search
+20
-3
@@ -196,6 +196,23 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section resources-section" aria-labelledby="resources-title">
|
||||
<div class="section-heading">
|
||||
<p class="eyebrow">Resources</p>
|
||||
<h2 id="resources-title">Product policies and support.</h2>
|
||||
</div>
|
||||
<div class="resource-links">
|
||||
<a href="/privacy">
|
||||
<span>Privacy</span>
|
||||
<p>Privacy information for Cedarline Digital projects.</p>
|
||||
</a>
|
||||
<a href="/support">
|
||||
<span>Support</span>
|
||||
<p>Support pages and contact details for released products.</p>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section contact-section" id="contact" aria-labelledby="contact-title">
|
||||
<div class="contact-panel">
|
||||
<div class="contact-copy">
|
||||
@@ -242,9 +259,9 @@
|
||||
<a href="#contact">Contact</a>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Legal</h2>
|
||||
<a href="#">Privacy</a>
|
||||
<a href="#">Terms</a>
|
||||
<h2>Resources</h2>
|
||||
<a href="/privacy">Privacy</a>
|
||||
<a href="/support">Support</a>
|
||||
<a href="mailto:hello@cedarline.digital" aria-label="Email Cedarline Digital">Email</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
@@ -0,0 +1,121 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="robots" content="index,follow">
|
||||
<meta
|
||||
name="description"
|
||||
content="Privacy information and product-specific privacy policies for Cedarline Digital software and apps."
|
||||
>
|
||||
<title>Cedarline Digital Privacy</title>
|
||||
<link rel="canonical" href="https://cedarline.digital/privacy">
|
||||
<meta property="og:title" content="Cedarline Digital Privacy">
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Privacy information and product-specific privacy policies for Cedarline Digital software and apps."
|
||||
>
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://cedarline.digital/privacy">
|
||||
<meta property="og:site_name" content="Cedarline Digital">
|
||||
<meta name="twitter:card" content="summary">
|
||||
<link rel="icon" type="image/png" href="../assets/images/logo-transparent.png">
|
||||
<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=JetBrains+Mono:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="../styles.css">
|
||||
</head>
|
||||
<body class="content-page">
|
||||
<header class="site-header" data-header>
|
||||
<a class="brand" href="/" aria-label="Cedarline Digital home">
|
||||
<span class="brand-mark">
|
||||
<img src="../assets/images/logo-transparent.png" alt="Cedarline Digital tree and circuit logo">
|
||||
</span>
|
||||
<span class="brand-text">
|
||||
<strong>Cedarline</strong>
|
||||
<span class="digital-word">Digital</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<button class="nav-toggle" type="button" aria-expanded="false" aria-controls="site-nav" data-nav-toggle>
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
|
||||
<nav class="site-nav" id="site-nav" aria-label="Primary navigation" data-nav>
|
||||
<a href="/">Home</a>
|
||||
<a href="/privacy">Privacy</a>
|
||||
<a href="/support">Support</a>
|
||||
<a class="nav-cta" href="mailto:support@cedarline.digital" aria-label="Email Cedarline Digital support">Email</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main class="content-main">
|
||||
<article class="content-shell">
|
||||
<p class="eyebrow">Cedarline Digital</p>
|
||||
<h1>Privacy</h1>
|
||||
<p class="lead">
|
||||
Cedarline Digital builds independent software, apps, and digital tools.
|
||||
</p>
|
||||
<p>
|
||||
Each product may handle data differently depending on what it does. Product-specific privacy policies are listed below.
|
||||
</p>
|
||||
|
||||
<section aria-labelledby="product-policies-title">
|
||||
<h2 id="product-policies-title">Product Policies</h2>
|
||||
<ul class="link-list">
|
||||
<li><a href="/privacy/left-unsaid">Left Unsaid Privacy Policy</a></li>
|
||||
</ul>
|
||||
<p>Additional product policies will be added here as new projects are released.</p>
|
||||
</section>
|
||||
|
||||
<section aria-labelledby="contact-title">
|
||||
<h2 id="contact-title">Contact</h2>
|
||||
<p>For privacy questions, contact Cedarline Digital at:</p>
|
||||
<p>Email: <a href="mailto:support@cedarline.digital">support@cedarline.digital</a></p>
|
||||
</section>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
<div class="footer-inner">
|
||||
<div class="footer-brand">
|
||||
<a class="footer-logo" href="/" aria-label="Cedarline Digital home">
|
||||
<span class="footer-mark">
|
||||
<img src="../assets/images/logo-transparent.png" alt="Cedarline Digital tree and circuit logo">
|
||||
</span>
|
||||
<span class="footer-wordmark">
|
||||
<strong>Cedarline</strong>
|
||||
<span>Digital</span>
|
||||
</span>
|
||||
</a>
|
||||
<p>An independent software business. Operated by Braeden Sowinski.</p>
|
||||
<span class="footer-location">British Columbia, Canada</span>
|
||||
</div>
|
||||
|
||||
<nav class="footer-links" aria-label="Footer navigation">
|
||||
<div>
|
||||
<h2>Studio</h2>
|
||||
<a href="/#about">About</a>
|
||||
<a href="/#work">Work</a>
|
||||
<a href="/#contact">Contact</a>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Resources</h2>
|
||||
<a href="/privacy">Privacy</a>
|
||||
<a href="/support">Support</a>
|
||||
<a href="mailto:hello@cedarline.digital" aria-label="Email Cedarline Digital">Email</a>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<p>© <span data-year></span> Cedarline Digital. All rights reserved.</p>
|
||||
<span>cedarline.digital</span>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="../script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,241 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="robots" content="index,follow">
|
||||
<meta
|
||||
name="description"
|
||||
content="Privacy policy for Left Unsaid, a private writing app by Cedarline Digital."
|
||||
>
|
||||
<title>Left Unsaid Privacy Policy | Cedarline Digital</title>
|
||||
<link rel="canonical" href="https://cedarline.digital/privacy/left-unsaid">
|
||||
<meta property="og:title" content="Left Unsaid Privacy Policy | Cedarline Digital">
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Privacy policy for Left Unsaid, a private writing app by Cedarline Digital."
|
||||
>
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://cedarline.digital/privacy/left-unsaid">
|
||||
<meta property="og:site_name" content="Cedarline Digital">
|
||||
<meta name="twitter:card" content="summary">
|
||||
<link rel="icon" type="image/png" href="../../assets/images/logo-transparent.png">
|
||||
<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=JetBrains+Mono:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="../../styles.css">
|
||||
</head>
|
||||
<body class="content-page">
|
||||
<header class="site-header" data-header>
|
||||
<a class="brand" href="/" aria-label="Cedarline Digital home">
|
||||
<span class="brand-mark">
|
||||
<img src="../../assets/images/logo-transparent.png" alt="Cedarline Digital tree and circuit logo">
|
||||
</span>
|
||||
<span class="brand-text">
|
||||
<strong>Cedarline</strong>
|
||||
<span class="digital-word">Digital</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<button class="nav-toggle" type="button" aria-expanded="false" aria-controls="site-nav" data-nav-toggle>
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
|
||||
<nav class="site-nav" id="site-nav" aria-label="Primary navigation" data-nav>
|
||||
<a href="/">Home</a>
|
||||
<a href="/privacy">Privacy</a>
|
||||
<a href="/support">Support</a>
|
||||
<a class="nav-cta" href="mailto:support@cedarline.digital" aria-label="Email Cedarline Digital support">Email</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main class="content-main">
|
||||
<article class="content-shell">
|
||||
<nav class="breadcrumb" aria-label="Breadcrumb">
|
||||
<a href="/">Home</a>
|
||||
<span aria-hidden="true">/</span>
|
||||
<a href="/privacy">Privacy</a>
|
||||
</nav>
|
||||
|
||||
<p class="eyebrow">Product Policy</p>
|
||||
<h1>Left Unsaid Privacy Policy</h1>
|
||||
<dl class="policy-meta">
|
||||
<div>
|
||||
<dt>Effective Date</dt>
|
||||
<dd>June 2026</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>Developer</dt>
|
||||
<dd>Cedarline Digital</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>Contact</dt>
|
||||
<dd><a href="mailto:support@cedarline.digital">support@cedarline.digital</a></dd>
|
||||
</div>
|
||||
</dl>
|
||||
|
||||
<p class="lead">
|
||||
Left Unsaid is designed as a private space for writing thoughts, feelings, and notes that you do not want to share elsewhere.
|
||||
</p>
|
||||
|
||||
<section aria-labelledby="summary-title">
|
||||
<h2 id="summary-title">Summary</h2>
|
||||
<p>Left Unsaid does not require an account.</p>
|
||||
<p>Left Unsaid does not sync your thoughts to the cloud.</p>
|
||||
<p>Left Unsaid does not store your written thoughts on Cedarline Digital servers.</p>
|
||||
<p>Left Unsaid does not sell your personal information.</p>
|
||||
<p>Left Unsaid does not use advertising tracking.</p>
|
||||
<p>Your thoughts are stored locally on your device.</p>
|
||||
</section>
|
||||
|
||||
<section aria-labelledby="created-info-title">
|
||||
<h2 id="created-info-title">Information You Create in the App</h2>
|
||||
<p>
|
||||
When you write a thought in Left Unsaid, that content is stored locally on your device. Cedarline Digital does not receive, read, store, or access the thoughts you write in the app.
|
||||
</p>
|
||||
<p>
|
||||
If you delete the app, reset your device, or lose access to your device, your locally stored thoughts may be lost unless your device backup settings preserve app data.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section aria-labelledby="accounts-title">
|
||||
<h2 id="accounts-title">Accounts</h2>
|
||||
<p>
|
||||
Left Unsaid does not currently use user accounts. You do not need to create an account or provide a name, email address, or password to use the app.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section aria-labelledby="cloud-title">
|
||||
<h2 id="cloud-title">Cloud Storage and Sync</h2>
|
||||
<p>
|
||||
Left Unsaid does not currently provide cloud sync. Your written thoughts are not uploaded to Cedarline Digital servers.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section aria-labelledby="app-lock-title">
|
||||
<h2 id="app-lock-title">App Lock and Face ID</h2>
|
||||
<p>
|
||||
Left Unsaid may allow you to lock the app using Face ID or your device's authentication features. Biometric authentication is handled by iOS. Left Unsaid does not receive or store your Face ID data.
|
||||
</p>
|
||||
<p>
|
||||
App lock is intended to add a layer of privacy within the app. Left Unsaid does not currently provide separate app-level encryption for saved thoughts.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section aria-labelledby="support-messages-title">
|
||||
<h2 id="support-messages-title">Support Messages</h2>
|
||||
<p>
|
||||
If you contact Cedarline Digital for support, we may receive the information you choose to send, such as your email address, message content, device details, screenshots, or other information you include. We use this information only to respond to your request and improve support.
|
||||
</p>
|
||||
<p>Please do not send private thoughts or sensitive personal content in support messages.</p>
|
||||
</section>
|
||||
|
||||
<section aria-labelledby="analytics-title">
|
||||
<h2 id="analytics-title">Analytics and Tracking</h2>
|
||||
<p>Left Unsaid does not use advertising tracking. Left Unsaid does not sell personal information.</p>
|
||||
<p>
|
||||
If analytics, crash reporting, or similar tools are added in the future, this policy will be updated to explain what is collected and why.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section aria-labelledby="children-title">
|
||||
<h2 id="children-title">Children's Privacy</h2>
|
||||
<p>
|
||||
Left Unsaid is not intended to collect personal information from children. The app does not require an account and does not ask users to provide personal profile information.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section aria-labelledby="retention-title">
|
||||
<h2 id="retention-title">Data Retention</h2>
|
||||
<p>
|
||||
Thoughts written in Left Unsaid remain on your device until they fade, are deleted, or are otherwise removed based on the app's features and your settings.
|
||||
</p>
|
||||
<p>
|
||||
Support messages may be retained for as long as needed to respond to your request and keep appropriate business records.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section aria-labelledby="choices-title">
|
||||
<h2 id="choices-title">Your Choices</h2>
|
||||
<p>You can delete thoughts inside the app where the app provides that option.</p>
|
||||
<p>You can delete the app from your device to remove locally stored app data from that device.</p>
|
||||
<p>You can contact Cedarline Digital with privacy questions at: <a href="mailto:support@cedarline.digital">support@cedarline.digital</a></p>
|
||||
</section>
|
||||
|
||||
<section aria-labelledby="third-party-title">
|
||||
<h2 id="third-party-title">Third-Party Services</h2>
|
||||
<p>Left Unsaid may use the following third-party services:</p>
|
||||
<ul>
|
||||
<li>Apple App Store, for app distribution</li>
|
||||
</ul>
|
||||
<p>These services process information according to their own privacy policies and terms.</p>
|
||||
</section>
|
||||
|
||||
<section aria-labelledby="changes-title">
|
||||
<h2 id="changes-title">Changes to This Policy</h2>
|
||||
<p>
|
||||
Cedarline Digital may update this Privacy Policy from time to time. If changes are made, the updated policy will be posted at this page with a new effective date.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section aria-labelledby="contact-title">
|
||||
<h2 id="contact-title">Contact</h2>
|
||||
<p>For privacy questions about Left Unsaid, contact:</p>
|
||||
<p>
|
||||
Cedarline Digital<br>
|
||||
Email: <a href="mailto:support@cedarline.digital">support@cedarline.digital</a><br>
|
||||
Website: <a href="https://cedarline.digital">https://cedarline.digital</a>
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<nav class="related-links" aria-label="Related links">
|
||||
<a href="/">Cedarline Digital</a>
|
||||
<a href="/privacy">Privacy hub</a>
|
||||
<a href="/support/left-unsaid">Left Unsaid Support</a>
|
||||
</nav>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
<div class="footer-inner">
|
||||
<div class="footer-brand">
|
||||
<a class="footer-logo" href="/" aria-label="Cedarline Digital home">
|
||||
<span class="footer-mark">
|
||||
<img src="../../assets/images/logo-transparent.png" alt="Cedarline Digital tree and circuit logo">
|
||||
</span>
|
||||
<span class="footer-wordmark">
|
||||
<strong>Cedarline</strong>
|
||||
<span>Digital</span>
|
||||
</span>
|
||||
</a>
|
||||
<p>An independent software business. Operated by Braeden Sowinski.</p>
|
||||
<span class="footer-location">British Columbia, Canada</span>
|
||||
</div>
|
||||
|
||||
<nav class="footer-links" aria-label="Footer navigation">
|
||||
<div>
|
||||
<h2>Studio</h2>
|
||||
<a href="/#about">About</a>
|
||||
<a href="/#work">Work</a>
|
||||
<a href="/#contact">Contact</a>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Resources</h2>
|
||||
<a href="/privacy">Privacy</a>
|
||||
<a href="/support">Support</a>
|
||||
<a href="mailto:hello@cedarline.digital" aria-label="Email Cedarline Digital">Email</a>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<p>© <span data-year></span> Cedarline Digital. All rights reserved.</p>
|
||||
<span>cedarline.digital</span>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="../../script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
+322
@@ -1592,6 +1592,41 @@ h1 em {
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 920px) {
|
||||
.nav-toggle {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.site-nav {
|
||||
position: absolute;
|
||||
top: calc(100% + 8px);
|
||||
right: 14px;
|
||||
left: 14px;
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
gap: 0;
|
||||
padding: 12px;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
background: rgba(15, 17, 17, 0.96);
|
||||
box-shadow: 0 20px 42px var(--shadow);
|
||||
backdrop-filter: blur(16px);
|
||||
}
|
||||
|
||||
.site-nav.is-open {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.site-nav a,
|
||||
.site-nav .nav-cta {
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
padding: 11px 12px;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
/* Keep the supplied forest image scoped to the hero only. */
|
||||
body {
|
||||
background:
|
||||
@@ -2135,6 +2170,83 @@ main::before {
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.resources-section {
|
||||
padding-top: 84px;
|
||||
padding-bottom: 28px;
|
||||
}
|
||||
|
||||
.resources-section .section-heading {
|
||||
max-width: 600px;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
.resources-section .section-heading h2 {
|
||||
font-size: clamp(1.65rem, 2.5vw, 2.35rem);
|
||||
}
|
||||
|
||||
.resource-links {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
border-top: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.resource-links a {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 24px 22px 24px 0;
|
||||
border-bottom: 1px solid var(--border);
|
||||
transition:
|
||||
background-color 160ms ease,
|
||||
border-color 160ms ease,
|
||||
padding-left 160ms ease;
|
||||
}
|
||||
|
||||
.resource-links a + a {
|
||||
padding-left: 22px;
|
||||
border-left: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.resource-links a::after {
|
||||
position: absolute;
|
||||
top: 28px;
|
||||
right: 22px;
|
||||
color: var(--soft);
|
||||
content: "›";
|
||||
font-size: 1.3rem;
|
||||
line-height: 1;
|
||||
opacity: 0.68;
|
||||
transition:
|
||||
opacity 160ms ease,
|
||||
transform 160ms ease;
|
||||
}
|
||||
|
||||
.resource-links a:hover,
|
||||
.resource-links a:focus-visible {
|
||||
padding-left: 12px;
|
||||
border-color: rgba(134, 179, 143, 0.24);
|
||||
background: rgba(255, 255, 255, 0.026);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.resource-links a:hover::after,
|
||||
.resource-links a:focus-visible::after {
|
||||
opacity: 1;
|
||||
transform: translateX(4px);
|
||||
}
|
||||
|
||||
.resource-links span {
|
||||
display: block;
|
||||
margin-bottom: 8px;
|
||||
color: var(--text);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.resource-links p {
|
||||
max-width: 420px;
|
||||
margin: 0;
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
.contact-copy {
|
||||
max-width: 650px;
|
||||
}
|
||||
@@ -2522,6 +2634,26 @@ main::before {
|
||||
justify-self: start;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.resource-links {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.resource-links a,
|
||||
.resource-links a + a {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
.resource-links a::after {
|
||||
right: 4px;
|
||||
}
|
||||
|
||||
.resource-links a:hover,
|
||||
.resource-links a:focus-visible {
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 760px) {
|
||||
@@ -2583,3 +2715,193 @@ main::before {
|
||||
gap: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Public privacy and support pages. */
|
||||
.content-page {
|
||||
min-height: 100vh;
|
||||
background:
|
||||
radial-gradient(
|
||||
circle at 82% 8%,
|
||||
rgba(79, 138, 107, 0.11),
|
||||
transparent 28rem
|
||||
),
|
||||
radial-gradient(
|
||||
circle at 14% 24%,
|
||||
rgba(184, 137, 185, 0.08),
|
||||
transparent 24rem
|
||||
),
|
||||
linear-gradient(rgba(255, 255, 255, 0.012) 1px, transparent 1px),
|
||||
linear-gradient(90deg, rgba(255, 255, 255, 0.012) 1px, transparent 1px),
|
||||
#0f100d;
|
||||
background-size:
|
||||
auto,
|
||||
auto,
|
||||
92px 92px,
|
||||
92px 92px,
|
||||
auto;
|
||||
}
|
||||
|
||||
.content-page main::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.content-main {
|
||||
width: min(100% - 48px, 1040px);
|
||||
margin: 0 auto;
|
||||
padding: 150px 0 64px;
|
||||
}
|
||||
|
||||
.content-shell {
|
||||
padding: clamp(26px, 5vw, 44px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.08);
|
||||
border-radius: var(--radius);
|
||||
background:
|
||||
linear-gradient(180deg, rgba(23, 28, 26, 0.72), rgba(15, 16, 13, 0.88)),
|
||||
rgba(15, 16, 13, 0.84);
|
||||
box-shadow:
|
||||
0 24px 70px rgba(0, 0, 0, 0.26),
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.035);
|
||||
}
|
||||
|
||||
.content-shell h1 {
|
||||
max-width: none;
|
||||
margin-bottom: 20px;
|
||||
font-size: clamp(1.95rem, 4.8vw, 3rem);
|
||||
font-weight: 700;
|
||||
line-height: 1.12;
|
||||
letter-spacing: 0;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.content-shell h2 {
|
||||
margin: 38px 0 14px;
|
||||
color: var(--text);
|
||||
font-size: clamp(1.18rem, 2.6vw, 1.48rem);
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
.content-shell p,
|
||||
.content-shell li,
|
||||
.content-shell dd {
|
||||
color: rgba(244, 239, 231, 0.78);
|
||||
font-size: 1rem;
|
||||
line-height: 1.75;
|
||||
}
|
||||
|
||||
.content-shell .lead {
|
||||
color: #f4efe7;
|
||||
font-size: clamp(1.08rem, 2.8vw, 1.22rem);
|
||||
}
|
||||
|
||||
.content-shell p {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.content-shell ul {
|
||||
margin: 0 0 20px;
|
||||
padding-left: 1.2rem;
|
||||
}
|
||||
|
||||
.content-shell li + li {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.content-shell a {
|
||||
color: #a9d6b2;
|
||||
text-decoration: underline;
|
||||
text-decoration-color: rgba(169, 214, 178, 0.34);
|
||||
text-underline-offset: 0.22em;
|
||||
}
|
||||
|
||||
.content-shell a:hover,
|
||||
.content-shell a:focus-visible {
|
||||
color: #f4efe7;
|
||||
outline: 2px solid rgba(169, 214, 178, 0.52);
|
||||
outline-offset: 4px;
|
||||
}
|
||||
|
||||
.breadcrumb,
|
||||
.related-links {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
margin-bottom: 26px;
|
||||
color: var(--muted);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.related-links {
|
||||
margin: 42px 0 0;
|
||||
padding-top: 24px;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.link-list {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.link-list li {
|
||||
padding: 14px 0;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.link-list li:last-child {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.policy-meta {
|
||||
display: grid;
|
||||
gap: 0;
|
||||
margin: 0 0 28px;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.08);
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.policy-meta div {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(130px, 0.32fr) minmax(0, 1fr);
|
||||
gap: 18px;
|
||||
padding: 13px 0;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.policy-meta div:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.policy-meta dt {
|
||||
color: var(--soft);
|
||||
font-family:
|
||||
"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas,
|
||||
monospace;
|
||||
font-size: 0.72rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.policy-meta dd {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 760px) {
|
||||
.content-main {
|
||||
width: min(100% - 24px, 1040px);
|
||||
}
|
||||
|
||||
.content-main {
|
||||
padding-top: 112px;
|
||||
padding-bottom: 42px;
|
||||
}
|
||||
|
||||
.content-shell {
|
||||
padding: 24px 18px;
|
||||
}
|
||||
|
||||
.policy-meta div {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 4px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,114 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="robots" content="index,follow">
|
||||
<meta
|
||||
name="description"
|
||||
content="Support information for Cedarline Digital software, apps, and digital tools."
|
||||
>
|
||||
<title>Cedarline Digital Support</title>
|
||||
<link rel="canonical" href="https://cedarline.digital/support">
|
||||
<meta property="og:title" content="Cedarline Digital Support">
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Support information for Cedarline Digital software, apps, and digital tools."
|
||||
>
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://cedarline.digital/support">
|
||||
<meta property="og:site_name" content="Cedarline Digital">
|
||||
<meta name="twitter:card" content="summary">
|
||||
<link rel="icon" type="image/png" href="../assets/images/logo-transparent.png">
|
||||
<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=JetBrains+Mono:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="../styles.css">
|
||||
</head>
|
||||
<body class="content-page">
|
||||
<header class="site-header" data-header>
|
||||
<a class="brand" href="/" aria-label="Cedarline Digital home">
|
||||
<span class="brand-mark">
|
||||
<img src="../assets/images/logo-transparent.png" alt="Cedarline Digital tree and circuit logo">
|
||||
</span>
|
||||
<span class="brand-text">
|
||||
<strong>Cedarline</strong>
|
||||
<span class="digital-word">Digital</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<button class="nav-toggle" type="button" aria-expanded="false" aria-controls="site-nav" data-nav-toggle>
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
|
||||
<nav class="site-nav" id="site-nav" aria-label="Primary navigation" data-nav>
|
||||
<a href="/">Home</a>
|
||||
<a href="/privacy">Privacy</a>
|
||||
<a href="/support">Support</a>
|
||||
<a class="nav-cta" href="mailto:support@cedarline.digital" aria-label="Email Cedarline Digital support">Email</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main class="content-main">
|
||||
<article class="content-shell">
|
||||
<p class="eyebrow">Cedarline Digital</p>
|
||||
<h1>Support</h1>
|
||||
<p class="lead">Need help with a Cedarline Digital app or project?</p>
|
||||
<p>Choose a product below:</p>
|
||||
|
||||
<ul class="link-list">
|
||||
<li><a href="/support/left-unsaid">Left Unsaid Support</a></li>
|
||||
</ul>
|
||||
|
||||
<p>More support pages will be added as new projects are released.</p>
|
||||
|
||||
<section aria-labelledby="contact-title">
|
||||
<h2 id="contact-title">Contact</h2>
|
||||
<p>Email: <a href="mailto:support@cedarline.digital">support@cedarline.digital</a></p>
|
||||
</section>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
<div class="footer-inner">
|
||||
<div class="footer-brand">
|
||||
<a class="footer-logo" href="/" aria-label="Cedarline Digital home">
|
||||
<span class="footer-mark">
|
||||
<img src="../assets/images/logo-transparent.png" alt="Cedarline Digital tree and circuit logo">
|
||||
</span>
|
||||
<span class="footer-wordmark">
|
||||
<strong>Cedarline</strong>
|
||||
<span>Digital</span>
|
||||
</span>
|
||||
</a>
|
||||
<p>An independent software business. Operated by Braeden Sowinski.</p>
|
||||
<span class="footer-location">British Columbia, Canada</span>
|
||||
</div>
|
||||
|
||||
<nav class="footer-links" aria-label="Footer navigation">
|
||||
<div>
|
||||
<h2>Studio</h2>
|
||||
<a href="/#about">About</a>
|
||||
<a href="/#work">Work</a>
|
||||
<a href="/#contact">Contact</a>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Resources</h2>
|
||||
<a href="/privacy">Privacy</a>
|
||||
<a href="/support">Support</a>
|
||||
<a href="mailto:hello@cedarline.digital" aria-label="Email Cedarline Digital">Email</a>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<p>© <span data-year></span> Cedarline Digital. All rights reserved.</p>
|
||||
<span>cedarline.digital</span>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="../script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,137 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="robots" content="index,follow">
|
||||
<meta
|
||||
name="description"
|
||||
content="Support information for Left Unsaid, a private writing app by Cedarline Digital."
|
||||
>
|
||||
<title>Left Unsaid Support | Cedarline Digital</title>
|
||||
<link rel="canonical" href="https://cedarline.digital/support/left-unsaid">
|
||||
<meta property="og:title" content="Left Unsaid Support | Cedarline Digital">
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Support information for Left Unsaid, a private writing app by Cedarline Digital."
|
||||
>
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://cedarline.digital/support/left-unsaid">
|
||||
<meta property="og:site_name" content="Cedarline Digital">
|
||||
<meta name="twitter:card" content="summary">
|
||||
<link rel="icon" type="image/png" href="../../assets/images/logo-transparent.png">
|
||||
<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=JetBrains+Mono:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="../../styles.css">
|
||||
</head>
|
||||
<body class="content-page">
|
||||
<header class="site-header" data-header>
|
||||
<a class="brand" href="/" aria-label="Cedarline Digital home">
|
||||
<span class="brand-mark">
|
||||
<img src="../../assets/images/logo-transparent.png" alt="Cedarline Digital tree and circuit logo">
|
||||
</span>
|
||||
<span class="brand-text">
|
||||
<strong>Cedarline</strong>
|
||||
<span class="digital-word">Digital</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<button class="nav-toggle" type="button" aria-expanded="false" aria-controls="site-nav" data-nav-toggle>
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
|
||||
<nav class="site-nav" id="site-nav" aria-label="Primary navigation" data-nav>
|
||||
<a href="/">Home</a>
|
||||
<a href="/privacy">Privacy</a>
|
||||
<a href="/support">Support</a>
|
||||
<a class="nav-cta" href="mailto:support@cedarline.digital" aria-label="Email Cedarline Digital support">Email</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main class="content-main">
|
||||
<article class="content-shell">
|
||||
<nav class="breadcrumb" aria-label="Breadcrumb">
|
||||
<a href="/">Home</a>
|
||||
<span aria-hidden="true">/</span>
|
||||
<a href="/support">Support</a>
|
||||
</nav>
|
||||
|
||||
<p class="eyebrow">Product Support</p>
|
||||
<h1>Left Unsaid Support</h1>
|
||||
<p class="lead">
|
||||
Left Unsaid is a private writing app for thoughts, feelings, and notes you want to let out quietly.
|
||||
</p>
|
||||
|
||||
<section aria-labelledby="contact-title">
|
||||
<h2 id="contact-title">Contact</h2>
|
||||
<p>For help with Left Unsaid, contact:</p>
|
||||
<p>Email: <a href="mailto:support@cedarline.digital">support@cedarline.digital</a></p>
|
||||
<p>When contacting support, include:</p>
|
||||
<ul>
|
||||
<li>The app name: Left Unsaid</li>
|
||||
<li>Your device model</li>
|
||||
<li>Your iOS version</li>
|
||||
<li>A short description of the issue</li>
|
||||
<li>Screenshots if helpful</li>
|
||||
</ul>
|
||||
<p>Please do not send private thoughts, journal entries, or sensitive personal content in support messages.</p>
|
||||
</section>
|
||||
|
||||
<section aria-labelledby="privacy-title">
|
||||
<h2 id="privacy-title">Privacy</h2>
|
||||
<p>Read the Left Unsaid Privacy Policy:</p>
|
||||
<p><a href="/privacy/left-unsaid">https://cedarline.digital/privacy/left-unsaid</a></p>
|
||||
</section>
|
||||
|
||||
<nav class="related-links" aria-label="Related links">
|
||||
<a href="/">Cedarline Digital</a>
|
||||
<a href="/support">Support hub</a>
|
||||
<a href="/privacy/left-unsaid">Left Unsaid Privacy Policy</a>
|
||||
</nav>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
<div class="footer-inner">
|
||||
<div class="footer-brand">
|
||||
<a class="footer-logo" href="/" aria-label="Cedarline Digital home">
|
||||
<span class="footer-mark">
|
||||
<img src="../../assets/images/logo-transparent.png" alt="Cedarline Digital tree and circuit logo">
|
||||
</span>
|
||||
<span class="footer-wordmark">
|
||||
<strong>Cedarline</strong>
|
||||
<span>Digital</span>
|
||||
</span>
|
||||
</a>
|
||||
<p>An independent software business. Operated by Braeden Sowinski.</p>
|
||||
<span class="footer-location">British Columbia, Canada</span>
|
||||
</div>
|
||||
|
||||
<nav class="footer-links" aria-label="Footer navigation">
|
||||
<div>
|
||||
<h2>Studio</h2>
|
||||
<a href="/#about">About</a>
|
||||
<a href="/#work">Work</a>
|
||||
<a href="/#contact">Contact</a>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Resources</h2>
|
||||
<a href="/privacy">Privacy</a>
|
||||
<a href="/support">Support</a>
|
||||
<a href="mailto:hello@cedarline.digital" aria-label="Email Cedarline Digital">Email</a>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<p>© <span data-year></span> Cedarline Digital. All rights reserved.</p>
|
||||
<span>cedarline.digital</span>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="../../script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user