262 lines
10 KiB
HTML
262 lines
10 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-a.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" 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>
|
||
</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>
|
||
<aside class="studio-panel" aria-label="Studio details">
|
||
<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 stands for.</h2>
|
||
</div>
|
||
<div class="card-grid">
|
||
<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>
|
||
</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>
|
||
</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>
|
||
</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>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section brand-section" id="principles" aria-labelledby="brand-title">
|
||
<div class="section-heading centered">
|
||
<p class="eyebrow">Principles</p>
|
||
<h2 id="brand-title">How the work should feel.</h2>
|
||
</div>
|
||
<div class="principle-list">
|
||
<article>
|
||
<span class="line-icon foundation-icon" aria-hidden="true"></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>
|
||
<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>
|
||
<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>
|
||
<h3>Maintainable systems</h3>
|
||
<p>Projects should leave room for updates, support, and future growth.</p>
|
||
</article>
|
||
</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" class="sr-only">Contact Cedarline Digital</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>Legal</h2>
|
||
<a href="#">Privacy</a>
|
||
<a href="#">Terms</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>
|