diff --git a/index.html b/index.html index 6ca3d63..0a1cedc 100644 --- a/index.html +++ b/index.html @@ -157,6 +157,18 @@ + + +
diff --git a/script.js b/script.js index bb1f63c..21f1fc9 100644 --- a/script.js +++ b/script.js @@ -61,6 +61,15 @@ var si = 0, window.UTM.parse(); // Parse on page load })(); +/* ---- Spinning Up Widget (shown when ?message=spinning_up) ---- */ +(function () { + var urlParams = new URLSearchParams(window.location.search); + if (urlParams.get('message') === 'spinning_up') { + var el = document.getElementById('spinningUp'); + if (el) el.style.display = 'block'; + } +})(); + if (slides.length > 0 && dots.length > 0) { function show(i, direction) { if (direction === undefined) return; diff --git a/style.css b/style.css index f481798..0945cc2 100644 --- a/style.css +++ b/style.css @@ -969,4 +969,38 @@ img { max-width: 100%; height: auto; vertical-align: middle; } .blog-section-dark .blog-badge-guide { background: #a78bfa; } .blog-section-dark .blog-badge-howto { background: #00f5ff; } .blog-section-dark .blog-badge-news { background: #ffaa00; } -.blog-section-dark .blog-badge-default { background: #a78bfa; } \ No newline at end of file +.blog-section-dark .blog-badge-default { background: #a78bfa; } + +/* ---- Spinning Up Widget ---- */ +.spinning-up { + background: #0d1b2e; + padding: 3rem 0; + text-align: center; +} +.spinning-card { + display: inline-block; + background: rgba(201,162,39,0.08); + border: 1px solid rgba(201,162,39,0.25); + border-radius: var(--radius-lg); + padding: 2rem; + max-width: 600px; +} +.spinning-card i { + color: var(--brass); + font-size: 3rem; + margin-bottom: 1.25rem; + display: block; +} +.spinning-card h3 { + color: #fff; + font-size: 1.6rem; + margin-bottom: 0.75rem; +} +.spinning-card p { + color: rgba(255,255,255,0.7); + margin: 0 0 0.75rem 0; +} +.spinning-note { + font-size: 0.9rem; + color: var(--brass); +} \ No newline at end of file