316 lines
12 KiB
HTML
316 lines
12 KiB
HTML
<!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 the operating home for software products, support resources, policies, and selected development work 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 & 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 & 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">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 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>A dependable place for customer support, privacy policies, terms, and release information.</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>
|
||
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>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>© <span data-year></span> Cedarline Digital. All rights reserved.</p>
|
||
<span>cedarline.digital</span>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|