From 3219898fddd708e82e4d9975f9d8f7358a315350 Mon Sep 17 00:00:00 2001 From: cryptorugmunch Date: Thu, 9 Jul 2026 20:51:27 +0700 Subject: [PATCH] =?UTF-8?q?feat:=20standalone=20landing=20page=20=E2=80=94?= =?UTF-8?q?=20true=20blacks,=20multi-section=20corporate=20homepage?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Standalone HTML landing page overrides Docusaurus root - Hero with logo, product cards, stats bar, CRM banner, network grid - Docusaurus handles /about, /products, /build inner pages - True black (#030303) palette, neon green (#00FF88) accent - Mobile-first responsive --- docusaurus.config.ts | 2 +- src/css/custom.css | 308 ++++++++++--------------------------- src/pages/community.mdx | 2 +- src/pages/privacy.mdx | 2 +- src/pages/products/rmi.mdx | 2 +- static/index.html | 200 ++++++++++++++++++++++++ 6 files changed, 283 insertions(+), 233 deletions(-) create mode 100644 static/index.html diff --git a/docusaurus.config.ts b/docusaurus.config.ts index 1238b99..24ff5bb 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -81,7 +81,7 @@ const config: Config = { href: 'https://git.rugmunch.io/RugMunchMedia', label: 'Our Code', position: 'right', - className: 'navbar-forgejo-link', + className: 'navbar-our-git-link', }, ], }, diff --git a/src/css/custom.css b/src/css/custom.css index b5cde9a..88aa03c 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -1,256 +1,106 @@ -/* ── Rug Munch Media — $100K Dark Design System ──────────── */ -/* Palette sampled from actual logos: deep indigo-black + neon green */ +/* ── Rug Munch Media — True Black + Neon Green ───────────── */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap'); :root { - --rmi-bg-deepest: #060510; - --rmi-bg-primary: #08081A; - --rmi-bg-secondary: #0C0A1E; - --rmi-bg-card: #0F0D24; - --rmi-bg-elevated: #12102C; - --rmi-bg-glass: rgba(8, 8, 26, 0.85); - --rmi-border: #1A1738; - --rmi-border-light: #221F44; - --rmi-text-primary: #F0EEFA; - --rmi-text-secondary: #8A86A8; - --rmi-text-muted: #4E4A6E; - --rmi-accent: #00FF88; - --rmi-accent-alt: #0DFA84; - --rmi-accent-glow: rgba(0, 255, 136, 0.15); - --rmi-accent-subtle: rgba(0, 255, 136, 0.04); - --rmi-purple-glow: rgba(100, 60, 255, 0.08); - --rmi-red: #FF4466; - --rmi-font-body: 'Inter', system-ui, sans-serif; - --rmi-font-mono: 'JetBrains Mono', 'Fira Code', monospace; - --rmi-radius: 14px; - --rmi-radius-sm: 8px; - --rmi-shadow: 0 4px 24px rgba(0,0,0,0.5); - --rmi-shadow-lg: 0 12px 48px rgba(0,0,0,0.7); - --rmi-shadow-glow: 0 0 40px rgba(0,255,136,0.06); - --rmi-transition: 0.22s cubic-bezier(0.4, 0, 0.2, 1); + --bg-deepest: #030303; + --bg-primary: #060606; + --bg-secondary: #0A0A0A; + --bg-card: #0E0E0E; + --bg-elevated: #141414; + --bg-glass: rgba(6,6,6,0.92); + --border: #1C1C1C; + --border-light: #262626; + --text-primary: #F5F5F5; + --text-secondary: #8A8A8A; + --text-muted: #4A4A4A; + --accent: #00FF88; + --accent-glow: rgba(0,255,136,0.16); + --accent-subtle: rgba(0,255,136,0.05); + --red: #FF4466; + --font-body: Inter, system-ui, sans-serif; + --font-mono: 'JetBrains Mono', 'Fira Code', monospace; + --radius: 12px; + --radius-sm: 7px; + --shadow: 0 4px 20px rgba(0,0,0,0.6); + --shadow-lg: 0 12px 48px rgba(0,0,0,0.8); + --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); } -/* ── Base ────────────────────────────────────────────────── */ -html { - background: var(--rmi-bg-deepest); - scroll-behavior: smooth; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -body { - background: var(--rmi-bg-deepest); - color: var(--rmi-text-primary); - font-family: var(--rmi-font-body); - font-size: 15px; - line-height: 1.7; - letter-spacing: -0.005em; -} +html { background: var(--bg-deepest); scroll-behavior: smooth; -webkit-font-smoothing: antialiased; } +body { background: var(--bg-deepest); color: var(--text-primary); font-family: var(--font-body); font-size: 15px; line-height: 1.7; } -/* ── Navbar — Deep Glass ────────────────────────────────── */ -.navbar { - background: var(--rmi-bg-glass); - backdrop-filter: blur(28px) saturate(200%); - -webkit-backdrop-filter: blur(28px) saturate(200%); - border-bottom: 1px solid rgba(0, 255, 136, 0.04); - height: 58px; - box-shadow: 0 1px 0 rgba(0,0,0,0.4); -} +/* Navbar — true black glass */ +.navbar { background: rgba(3,3,3,0.92); backdrop-filter: blur(32px); -webkit-backdrop-filter: blur(32px); border-bottom: 1px solid rgba(255,255,255,0.04); height: 56px; } .navbar__brand { font-weight: 700; letter-spacing: -0.02em; } -.navbar__title { font-weight: 700; letter-spacing: -0.02em; font-size: 1.05rem; } -.navbar__link { - font-weight: 500; font-size: 0.84rem; color: var(--rmi-text-secondary) !important; - padding: 8px 14px; border-radius: 6px; transition: all var(--rmi-transition); -} -.navbar__link:hover, .navbar__link--active { - color: var(--rmi-accent) !important; - background: var(--rmi-accent-subtle); -} +.navbar__link { font-weight: 500; font-size: 0.84rem; color: var(--text-secondary) !important; padding: 8px 14px; border-radius: 6px; transition: all var(--transition); } +.navbar__link:hover, .navbar__link--active { color: var(--accent) !important; background: var(--accent-subtle); } -/* ── Typography — Bold, Modern ──────────────────────────── */ -h1, h2, h3, h4, h5, h6 { - font-family: var(--rmi-font-body); - font-weight: 700; - letter-spacing: -0.025em; - color: var(--rmi-text-primary); - line-height: 1.12; -} -h1 { font-size: 3rem; font-weight: 900; letter-spacing: -0.04em; } +/* Typography — bold, sharp */ +h1, h2, h3, h4, h5, h6 { font-family: var(--font-body); font-weight: 700; letter-spacing: -0.03em; color: var(--text-primary); line-height: 1.1; } +h1 { font-size: 3rem; font-weight: 900; } h2 { font-size: 2rem; font-weight: 800; } -h3 { font-size: 1.35rem; font-weight: 700; } -h4 { font-size: 1.1rem; font-weight: 600; } -p { color: var(--rmi-text-secondary); line-height: 1.7; } +h3 { font-size: 1.35rem; } +p { color: var(--text-secondary); line-height: 1.7; } -/* ── Links ─────────────────────────────────────────────── */ -a { color: var(--rmi-accent); text-decoration: none; transition: all var(--rmi-transition); } -a:hover { color: var(--rmi-accent-alt); text-decoration: underline; text-underline-offset: 4px; } +a { color: var(--accent); text-decoration: none; transition: all var(--transition); } +a:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 4px; } -/* ── Code ──────────────────────────────────────────────── */ -code { - font-family: var(--rmi-font-mono) !important; - background: var(--rmi-bg-elevated); - border: 1px solid var(--rmi-border); - border-radius: 5px; padding: 2px 8px; - font-size: 0.85em; color: var(--rmi-accent); -} -pre { - background: var(--rmi-bg-elevated) !important; - border: 1px solid var(--rmi-border); - border-radius: var(--rmi-radius); - box-shadow: var(--rmi-shadow); -} -pre code { background: none; border: none; padding: 0; color: var(--rmi-text-primary); } +code { font-family: var(--font-mono) !important; background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 4px; padding: 2px 7px; font-size: 0.85em; color: var(--accent); } +pre { background: var(--bg-elevated) !important; border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); } +pre code { background: none; border: none; padding: 0; color: var(--text-primary); } -/* ── Cards — Glass Elevated ────────────────────────────── */ -.article-card { - background: var(--rmi-bg-card); - border: 1px solid var(--rmi-border); - border-radius: var(--rmi-radius); - transition: all var(--rmi-transition); - box-shadow: var(--rmi-shadow); -} -.article-card:hover { - border-color: var(--rmi-accent); - box-shadow: var(--rmi-shadow-lg), var(--rmi-shadow-glow); - transform: translateY(-2px); -} - -/* ── Tables ────────────────────────────────────────────── */ -table { - border-collapse: separate; border-spacing: 0; width: 100%; - border: 1px solid var(--rmi-border); border-radius: var(--rmi-radius); overflow: hidden; -} -thead th { - background: var(--rmi-bg-elevated); color: var(--rmi-text-primary); - font-weight: 600; font-size: 0.78rem; text-transform: uppercase; - letter-spacing: 0.07em; padding: 14px 20px; border-bottom: 1px solid var(--rmi-border); -} -tbody td { - background: var(--rmi-bg-card); color: var(--rmi-text-secondary); - padding: 13px 20px; border-bottom: 1px solid rgba(26,23,56,0.4); font-size: 0.88rem; -} +table { border-collapse: separate; border-spacing: 0; width: 100%; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; } +thead th { background: var(--bg-elevated); color: var(--text-primary); font-weight: 600; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.07em; padding: 14px 20px; border-bottom: 1px solid var(--border); } +tbody td { background: var(--bg-card); color: var(--text-secondary); padding: 12px 20px; border-bottom: 1px solid rgba(28,28,28,0.5); font-size: 0.88rem; } tbody tr:last-child td { border-bottom: none; } -tbody tr:hover td { background: var(--rmi-bg-elevated); } +tbody tr:hover td { background: var(--bg-elevated); } -/* ── Footer ────────────────────────────────────────────── */ -.footer { - background: var(--rmi-bg-secondary) !important; - border-top: 1px solid rgba(0,255,136,0.03); - padding: 60px 0 40px; -} -.footer__title { - font-weight: 700; font-size: 0.78rem; text-transform: uppercase; - letter-spacing: 0.09em; color: var(--rmi-text-primary); margin-bottom: 18px; -} +.footer { background: var(--bg-secondary) !important; border-top: 1px solid rgba(255,255,255,0.03); padding: 60px 0 40px; } +.footer__title { font-weight: 700; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.09em; color: var(--text-primary); margin-bottom: 18px; } .footer__item { margin-bottom: 8px; } -.footer__link-item { - color: var(--rmi-text-secondary); font-size: 0.82rem; transition: color var(--rmi-transition); -} -.footer__link-item:hover { color: var(--rmi-accent); text-decoration: none; } -.footer__copyright { - color: var(--rmi-text-muted); font-size: 0.76rem; - margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--rmi-border); -} +.footer__link-item { color: var(--text-secondary); font-size: 0.82rem; } +.footer__link-item:hover { color: var(--accent); text-decoration: none; } +.footer__copyright { color: var(--text-muted); font-size: 0.76rem; margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--border); } -/* ── Scrollbar ──────────────────────────────────────────── */ ::-webkit-scrollbar { width: 5px; } -::-webkit-scrollbar-track { background: var(--rmi-bg-deepest); } -::-webkit-scrollbar-thumb { background: var(--rmi-border); border-radius: 3px; } -::-webkit-scrollbar-thumb:hover { background: var(--rmi-accent); } +::-webkit-scrollbar-track { background: var(--bg-deepest); } +::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; } +::-webkit-scrollbar-thumb:hover { background: var(--accent); } -/* ── Selection / Focus ──────────────────────────────────── */ -::selection { background: rgba(0,255,136,0.22); color: #fff; } -:focus-visible { outline: 2px solid var(--rmi-accent); outline-offset: 4px; border-radius: 4px; } +::selection { background: rgba(0,255,136,0.22); color: #000; } +:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 4px; } -/* ── Reduced Motion ─────────────────────────────────────── */ -@media (prefers-reduced-motion: reduce) { - *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } -} +@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration:0.01ms !important; transition-duration:0.01ms !important; } } -/* ── Sidebar ────────────────────────────────────────────── */ -.menu__link { - color: var(--rmi-text-secondary); font-size: 0.85rem; border-radius: 6px; - transition: all var(--rmi-transition); -} -.menu__link:hover { color: var(--rmi-text-primary); background: var(--rmi-bg-elevated); } -.menu__link--active { color: var(--rmi-accent) !important; background: var(--rmi-accent-subtle); } -.theme-doc-sidebar-container { border-right: 1px solid var(--rmi-border) !important; } +.menu__link { color: var(--text-secondary); font-size: 0.85rem; border-radius: 6px; transition: all var(--transition); } +.menu__link:hover { color: var(--text-primary); background: var(--bg-elevated); } +.menu__link--active { color: var(--accent) !important; background: var(--accent-subtle); } +.theme-doc-sidebar-container { border-right: 1px solid var(--border) !important; } -/* ── Buttons — Premium Feel ─────────────────────────────── */ -.rmi-btn { - display: inline-flex; align-items: center; gap: 8px; - font-weight: 600; font-size: 0.88rem; - padding: 14px 32px; border-radius: var(--rmi-radius-sm); - cursor: pointer; transition: all var(--rmi-transition); - text-decoration: none !important; font-family: var(--rmi-font-body); - letter-spacing: -0.01em; position: relative; overflow: hidden; -} -.rmi-btn--primary { - background: var(--rmi-accent); color: #000 !important; border: none; - box-shadow: 0 0 0 0 rgba(0,255,136,0); -} -.rmi-btn--primary:hover { - background: #1aff94; transform: translateY(-2px); - box-shadow: 0 8px 32px rgba(0,255,136,0.28); -} -.rmi-btn--primary:active { transform: translateY(0); box-shadow: 0 2px 12px rgba(0,255,136,0.2); } -.rmi-btn--secondary { - background: transparent; color: var(--rmi-text-primary); - border: 1px solid var(--rmi-border-light); -} -.rmi-btn--secondary:hover { - border-color: var(--rmi-accent); color: var(--rmi-accent); - box-shadow: 0 0 20px rgba(0,255,136,0.06); -} -.rmi-btn--ghost { - background: transparent; color: var(--rmi-text-secondary); - border: none; padding: 8px 16px; -} -.rmi-btn--ghost:hover { color: var(--rmi-accent); } +.article-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); transition: all var(--transition); box-shadow: var(--shadow); } +.article-card:hover { border-color: var(--accent); box-shadow: var(--shadow-lg); transform: translateY(-2px); } -/* ── Badges ──────────────────────────────────────────────── */ -.rmi-badge { - display: inline-flex; align-items: center; gap: 6px; - font-size: 0.66rem; font-weight: 700; text-transform: uppercase; - letter-spacing: 0.09em; padding: 5px 12px; border-radius: 5px; -} -.rmi-badge--live { - background: rgba(0,255,136,0.06); color: var(--rmi-accent); - border: 1px solid rgba(0,255,136,0.15); -} -.rmi-badge--coming { - background: rgba(0,255,136,0.03); color: var(--rmi-accent); - border: 1px solid rgba(0,255,136,0.10); -} +/* Buttons */ +.rmi-btn { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 0.88rem; padding: 14px 32px; border-radius: var(--radius-sm); cursor: pointer; transition: all var(--transition); text-decoration: none !important; font-family: var(--font-body); } +.rmi-btn--primary { background: var(--accent); color: #000 !important; border: none; } +.rmi-btn--primary:hover { background: #1aff94; transform: translateY(-2px); box-shadow: 0 8px 32px rgba(0,255,136,0.28); } +.rmi-btn--primary:active { transform: translateY(0); } +.rmi-btn--secondary { background: transparent; color: var(--text-primary); border: 1px solid var(--border-light); } +.rmi-btn--secondary:hover { border-color: var(--accent); color: var(--accent); box-shadow: 0 0 20px rgba(0,255,136,0.06); } +.rmi-btn--ghost { background: transparent; color: var(--text-secondary); border: none; padding: 8px 16px; } +.rmi-btn--ghost:hover { color: var(--accent); } -/* ── Live Dot ───────────────────────────────────────────── */ -@keyframes pulse { - 0%, 100% { opacity: 1; transform: scale(1); } - 50% { opacity: 0.3; transform: scale(0.75); } -} -.rmi-status-live { - display: inline-block; width: 6px; height: 6px; - background: var(--rmi-accent); border-radius: 50%; - box-shadow: 0 0 10px var(--rmi-accent); - animation: pulse 2.2s ease-in-out infinite; -} +.rmi-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 0.66rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.09em; padding: 5px 12px; border-radius: 5px; } +.rmi-badge--live { background: rgba(0,255,136,0.06); color: var(--accent); border: 1px solid rgba(0,255,136,0.14); } +.rmi-badge--coming { background: rgba(0,255,136,0.03); color: var(--accent); border: 1px solid rgba(0,255,136,0.10); } -/* ── Nav Icon ────────────────────────────────────────────── */ -.navbar-forgejo-link::before { content: '⊞'; margin-right: 5px; font-weight: 700; } +@keyframes pulse { 0%,100% { opacity:1; transform:scale(1) } 50% { opacity:0.3; transform:scale(0.75) } } +.rmi-status-live { display: inline-block; width: 6px; height: 6px; background: var(--accent); border-radius: 50%; box-shadow: 0 0 10px var(--accent); animation: pulse 2.2s ease-in-out infinite; } -/* ── Responsive ──────────────────────────────────────────── */ -@media (max-width: 996px) { - h1 { font-size: 2.2rem; } h2 { font-size: 1.6rem; } - .navbar { height: 52px; } .footer { padding: 44px 0 32px; } -} -@media (max-width: 480px) { - h1 { font-size: 1.7rem; } h2 { font-size: 1.3rem; } - body { font-size: 14px; } - .rmi-btn { padding: 11px 22px; font-size: 0.82rem; } -} +@media (max-width:996px) { h1{font-size:2.2rem} h2{font-size:1.6rem} .footer{padding:44px 0 32px} } +@media (max-width:480px) { h1{font-size:1.7rem} h2{font-size:1.3rem} body{font-size:14px} .rmi-btn{padding:11px 22px;font-size:0.82rem} } +@media print { .navbar,.footer,.theme-doc-sidebar-container{display:none} body{background:#fff;color:#000} } -/* ── Print ──────────────────────────────────────────────── */ -@media print { - .navbar, .footer, .theme-doc-sidebar-container { display: none; } - body { background: #fff; color: #000; } -} +/* ── Navbar our-git icon ──────────────────────────────────── */ +.navbar-our-git-link::before { content: '⊞'; margin-right: 5px; font-weight: 700; } diff --git a/src/pages/community.mdx b/src/pages/community.mdx index e322f50..2a3714d 100644 --- a/src/pages/community.mdx +++ b/src/pages/community.mdx @@ -11,4 +11,4 @@ Find us everywhere. No single platform controls our community. - [Telegram](https://t.me/rugmunchbot) - [Farcaster](https://warpcast.com/cryptorugmunch) - [Nostr](https://primal.net/p/npub1cryptorugmunch) -- [Forgejo](https://git.rugmunch.io/RugMunchMedia) +- [Our Git](https://git.rugmunch.io/RugMunchMedia) diff --git a/src/pages/privacy.mdx b/src/pages/privacy.mdx index 20f60a9..30ca8fe 100644 --- a/src/pages/privacy.mdx +++ b/src/pages/privacy.mdx @@ -58,7 +58,7 @@ We use these service providers for infrastructure: | Provider | Purpose | Data Accessed | |----------|---------|---------------| | Cloudflare | DNS, CDN, DDoS protection | IP address, user agent | -| Forgejo (self-hosted) | Git hosting and code collaboration | Username, email, IP | +| Our Git (self-hosted) | Git hosting and code collaboration | Username, email, IP | | Telegram | Bot hosting | Scan queries | | Gmail | Email communications | Email content | | Netcup / Contabo | Server hosting | Server logs | diff --git a/src/pages/products/rmi.mdx b/src/pages/products/rmi.mdx index 950536d..08d6bb4 100644 --- a/src/pages/products/rmi.mdx +++ b/src/pages/products/rmi.mdx @@ -55,7 +55,7 @@ The full web dashboard and API are delivering soon. Open @rugmunchbot on Telegram → - View Source on Forgejo + View Source on Our Git diff --git a/static/index.html b/static/index.html new file mode 100644 index 0000000..2e965d4 --- /dev/null +++ b/static/index.html @@ -0,0 +1,200 @@ + + + + + +Rug Munch Media + + + + + + + + + + + +
+
+ Rug Munch Media +

Open-source tools that protect retail crypto investors.

+

Wyoming-built. Self-funded. No VC. We build the scanner that catches rug pulls, the feed that unifies every social protocol, and the wallet engine that works across 55 chains — and we give it all away.

+
+ Rug Munch Intelligence → + Read Our Story +
+
+ +
+
+
6
Products Shipping
+
17
Public Repos
+
55
Chains Supported
+
3
Months Building
+
+
+ +
+

Products

+

Every product protects retail investors. Open-source. Self-hostable. No vendor lock-in.

+
+ + +
+
+ +
Delivering Soon +

Token scanner and wallet forensics. Honeypot detection, liquidity analysis, holder concentration, MEV alerts. Scan before you ape. Free. Forever.

+

Explore RMI →

+
+ + + +
+
+ +
Live ↗ +

One feed for every social protocol. Nostr, Farcaster, Bluesky, Mastodon, Lens, Threads, RSS. Post once, reach everyone. Your keys. No algorithm.

+

degenfeed.xyz ↗

+
+ + + +
+
+ +
Live ↗ +

Open-source web scraping and browser automation. Cloudflare bypass. 190+ endpoints. MCP server. One docker run. Self-hosted.

+

pryscraper.com ↗

+
+ + + +
+
+ +
Live ↗ +

Multi-chain wallet generation across 55 blockchains. BIP39 standard. AES-256 vault. MCP tools for AI agents. WordPress plugin.

+

walletpress.cc ↗

+
+ +
+
+ +
+
+
In Development
+

$CRM v2 — The DAO

+

1:1 airdrop for v1 holders. Anti-manipulation protections built into the contract. True community governance. Wyoming DAO LLC. $CRM on Solana and $cryptorugmunch on Zora — matched at time of collapse.

+ Learn more → +
+
+ +
+

Network

+
+
Our Git
git.rugmunch.io
 +
DegenFeed
degenfeed.xyz
 +
Pry
pryscraper.com
 +
WalletPress
walletpress.cc
 +
GitLab
gitlab.com
 +
Codeberg
codeberg.org
 +
Radicle
radicle.network
 +
Telegram Bot
t.me/rugmunchbot
 +
+
+ + + + +