Files
cedarline-digital/index.html
T
2026-06-26 21:02:53 -07:00

316 lines
12 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta
name="description"
content="Cedarline Digital develops software products, web applications, mobile apps, and digital tools."
>
<title>Cedarline Digital | Independent Software Business</title>
<link rel="canonical" href="https://cedarline.digital/">
<meta property="og:title" content="Cedarline Digital | Independent Software Business">
<meta
property="og:description"
content="Cedarline Digital develops software products, web applications, mobile apps, and digital tools."
>
<meta property="og:type" content="website">
<meta property="og:url" content="https://cedarline.digital/">
<meta property="og:site_name" content="Cedarline Digital">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Cedarline Digital | Independent Software Business">
<meta
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.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">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Cedarline Digital",
"url": "https://cedarline.digital/",
"founder": {
"@type": "Person",
"name": "Braeden Sowinski"
},
"areaServed": {
"@type": "Country",
"name": "Canada"
},
"location": {
"@type": "Place",
"name": "British Columbia, Canada",
"address": {
"@type": "PostalAddress",
"addressRegion": "British Columbia",
"addressCountry": "CA"
}
}
}
</script>
</head>
<body>
<header class="site-header" data-header>
<a class="brand" href="#top" 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="#about">About</a>
<a href="#work">Work</a>
<a href="#contact">Contact</a>
<a class="nav-cta" href="mailto:hello@cedarline.digital" aria-label="Email Cedarline Digital">Email</a>
</nav>
</header>
<main id="top">
<section class="hero" aria-labelledby="hero-title">
<div class="hero-content">
<h1 id="hero-title">
<span>Software. Infrastructure.</span>
<em>Digital tools.</em>
</h1>
<p class="hero-copy">
Cedarline Digital develops practical software products, web applications, and digital tools.
</p>
<div class="hero-actions" aria-label="Hero actions">
<a class="button button-primary" href="#about">Learn more <span aria-hidden="true"></span></a>
<a class="button button-secondary" href="#contact">Contact</a>
</div>
</div>
</section>
<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">A focused software studio, built around useful products.</h2>
<p>
Cedarline Digital is an independent software business for building, supporting, and maintaining practical digital products from British Columbia.
</p>
</div>
<div class="about-grid">
<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>
<dd>Software Products &amp; Systems</dd>
</div>
<div>
<dt>Structure</dt>
<dd>Independent / Founder-led</dd>
</div>
<div>
<dt>Operator</dt>
<dd>Braeden Sowinski</dd>
</div>
<div>
<dt>Status</dt>
<dd>Active Development</dd>
</div>
<div>
<dt>Approach</dt>
<dd>Practical &amp; Long-Term</dd>
</div>
</dl>
</aside>
</div>
</section>
<section class="section" id="work" aria-labelledby="work-title">
<div class="section-heading">
<p class="eyebrow">Work</p>
<h2 id="work-title">Software built with a clear purpose.</h2>
<p>
The work spans independent products, web applications, business systems, support resources, and selected client projects where the scope and long-term value are clear.
</p>
</div>
<div class="card-grid work-list">
<article class="service-card">
<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">
<div>
<span class="work-index" aria-hidden="true">02</span>
<p class="service-type">Resources</p>
</div>
<h3>Support and policies</h3>
<p>Customer support, privacy policies, terms, and release information for active Cedarline Digital projects.</p>
</article>
<article class="service-card">
<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">
<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 content-band" id="principles" aria-labelledby="brand-title">
<div class="section-heading">
<p class="eyebrow">Principles</p>
<h2 id="brand-title">Professional does not have to feel sterile.</h2>
<p>
Cedarline Digital values steady execution, clear communication, and software that can be understood, supported, and improved after it ships.
</p>
</div>
<div class="principle-list">
<article>
<span>Foundation</span>
<h3>Reliable foundations</h3>
<p>Software should be built on clear, dependable technical choices.</p>
</article>
<article>
<span>Execution</span>
<h3>Practical engineering</h3>
<p>Tools and frameworks should serve the project, not complicate it.</p>
</article>
<article>
<span>Experience</span>
<h3>Clear interfaces</h3>
<p>Good software should feel calm, direct, and understandable.</p>
</article>
<article>
<span>Lifecycle</span>
<h3>Maintainable systems</h3>
<p>Projects should leave room for updates, support, and future growth.</p>
</article>
</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">
<p class="eyebrow">Contact</p>
<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>
</div>
<div class="contact-action">
<a class="contact-link" href="mailto:hello@cedarline.digital">
<span class="email-icon" aria-hidden="true"></span>
hello@cedarline.digital
</a>
</div>
<p class="contact-note">
Messages are reviewed directly and independently.
</p>
</div>
</section>
</main>
<footer class="site-footer">
<div class="footer-inner">
<div class="footer-brand">
<a class="footer-logo" href="#top" 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>&copy; <span data-year></span> Cedarline Digital. All rights reserved.</p>
<span>cedarline.digital</span>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>