From 27f953961e768dc69319856e14331f56fed901c4 Mon Sep 17 00:00:00 2001 From: def670 Date: Sun, 22 Mar 2026 15:30:54 -0400 Subject: [PATCH] otb-shared-brand v0.2.0: add shared deploy scripts --- README.md | 7 ++ VERSION | 2 +- brand.css | 227 ++++++++++++++++++++++++++++++++++++++++++++++ deploy-mintme.sh | 49 ++++++++++ deploy-monitor.sh | 71 +++++++++++++++ deploy-portal.sh | 41 +++++++++ footer.html | 2 +- header.html | 4 +- 8 files changed, 398 insertions(+), 5 deletions(-) create mode 100644 brand.css create mode 100755 deploy-mintme.sh create mode 100755 deploy-monitor.sh create mode 100755 deploy-portal.sh diff --git a/README.md b/README.md index 663785a..05705bf 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,10 @@ +## v0.2.0 - 2026-03-22 + +- Added shared brand.css, header.html, and footer.html as the canonical OTB branding source. +- Added deploy-mintme.sh for outsidethebox.top static pages. +- Added deploy-portal.sh for otb_billing portal shared nav/footer/CSS. +- Added deploy-monitor.sh for monitor shared nav/footer/CSS. + OTB Shared Branding Kit Provides: diff --git a/VERSION b/VERSION index b82608c..1474d00 100644 --- a/VERSION +++ b/VERSION @@ -1 +1 @@ -v0.1.0 +v0.2.0 diff --git a/brand.css b/brand.css new file mode 100644 index 0000000..68edbd3 --- /dev/null +++ b/brand.css @@ -0,0 +1,227 @@ +/* ===== OTB shared branding ===== */ +body{ + padding-bottom: 56px; +} + +.site-container{ + max-width: 1100px; + margin: 0 auto; + padding: 20px 18px 0 18px; +} + +.site-header{ + width: 100%; +} + +.site-nav{ + display:flex; + align-items:center; + justify-content:space-between; + gap:18px; + padding:12px 0 22px 0; +} + +.site-brand{ + display:flex; + align-items:center; + gap:14px; + text-decoration:none; + color:inherit; +} + +.site-brand img{ + height:60px; + width:auto; + display:block; + object-fit:contain; + background: rgba(255,255,255,0.92); + padding: 6px 12px; + border-radius: 999px; + box-shadow: 0 8px 24px rgba(0,0,0,0.35); +} + +.site-title{ + display:flex; + flex-direction:column; + line-height:1.1; +} + +.site-title strong{ + letter-spacing:.2px; + color: var(--text, #e8eefc); +} + +.site-title span{ + color: var(--muted, #aab6d6); + font-size:13px; + margin-top:2px; +} + +.site-navlinks{ + display:flex; + gap:12px; + flex-wrap:wrap; + justify-content:flex-end; + align-items:center; +} + +.site-navlinks > a, +.dropdown-toggle{ + text-decoration:none; + padding:8px 10px; + border-radius:12px; + color: var(--muted, #aab6d6); + border:1px solid transparent; +} + +.site-navlinks > a:hover, +.dropdown-toggle:hover{ + color: var(--text, #e8eefc); + border-color: rgba(255,255,255,.08); + background: rgba(255,255,255,.03); +} + +.dropdown{ + position:relative; + display:inline-block; +} + +.dropdown-toggle{ + display:inline-block; + cursor:pointer; +} + +.dropdown-menu{ + position:absolute; + top:calc(100% + 8px); + right:0; + min-width:220px; + display:none; + padding:10px; + border-radius:14px; + background:rgba(18,24,37,.98); + border:1px solid rgba(255,255,255,.08); + box-shadow:0 16px 40px rgba(0,0,0,.35); + z-index:9999; +} + +.dropdown:hover .dropdown-menu, +.dropdown:focus-within .dropdown-menu{ + display:block; +} + +.dropdown-menu a{ + display:block; + padding:9px 10px; + border-radius:10px; + color:var(--muted, #aab6d6); + text-decoration:none; + white-space:nowrap; + margin:0; +} + +.dropdown-menu a + a{ + margin-top:4px; +} + +.dropdown-menu a:hover{ + color:var(--text, #e8eefc); + background:rgba(255,255,255,.04); +} + +.otb-statusbar{ + position: fixed; + left: 0; + right: 0; + bottom: 0; + z-index: 9999; + display: flex; + align-items: center; + justify-content: center; + min-height: 42px; + padding: 8px 14px; + background: rgba(8, 16, 32, 0.94); + border-top: 1px solid rgba(255,255,255,.10); + backdrop-filter: blur(8px); + box-shadow: 0 -8px 24px rgba(0,0,0,.28); +} + +.otb-statusbar-inner{ + width: 100%; + max-width: 1100px; + display: flex; + gap: 10px; + align-items: center; + justify-content: center; + flex-wrap: wrap; + text-align: center; + color: var(--muted, #aab6d6); + font-size: 12px; + line-height: 1.35; +} + +.otb-statusbar strong{ + color: var(--text, #e8eefc); + font-weight: 700; +} + +.otb-statusbar a{ + color: #62e6b7; + text-decoration: none; + font-weight: 600; +} + +.otb-statusbar a:hover{ + text-decoration: underline; +} + +.otb-dot{ + width: 6px; + height: 6px; + border-radius: 999px; + display: inline-block; + background: rgba(255,255,255,.25); + flex: 0 0 auto; +} + +@media (max-width: 900px){ + .site-nav{ + align-items:flex-start; + flex-direction:column; + } + + .site-navlinks{ + justify-content:flex-start; + } + + .dropdown{ + width:100%; + } + + .dropdown-toggle{ + width:100%; + } + + .dropdown-menu{ + position:static; + right:auto; + top:auto; + min-width:100%; + margin-top:6px; + } + + .site-brand img{ + height:54px; + } +} + +@media (max-width: 700px){ + body{ + padding-bottom: 72px; + } + + .otb-statusbar-inner{ + font-size: 11px; + line-height: 1.25; + } +} diff --git a/deploy-mintme.sh b/deploy-mintme.sh new file mode 100755 index 0000000..12530c7 --- /dev/null +++ b/deploy-mintme.sh @@ -0,0 +1,49 @@ +#!/bin/bash +set -e +SITE_DIR="/var/www/outsidethebox.top" +cd "$SITE_DIR" || exit 1 + +STAMP="$(date +%Y%m%d-%H%M%S)" +BKDIR="backups/shared-brand-$STAMP" +mkdir -p "$BKDIR" +cp -av index.html pricing.html terms.html contact.html assets/style.css "$BKDIR"/ + +HEADER="$(cat /home/def/otb-shared-brand/header.html)" +FOOTER="$(cat /home/def/otb-shared-brand/footer.html)" +BRANDCSS="$(cat /home/def/otb-shared-brand/brand.css)" + +python3 - <' in text: + text = re.sub(r'
.*?
', header, text, count=1, flags=re.S) + elif '
' in text: + text = re.sub(r'
.*?
', header, text, count=1, flags=re.S) + else: + text = text.replace('', '\n' + header, 1) + + if '
' in text: + text = re.sub(r'
.*?
\s*
', footer, text, count=1, flags=re.S) + else: + text = text.replace('', footer + '\n', 1) + + p.write_text(text, encoding="utf-8") + +cssp = Path("assets/style.css") +css = cssp.read_text(encoding="utf-8") +if "/* ===== OTB shared branding ===== */" in css: + css = re.sub(r'/\* ===== OTB shared branding ===== \*/.*', brandcss, css, flags=re.S) +else: + css += "\n\n" + brandcss +cssp.write_text(css, encoding="utf-8") +print("mintme deploy complete") +PY diff --git a/deploy-monitor.sh b/deploy-monitor.sh new file mode 100755 index 0000000..2af494b --- /dev/null +++ b/deploy-monitor.sh @@ -0,0 +1,71 @@ +#!/bin/bash +set -e +APP_DIR="/home/def/monitor" +cd "$APP_DIR" || exit 1 + +STAMP="$(date +%Y%m%d-%H%M%S)" +BKDIR="backups/shared-brand-$STAMP" +mkdir -p "$BKDIR" +cp -av frontend/index.html frontend/styles.css "$BKDIR"/ || true + +HEADER="$(cat /home/def/otb-shared-brand/header.html)" +FOOTER="$(cat /home/def/otb-shared-brand/footer.html)" +BRANDCSS="$(cat /home/def/otb-shared-brand/brand.css)" + +cat > frontend/index.html < + + + + + Monitor + + + +$HEADER + +
+
+
+
Monitor
+
7-day snapshot • rotating refresh
+
+ +
+
Loading…
+
+ + +
+
+ +
+
+
+
+ +$FOOTER + + + + +HTML + +python3 - <' in text: + text = re.sub(r'
.*?
\s*', footer, text, count=1, flags=re.S) + else: + text = text.replace('{% include "footer.html" %}', footer + '\n\n {% include "footer.html" %}') + p.write_text(text, encoding="utf-8") + +cssp = Path("static/css/style.css") +css = cssp.read_text(encoding="utf-8") +if "/* ===== OTB shared branding ===== */" in css: + css = re.sub(r'/\* ===== OTB shared branding ===== \*/.*', brandcss, css, flags=re.S) +else: + css += "\n\n" + brandcss +cssp.write_text(css, encoding="utf-8") +print("portal deploy complete") +PY + +sudo systemctl restart otb_billing.service diff --git a/footer.html b/footer.html index 9a8bd29..c13121d 100644 --- a/footer.html +++ b/footer.html @@ -2,7 +2,7 @@
All billing is calculated in 🇨🇦 CAD - Crypto conversions use the OTB Oracle + Crypto conversions use the OTB Oracle Methods: diff --git a/header.html b/header.html index 190cfed..06ea196 100644 --- a/header.html +++ b/header.html @@ -2,7 +2,7 @@
- + outsidethebox.top logo
outsidethebox.top Managed hosting • no client server logins @@ -14,7 +14,6 @@ Pricing ToS Contact -
Services
@@ -22,7 +21,6 @@ Oracle
- Portal