SowinskiBraeden/cedarline-digital
1
0 Fork 0
Code Issues Packages Projects Releases Wiki Activity

update styling

Browse Source
This commit is contained in:
SowinskiBraeden committed 2026-06-26 20:57:30 -07:00
1 parent 6c1a09da50
commit 1bdd505ac5
6 files changed
+1340 -72
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

index.html
+69 -32
View File
@@ -23,7 +23,7 @@
name="twitter:description" name="twitter:description"
content="Cedarline Digital develops software products, web applications, mobile apps, and digital tools." 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.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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 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> </div>
</section> </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"> <div class="section-heading">
<p class="eyebrow">About</p> <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>
<div class="about-grid"> <div class="about-grid">
<div class="section-copy"> <div class="operations-preview" aria-label="Cedarline operating model">
<p> <div class="preview-header">
Cedarline Digital is an independent software business focused on building practical software, web applications, and digital systems. <span>Operating model</span>
</p> <strong>2026</strong>
<p> </div>
The emphasis is on maintainable architecture, dependable operation, and software that remains useful over time. <div class="preview-grid">
</p> <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> </div>
<aside class="studio-panel" aria-label="Studio details"> <aside class="studio-panel" aria-label="Studio details">
<p class="panel-label">Studio profile</p>
<dl> <dl>
<div> <div>
<dt>Focus</dt> <dt>Focus</dt>
@@ -141,55 +160,73 @@
<section class="section" id="work" aria-labelledby="work-title"> <section class="section" id="work" aria-labelledby="work-title">
<div class="section-heading"> <div class="section-heading">
<p class="eyebrow">Work</p> <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>
<div class="card-grid"> <div class="card-grid work-list">
<article class="service-card"> <article class="service-card">
<span class="card-icon software-icon" aria-hidden="true"></span> <div>
<h3>Reliable Software</h3> <span class="work-index" aria-hidden="true">01</span>
<p>Systems should be dependable, understandable, and built to last.</p> <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>
<article class="service-card"> <article class="service-card">
<span class="card-icon web-icon" aria-hidden="true"></span> <div>
<h3>Practical Engineering</h3> <span class="work-index" aria-hidden="true">02</span>
<p>Technology choices should serve the project, not the other way around.</p> <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>
<article class="service-card"> <article class="service-card">
<span class="card-icon maintain-icon" aria-hidden="true"></span> <div>
<h3>Clear Interfaces</h3> <span class="work-index" aria-hidden="true">03</span>
<p>Software should feel straightforward and easy to use.</p> <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>
<article class="service-card"> <article class="service-card">
<span class="card-icon engineering-icon" aria-hidden="true"></span> <div>
<h3>Long-Term Maintenance</h3> <span class="work-index" aria-hidden="true">04</span>
<p>Projects should be designed with future updates and support in mind.</p> <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> </article>
</div> </div>
</section> </section>
<section class="section brand-section" id="principles" aria-labelledby="brand-title"> <section class="section brand-section content-band" id="principles" aria-labelledby="brand-title">
<div class="section-heading centered"> <div class="section-heading">
<p class="eyebrow">Principles</p> <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>
<div class="principle-list"> <div class="principle-list">
<article> <article>
<span class="line-icon foundation-icon" aria-hidden="true"></span> <span>Foundation</span>
<h3>Reliable foundations</h3> <h3>Reliable foundations</h3>
<p>Software should be built on clear, dependable technical choices.</p> <p>Software should be built on clear, dependable technical choices.</p>
</article> </article>
<article> <article>
<span class="line-icon engineering-icon" aria-hidden="true"></span> <span>Execution</span>
<h3>Practical engineering</h3> <h3>Practical engineering</h3>
<p>Tools and frameworks should serve the project, not complicate it.</p> <p>Tools and frameworks should serve the project, not complicate it.</p>
</article> </article>
<article> <article>
<span class="line-icon experience-icon" aria-hidden="true"></span> <span>Experience</span>
<h3>Clear interfaces</h3> <h3>Clear interfaces</h3>
<p>Good software should feel calm, direct, and understandable.</p> <p>Good software should feel calm, direct, and understandable.</p>
</article> </article>
<article> <article>
<span class="line-icon maintain-icon" aria-hidden="true"></span> <span>Lifecycle</span>
<h3>Maintainable systems</h3> <h3>Maintainable systems</h3>
<p>Projects should leave room for updates, support, and future growth.</p> <p>Projects should leave room for updates, support, and future growth.</p>
</article> </article>
@@ -217,7 +254,7 @@
<div class="contact-panel"> <div class="contact-panel">
<div class="contact-copy"> <div class="contact-copy">
<p class="eyebrow">Contact</p> <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> <p>
For general contact, support, or business inquiries, use the following email. For general contact, support, or business inquiries, use the following email.
</p> </p>
privacy/index.html
+27 -20
View File
@@ -51,31 +51,38 @@
</nav> </nav>
</header> </header>
<main class="content-main"> <main class="content-main hub-main">
<article class="content-shell"> <section class="content-hero" aria-labelledby="privacy-title">
<p class="eyebrow">Cedarline Digital</p> <p class="eyebrow">Cedarline Digital</p>
<h1>Privacy</h1> <h1 id="privacy-title">Privacy</h1>
<p class="lead">
Cedarline Digital builds independent software, apps, and digital tools.
</p>
<p> <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> </p>
</section>
<section aria-labelledby="product-policies-title"> <div class="content-layout">
<h2 id="product-policies-title">Product Policies</h2> <article class="content-shell hub-shell">
<ul class="link-list"> <section aria-labelledby="product-policies-title">
<li><a href="/privacy/left-unsaid">Left Unsaid Privacy Policy</a></li> <p class="section-label">Product policies</p>
</ul> <h2 id="product-policies-title">Available policies</h2>
<p>Additional product policies will be added here as new projects are released.</p> <div class="document-links">
</section> <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"> <aside class="content-aside" aria-labelledby="privacy-contact-title">
<h2 id="contact-title">Contact</h2> <p class="section-label">Contact</p>
<p>For privacy questions, contact Cedarline Digital at:</p> <h2 id="privacy-contact-title">Privacy questions</h2>
<p>Email: <a href="mailto:support@cedarline.digital">support@cedarline.digital</a></p> <p>For privacy questions, contact Cedarline Digital directly.</p>
</section> <a class="aside-link" href="mailto:support@cedarline.digital">support@cedarline.digital</a>
</article> </aside>
</div>
</main> </main>
<footer class="site-footer"> <footer class="site-footer">
privacy/left-unsaid/index.html
+3 -3
View File
@@ -51,8 +51,8 @@
</nav> </nav>
</header> </header>
<main class="content-main"> <main class="content-main document-main">
<article class="content-shell"> <article class="content-shell document-shell">
<nav class="breadcrumb" aria-label="Breadcrumb"> <nav class="breadcrumb" aria-label="Breadcrumb">
<a href="/">Home</a> <a href="/">Home</a>
<span aria-hidden="true">/</span> <span aria-hidden="true">/</span>
@@ -61,7 +61,7 @@
<p class="eyebrow">Product Policy</p> <p class="eyebrow">Product Policy</p>
<h1>Left Unsaid Privacy Policy</h1> <h1>Left Unsaid Privacy Policy</h1>
<dl class="policy-meta"> <dl class="policy-meta document-meta">
<div> <div>
<dt>Effective Date</dt> <dt>Effective Date</dt>
<dd>June 2026</dd> <dd>June 2026</dd>
styles.css
+1200
View File
File diff suppressed because it is too large. Load diff
support/index.html
+29 -15
View File
@@ -51,24 +51,38 @@
</nav> </nav>
</header> </header>
<main class="content-main"> <main class="content-main hub-main">
<article class="content-shell"> <section class="content-hero" aria-labelledby="support-title">
<p class="eyebrow">Cedarline Digital</p> <p class="eyebrow">Cedarline Digital</p>
<h1>Support</h1> <h1 id="support-title">Support</h1>
<p class="lead">Need help with a Cedarline Digital app or project?</p> <p>
<p>Choose a product below:</p> Support information for Cedarline Digital software, apps, and released projects.
</p>
</section>
<ul class="link-list"> <div class="content-layout">
<li><a href="/support/left-unsaid">Left Unsaid Support</a></li> <article class="content-shell hub-shell">
</ul> <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> <aside class="content-aside" aria-labelledby="support-contact-title">
<p class="section-label">Contact</p>
<section aria-labelledby="contact-title"> <h2 id="support-contact-title">General support</h2>
<h2 id="contact-title">Contact</h2> <p>For product help or support questions, email Cedarline Digital.</p>
<p>Email: <a href="mailto:support@cedarline.digital">support@cedarline.digital</a></p> <a class="aside-link" href="mailto:support@cedarline.digital">support@cedarline.digital</a>
</section> </aside>
</article> </div>
</main> </main>
<footer class="site-footer"> <footer class="site-footer">
support/left-unsaid/index.html
+12 -2
View File
@@ -51,8 +51,8 @@
</nav> </nav>
</header> </header>
<main class="content-main"> <main class="content-main document-main">
<article class="content-shell"> <article class="content-shell document-shell">
<nav class="breadcrumb" aria-label="Breadcrumb"> <nav class="breadcrumb" aria-label="Breadcrumb">
<a href="/">Home</a> <a href="/">Home</a>
<span aria-hidden="true">/</span> <span aria-hidden="true">/</span>
@@ -61,6 +61,16 @@
<p class="eyebrow">Product Support</p> <p class="eyebrow">Product Support</p>
<h1>Left Unsaid Support</h1> <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"> <p class="lead">
Left Unsaid is a private writing app for thoughts, feelings, and notes you want to let out quietly. Left Unsaid is a private writing app for thoughts, feelings, and notes you want to let out quietly.
</p> </p>