update styling
This commit is contained in:
6 files changed
+1340
-72
No files matched your search
+69
-32
@@ -23,7 +23,7 @@
|
||||
name="twitter:description"
|
||||
content="Cedarline Digital develops software products, web applications, mobile apps, and digital tools."
|
||||
>
|
||||
<link rel="icon" type="image/png" href="assets/images/logo-transparent-a.png">
|
||||
<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">
|
||||
@@ -97,21 +97,40 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section about-section" id="about" aria-labelledby="about-title">
|
||||
<section class="section about-section content-band" id="about" aria-labelledby="about-title">
|
||||
<div class="section-heading">
|
||||
<p class="eyebrow">About</p>
|
||||
<h2 id="about-title">Independent software, rooted in reliability.</h2>
|
||||
<h2 id="about-title">A focused software studio, built around useful products.</h2>
|
||||
<p>
|
||||
Cedarline Digital is the operating home for software products, support resources, policies, and selected development work from British Columbia.
|
||||
</p>
|
||||
</div>
|
||||
<div class="about-grid">
|
||||
<div class="section-copy">
|
||||
<p>
|
||||
Cedarline Digital is an independent software business focused on building practical software, web applications, and digital systems.
|
||||
</p>
|
||||
<p>
|
||||
The emphasis is on maintainable architecture, dependable operation, and software that remains useful over time.
|
||||
</p>
|
||||
<div class="operations-preview" aria-label="Cedarline operating model">
|
||||
<div class="preview-header">
|
||||
<span>Operating model</span>
|
||||
<strong>2026</strong>
|
||||
</div>
|
||||
<div class="preview-grid">
|
||||
<article>
|
||||
<span>01</span>
|
||||
<h3>Build</h3>
|
||||
<p>Focused tools and services with practical scope.</p>
|
||||
</article>
|
||||
<article>
|
||||
<span>02</span>
|
||||
<h3>Support</h3>
|
||||
<p>Clear product support, policies, and contact paths.</p>
|
||||
</article>
|
||||
<article>
|
||||
<span>03</span>
|
||||
<h3>Maintain</h3>
|
||||
<p>Stable foundations that can keep improving over time.</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<aside class="studio-panel" aria-label="Studio details">
|
||||
<p class="panel-label">Studio profile</p>
|
||||
<dl>
|
||||
<div>
|
||||
<dt>Focus</dt>
|
||||
@@ -141,55 +160,73 @@
|
||||
<section class="section" id="work" aria-labelledby="work-title">
|
||||
<div class="section-heading">
|
||||
<p class="eyebrow">Work</p>
|
||||
<h2 id="work-title">What Cedarline Digital stands for.</h2>
|
||||
<h2 id="work-title">What Cedarline Digital is for.</h2>
|
||||
<p>
|
||||
The public site should feel like a calm front desk for a real software business: clear enough for customers, restrained enough for policies and support, and flexible enough for future products.
|
||||
</p>
|
||||
</div>
|
||||
<div class="card-grid">
|
||||
<div class="card-grid work-list">
|
||||
<article class="service-card">
|
||||
<span class="card-icon software-icon" aria-hidden="true"></span>
|
||||
<h3>Reliable Software</h3>
|
||||
<p>Systems should be dependable, understandable, and built to last.</p>
|
||||
<div>
|
||||
<span class="work-index" aria-hidden="true">01</span>
|
||||
<p class="service-type">Products</p>
|
||||
</div>
|
||||
<h3>Independent software</h3>
|
||||
<p>Apps, web tools, and SaaS projects developed under the Cedarline Digital name.</p>
|
||||
</article>
|
||||
<article class="service-card">
|
||||
<span class="card-icon web-icon" aria-hidden="true"></span>
|
||||
<h3>Practical Engineering</h3>
|
||||
<p>Technology choices should serve the project, not the other way around.</p>
|
||||
<div>
|
||||
<span class="work-index" aria-hidden="true">02</span>
|
||||
<p class="service-type">Resources</p>
|
||||
</div>
|
||||
<h3>Support and policies</h3>
|
||||
<p>A dependable place for customer support, privacy policies, terms, and release information.</p>
|
||||
</article>
|
||||
<article class="service-card">
|
||||
<span class="card-icon maintain-icon" aria-hidden="true"></span>
|
||||
<h3>Clear Interfaces</h3>
|
||||
<p>Software should feel straightforward and easy to use.</p>
|
||||
<div>
|
||||
<span class="work-index" aria-hidden="true">03</span>
|
||||
<p class="service-type">Systems</p>
|
||||
</div>
|
||||
<h3>Web infrastructure</h3>
|
||||
<p>Frontend, backend, API, dashboard, automation, and deployment work where the requirements are concrete.</p>
|
||||
</article>
|
||||
<article class="service-card">
|
||||
<span class="card-icon engineering-icon" aria-hidden="true"></span>
|
||||
<h3>Long-Term Maintenance</h3>
|
||||
<p>Projects should be designed with future updates and support in mind.</p>
|
||||
<div>
|
||||
<span class="work-index" aria-hidden="true">04</span>
|
||||
<p class="service-type">Advisory</p>
|
||||
</div>
|
||||
<h3>Selected client work</h3>
|
||||
<p>Practical development support when the technical fit, scope, and long-term maintenance path are clear.</p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section brand-section" id="principles" aria-labelledby="brand-title">
|
||||
<div class="section-heading centered">
|
||||
<section class="section brand-section content-band" id="principles" aria-labelledby="brand-title">
|
||||
<div class="section-heading">
|
||||
<p class="eyebrow">Principles</p>
|
||||
<h2 id="brand-title">How the work should feel.</h2>
|
||||
<h2 id="brand-title">Professional does not have to feel sterile.</h2>
|
||||
<p>
|
||||
The tone is quiet, capable, and grounded: polished enough to earn trust, but direct enough to avoid inflated claims.
|
||||
</p>
|
||||
</div>
|
||||
<div class="principle-list">
|
||||
<article>
|
||||
<span class="line-icon foundation-icon" aria-hidden="true"></span>
|
||||
<span>Foundation</span>
|
||||
<h3>Reliable foundations</h3>
|
||||
<p>Software should be built on clear, dependable technical choices.</p>
|
||||
</article>
|
||||
<article>
|
||||
<span class="line-icon engineering-icon" aria-hidden="true"></span>
|
||||
<span>Execution</span>
|
||||
<h3>Practical engineering</h3>
|
||||
<p>Tools and frameworks should serve the project, not complicate it.</p>
|
||||
</article>
|
||||
<article>
|
||||
<span class="line-icon experience-icon" aria-hidden="true"></span>
|
||||
<span>Experience</span>
|
||||
<h3>Clear interfaces</h3>
|
||||
<p>Good software should feel calm, direct, and understandable.</p>
|
||||
</article>
|
||||
<article>
|
||||
<span class="line-icon maintain-icon" aria-hidden="true"></span>
|
||||
<span>Lifecycle</span>
|
||||
<h3>Maintainable systems</h3>
|
||||
<p>Projects should leave room for updates, support, and future growth.</p>
|
||||
</article>
|
||||
@@ -217,7 +254,7 @@
|
||||
<div class="contact-panel">
|
||||
<div class="contact-copy">
|
||||
<p class="eyebrow">Contact</p>
|
||||
<h2 id="contact-title" class="sr-only">Contact Cedarline Digital</h2>
|
||||
<h2 id="contact-title">A clear line for support and business inquiries.</h2>
|
||||
<p>
|
||||
For general contact, support, or business inquiries, use the following email.
|
||||
</p>
|
||||
|
||||
+27
-20
@@ -51,31 +51,38 @@
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main class="content-main">
|
||||
<article class="content-shell">
|
||||
<main class="content-main hub-main">
|
||||
<section class="content-hero" aria-labelledby="privacy-title">
|
||||
<p class="eyebrow">Cedarline Digital</p>
|
||||
<h1>Privacy</h1>
|
||||
<p class="lead">
|
||||
Cedarline Digital builds independent software, apps, and digital tools.
|
||||
</p>
|
||||
<h1 id="privacy-title">Privacy</h1>
|
||||
<p>
|
||||
Each product may handle data differently depending on what it does. Product-specific privacy policies are listed below.
|
||||
Privacy information for Cedarline Digital products, apps, and digital tools.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<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>
|
||||
<div class="content-layout">
|
||||
<article class="content-shell hub-shell">
|
||||
<section aria-labelledby="product-policies-title">
|
||||
<p class="section-label">Product policies</p>
|
||||
<h2 id="product-policies-title">Available policies</h2>
|
||||
<div class="document-links">
|
||||
<a href="/privacy/left-unsaid">
|
||||
<span>Privacy Policy</span>
|
||||
<strong>Left Unsaid</strong>
|
||||
<p>How the private writing app handles local notes, support messages, and app data.</p>
|
||||
</a>
|
||||
</div>
|
||||
<p>Additional product policies will be added here as new projects are released.</p>
|
||||
</section>
|
||||
</article>
|
||||
|
||||
<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>
|
||||
<aside class="content-aside" aria-labelledby="privacy-contact-title">
|
||||
<p class="section-label">Contact</p>
|
||||
<h2 id="privacy-contact-title">Privacy questions</h2>
|
||||
<p>For privacy questions, contact Cedarline Digital directly.</p>
|
||||
<a class="aside-link" href="mailto:support@cedarline.digital">support@cedarline.digital</a>
|
||||
</aside>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
|
||||
@@ -51,8 +51,8 @@
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main class="content-main">
|
||||
<article class="content-shell">
|
||||
<main class="content-main document-main">
|
||||
<article class="content-shell document-shell">
|
||||
<nav class="breadcrumb" aria-label="Breadcrumb">
|
||||
<a href="/">Home</a>
|
||||
<span aria-hidden="true">/</span>
|
||||
@@ -61,7 +61,7 @@
|
||||
|
||||
<p class="eyebrow">Product Policy</p>
|
||||
<h1>Left Unsaid Privacy Policy</h1>
|
||||
<dl class="policy-meta">
|
||||
<dl class="policy-meta document-meta">
|
||||
<div>
|
||||
<dt>Effective Date</dt>
|
||||
<dd>June 2026</dd>
|
||||
|
||||
+1200
File diff suppressed because it is too large.
Load diff
+29
-15
@@ -51,24 +51,38 @@
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main class="content-main">
|
||||
<article class="content-shell">
|
||||
<main class="content-main hub-main">
|
||||
<section class="content-hero" aria-labelledby="support-title">
|
||||
<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>
|
||||
<h1 id="support-title">Support</h1>
|
||||
<p>
|
||||
Support information for Cedarline Digital software, apps, and released projects.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<ul class="link-list">
|
||||
<li><a href="/support/left-unsaid">Left Unsaid Support</a></li>
|
||||
</ul>
|
||||
<div class="content-layout">
|
||||
<article class="content-shell hub-shell">
|
||||
<section aria-labelledby="product-support-title">
|
||||
<p class="section-label">Product support</p>
|
||||
<h2 id="product-support-title">Choose a product</h2>
|
||||
<div class="document-links">
|
||||
<a href="/support/left-unsaid">
|
||||
<span>Support</span>
|
||||
<strong>Left Unsaid</strong>
|
||||
<p>Help, contact guidance, and privacy links for the private writing app.</p>
|
||||
</a>
|
||||
</div>
|
||||
<p>More support pages will be added as new projects are released.</p>
|
||||
</section>
|
||||
</article>
|
||||
|
||||
<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>
|
||||
<aside class="content-aside" aria-labelledby="support-contact-title">
|
||||
<p class="section-label">Contact</p>
|
||||
<h2 id="support-contact-title">General support</h2>
|
||||
<p>For product help or support questions, email Cedarline Digital.</p>
|
||||
<a class="aside-link" href="mailto:support@cedarline.digital">support@cedarline.digital</a>
|
||||
</aside>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
|
||||
@@ -51,8 +51,8 @@
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main class="content-main">
|
||||
<article class="content-shell">
|
||||
<main class="content-main document-main">
|
||||
<article class="content-shell document-shell">
|
||||
<nav class="breadcrumb" aria-label="Breadcrumb">
|
||||
<a href="/">Home</a>
|
||||
<span aria-hidden="true">/</span>
|
||||
@@ -61,6 +61,16 @@
|
||||
|
||||
<p class="eyebrow">Product Support</p>
|
||||
<h1>Left Unsaid Support</h1>
|
||||
<dl class="policy-meta document-meta">
|
||||
<div>
|
||||
<dt>Product</dt>
|
||||
<dd>Left Unsaid</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>Support</dt>
|
||||
<dd><a href="mailto:support@cedarline.digital">support@cedarline.digital</a></dd>
|
||||
</div>
|
||||
</dl>
|
||||
<p class="lead">
|
||||
Left Unsaid is a private writing app for thoughts, feelings, and notes you want to let out quietly.
|
||||
</p>
|
||||
|
||||
Reference in new issue
Block a user