Add footer project links

index.html

@@ -108,6 +108,14 @@
         <img src="https://serve.thelabsource.com/u/O8Cq1i.gif" alt="ADI animated mark" />
       </div>
     </section>
+
+    <footer class="site-footer" aria-label="Project links">
+      <p>Advanced Data Intelligence is built in theLAB orbit.</p>
+      <nav>
+        <a href="https://thelabsource.com" target="_blank" rel="noreferrer">thelabsource.com</a>
+        <a href="https://advanced-data-inteliigence.com" target="_blank" rel="noreferrer">advanced-data-inteliigence.com</a>
+      </nav>
+    </footer>
   </main>
 
   <div class="toast" id="toast" role="status" aria-live="polite">Copied</div>

styles.css

@@ -471,6 +471,43 @@ code {
   bottom: 0;
 }
 
+.site-footer {
+  width: min(1380px, calc(100vw - 44px));
+  display: flex;
+  justify-content: space-between;
+  gap: 18px;
+  align-items: center;
+  margin: 0 auto;
+  padding: 30px 0 44px;
+  border-top: 1px solid var(--line);
+  color: var(--dim);
+}
+
+.site-footer p {
+  margin: 0;
+  color: var(--muted);
+}
+
+.site-footer nav {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  justify-content: flex-end;
+}
+
+.site-footer a {
+  min-height: 42px;
+  display: inline-flex;
+  align-items: center;
+  border: 1px solid var(--line);
+  border-radius: 999px;
+  background: rgba(255,255,255,0.035);
+  color: var(--text);
+  padding: 0 16px;
+  font-size: 13px;
+  font-weight: 700;
+}
+
 .toast {
   position: fixed;
   z-index: 10;
@@ -523,4 +560,6 @@ code {
   .pipeline-art img:nth-child(1) { width: 100%; }
   .pipeline-art img:nth-child(2) { width: 82%; top: 42%; }
   .pipeline-art img:nth-child(3) { width: 52%; }
+  .site-footer { align-items: flex-start; flex-direction: column; }
+  .site-footer nav { justify-content: flex-start; }
 }