add myboker.org privacy/terms/support

index.html

@@ -247,6 +247,10 @@
             <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>
 
@@ -299,6 +303,7 @@
             <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>
         </nav>

privacy/index.html

@@ -71,6 +71,11 @@
                 <strong>Left Unsaid</strong>
                 <p>How the private writing app handles local notes, support messages, and app data.</p>
               </a>
+              <a href="https://myboker.org/privacy" target="_blank" rel="noopener noreferrer">
+                <span>Privacy Policy</span>
+                <strong>myboker.org</strong>
+                <p>Privacy policy for myboker.org.</p>
+              </a>
             </div>
             <p>Additional product policies will be added here as new projects are released.</p>
           </section>
@@ -112,6 +117,7 @@
             <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>
         </nav>

privacy/left-unsaid/index.html

@@ -225,6 +225,7 @@
             <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>
         </nav>

styles.css

@@ -2186,7 +2186,7 @@ main::before {
 
 .resource-links {
     display: grid;
-    grid-template-columns: repeat(2, minmax(0, 1fr));
+    grid-template-columns: repeat(3, minmax(0, 1fr));
     border-top: 1px solid var(--border);
 }
 
@@ -2571,6 +2571,7 @@ main::before {
     display: grid;
     grid-template-columns: repeat(2, minmax(90px, 1fr));
     gap: clamp(44px, 6vw, 84px);
+    align-items: start;
     justify-self: end;
     min-width: min(100%, 440px);
     justify-items: end;
@@ -2694,7 +2695,6 @@ main::before {
     }
 
     .site-footer .footer-inner,
-    .site-footer .footer-links,
     .site-footer .footer-bottom {
         grid-template-columns: 1fr;
     }
@@ -2703,7 +2703,15 @@ main::before {
         gap: 42px;
     }
 
-    .site-footer .footer-links,
+    .site-footer .footer-links {
+        grid-template-columns: 1fr 1fr;
+        gap: 24px;
+        justify-self: stretch;
+        min-width: 0;
+        justify-items: start;
+        text-align: left;
+    }
+
     .site-footer .footer-links div {
         justify-items: start;
         min-width: 0;

support/index.html

@@ -71,6 +71,11 @@
                 <strong>Left Unsaid</strong>
                 <p>Help, contact guidance, and privacy links for the private writing app.</p>
               </a>
+              <a href="https://myboker.org/support" target="_blank" rel="noopener noreferrer">
+                <span>Support</span>
+                <strong>myboker.org</strong>
+                <p>Help and support resources for myboker.org.</p>
+              </a>
             </div>
             <p>More support pages will be added as new projects are released.</p>
           </section>
@@ -112,6 +117,7 @@
             <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>
         </nav>

support/left-unsaid/index.html

@@ -131,6 +131,7 @@
             <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>
         </nav>

terms/index.html

@@ -0,0 +1,129 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="index,follow">
+    <meta
+      name="description"
+      content="Terms of service for Cedarline Digital software, apps, and digital tools."
+    >
+    <title>Cedarline Digital Terms</title>
+    <link rel="canonical" href="https://cedarline.digital/terms">
+    <meta property="og:title" content="Cedarline Digital Terms">
+    <meta
+      property="og:description"
+      content="Terms of service for Cedarline Digital software, apps, and digital tools."
+    >
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://cedarline.digital/terms">
+    <meta property="og:site_name" content="Cedarline Digital">
+    <meta name="twitter:card" content="summary">
+    <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">
+  </head>
+  <body class="content-page">
+    <header class="site-header" data-header>
+      <a class="brand" href="/" 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="/">Home</a>
+        <a href="/privacy">Privacy</a>
+        <a href="/support">Support</a>
+        <a class="nav-cta" href="mailto:support@cedarline.digital" aria-label="Email Cedarline Digital support">Email</a>
+      </nav>
+    </header>
+
+    <main class="content-main hub-main">
+      <section class="content-hero" aria-labelledby="terms-title">
+        <p class="eyebrow">Cedarline Digital</p>
+        <h1 id="terms-title">Terms</h1>
+        <p>
+          Terms of service for Cedarline Digital products, apps, and digital tools.
+        </p>
+      </section>
+
+      <div class="content-layout">
+        <article class="content-shell hub-shell">
+          <section aria-labelledby="product-terms-title">
+            <p class="section-label">Product terms</p>
+            <h2 id="product-terms-title">Available terms</h2>
+            <div class="document-links">
+              <a href="https://myboker.org/terms" target="_blank" rel="noopener noreferrer">
+                <span>Terms of Service</span>
+                <strong>myboker.org</strong>
+                <p>Terms of service for myboker.org.</p>
+              </a>
+            </div>
+            <p>Additional product terms will be added here as new projects are released.</p>
+          </section>
+        </article>
+
+        <aside class="content-aside" aria-labelledby="terms-contact-title">
+          <p class="section-label">Contact</p>
+          <h2 id="terms-contact-title">Terms questions</h2>
+          <p>For questions about terms, contact Cedarline Digital directly.</p>
+          <a class="aside-link" href="mailto:support@cedarline.digital">support@cedarline.digital</a>
+        </aside>
+      </div>
+    </main>
+
+    <footer class="site-footer">
+      <div class="footer-inner">
+        <div class="footer-brand">
+          <a class="footer-logo" href="/" 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>
+        </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>