initial shared branding kit v0.1.0

README.md

@@ -0,0 +1,14 @@
+OTB Shared Branding Kit
+
+Provides:
+- Header / Nav
+- Footer
+- Shared styles
+
+Used by:
+- outsidethebox.top
+- otb_billing
+- monitor
+- future follow-me
+
+Version controlled shared UI layer.

VERSION

@@ -0,0 +1 @@
+v0.1.0

footer.html

@@ -0,0 +1,14 @@
+<div class="otb-statusbar">
+  <div class="otb-statusbar-inner">
+    <strong>All billing is calculated in 🇨🇦 CAD</strong>
+    <span class="otb-dot"></span>
+    <span>Crypto conversions use the <a href="https://monitor.outsidethebox.top">OTB Oracle</a></span>
+    <span class="otb-dot"></span>
+    <span>
+      Methods:
+      <strong>Credit Card</strong> <span style="opacity:0.7;">(via Square)</span>,
+      <strong>e-Transfer</strong>,
+      and <strong>enabled crypto assets</strong>
+    </span>
+  </div>
+</div>

header.html

@@ -0,0 +1,30 @@
+<header class="site-header">
+  <div class="site-container">
+    <div class="site-nav">
+      <a class="site-brand" href="https://outsidethebox.top">
+        <img src="https://outsidethebox.top/assets/favicon.png" />
+        <div class="site-title">
+          <strong>outsidethebox.top</strong>
+          <span>Managed hosting • no client server logins</span>
+        </div>
+      </a>
+
+      <nav class="site-navlinks">
+        <a href="https://outsidethebox.top">Home</a>
+        <a href="https://outsidethebox.top/pricing.html">Pricing</a>
+        <a href="https://outsidethebox.top/terms.html">ToS</a>
+        <a href="https://outsidethebox.top/contact.html">Contact</a>
+
+        <div class="dropdown">
+          <a href="#" class="dropdown-toggle">Services</a>
+          <div class="dropdown-menu">
+            <a href="https://follow-me.outsidethebox.top">Follow-me Tracker</a>
+            <a href="https://monitor.outsidethebox.top">Oracle</a>
+          </div>
+        </div>
+
+        <a href="https://otb-billing.outsidethebox.top/portal">Portal</a>
+      </nav>
+    </div>
+  </div>
+</header>