minimal site

This commit is contained in:
SowinskiBraeden committed 2026-10-19 19:06:15 -07:00
1 parent ead8df8210
commit 439dd487fa
10 files changed
+486 -5050

No files matched your search

+86 -286
View File
@@ -5,28 +5,19 @@
<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."
content="Cedarline Digital is an independent software company in British Columbia, Canada, building and maintaining a small set of web and mobile projects."
>
<title>Cedarline Digital | Independent Software Business</title>
<title>Cedarline Digital</title>
<link rel="canonical" href="https://cedarline.digital/">
<meta property="og:title" content="Cedarline Digital | Independent Software Business">
<meta property="og:title" content="Cedarline Digital">
<meta
property="og:description"
content="Cedarline Digital develops software products, web applications, mobile apps, and digital tools."
content="An independent software company in British Columbia, Canada."
>
<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">
{
@@ -34,286 +25,95 @@
"@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"
}
"email": "hello@cedarline.digital",
"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>
<a href="/terms">
<span>Terms</span>
<p>Terms of service for Cedarline Digital 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="/terms">Terms</a>
<a href="mailto:hello@cedarline.digital" aria-label="Email Cedarline Digital">Email</a>
</div>
<div class="page">
<header class="header">
<a class="brand" href="/">Cedarline <span>Digital</span></a>
<nav class="nav" aria-label="Primary">
<a href="/privacy">Privacy</a>
<a href="/terms">Terms</a>
<a href="/support">Support</a>
</nav>
</div>
</header>
<div class="footer-bottom">
<p>&copy; <span data-year></span> Cedarline Digital. All rights reserved.</p>
<span>cedarline.digital</span>
</div>
</footer>
<main>
<section class="hero">
<p class="eyebrow">British Columbia, Canada</p>
<h1>Independent software,<br>built to stay.</h1>
<p class="subtitle">
Cedarline Digital is a small software company that builds and maintains
its own web and mobile projects, along with the policies and support
behind them.
</p>
</section>
<section class="section" aria-labelledby="projects">
<h2 id="projects">Projects</h2>
<p class="section-note">Products developed and operated under Cedarline Digital.</p>
<div class="cards">
<article class="card">
<h3>myboker.org</h3>
<p>Buy-ins, cashouts, standings, and settlement history for private poker groups.</p>
<p class="card-links">
<a href="https://myboker.org" target="_blank" rel="noopener noreferrer">Visit</a>
<a href="https://myboker.org/privacy" target="_blank" rel="noopener noreferrer">Privacy</a>
<a href="https://myboker.org/terms" target="_blank" rel="noopener noreferrer">Terms</a>
<a href="https://myboker.org/support" target="_blank" rel="noopener noreferrer">Support</a>
</p>
</article>
<article class="card">
<h3>reforgermods.net</h3>
<p>A live server browser, mod index, and public API for Arma Reforger.</p>
<p class="card-links">
<a href="https://reforgermods.net" target="_blank" rel="noopener noreferrer">Visit</a>
<a href="https://reforgermods.net/privacy" target="_blank" rel="noopener noreferrer">Privacy</a>
<a href="https://reforgermods.net/terms" target="_blank" rel="noopener noreferrer">Terms</a>
</p>
</article>
</div>
</section>
<section class="section" aria-labelledby="company">
<h2 id="company">The company</h2>
<p class="section-note">
Privately held and self-funded. Every project is run in-house, from the
first commit to the support inbox.
</p>
<dl class="facts">
<div>
<dt>Based in</dt>
<dd>British Columbia, Canada</dd>
</div>
<div>
<dt>Focus</dt>
<dd>Web &amp; mobile software</dd>
</div>
<div>
<dt>Contact</dt>
<dd><a href="mailto:hello@cedarline.digital">hello@cedarline.digital</a></dd>
</div>
</dl>
</section>
</main>
<footer class="footer">
<span>&copy; <span data-year>2026</span> Cedarline Digital</span>
<nav class="footer-links" aria-label="Legal">
<a href="/privacy">Privacy</a>
<a href="/terms">Terms</a>
<a href="/support">Support</a>
</nav>
</footer>
</div>
<script src="script.js"></script>
</body>