diff --git a/docusaurus.config.ts b/docusaurus.config.ts index 98aacd9..1238b99 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -26,14 +26,7 @@ const config: Config = { 'classic', { docs: false, - blog: { - showReadingTime: true, - feedOptions: { type: ['rss', 'atom'], xslt: true }, - editUrl: 'https://git.rugmunch.io/RugMunchMedia/cryptorugmunch-com/src/branch/main/', - onInlineTags: 'warn', - onInlineAuthors: 'warn', - onUntruncatedBlogPosts: 'warn', - }, + blog: false, theme: { customCss: './src/css/custom.css', }, @@ -83,7 +76,7 @@ const config: Config = { ], }, { to: '/build', label: 'Build With Us', position: 'left' }, - { to: '/blog', label: 'Blog', position: 'left' }, + { href: 'https://blog.cryptorugmunch.com', label: 'Blog', position: 'left' }, { href: 'https://git.rugmunch.io/RugMunchMedia', label: 'Our Code', @@ -110,7 +103,7 @@ const config: Config = { title: 'Company', items: [ { label: 'About', to: '/about' }, - { label: 'Blog', to: '/blog' }, + { label: 'Blog', href: 'https://blog.cryptorugmunch.com' }, { label: 'Community', to: '/community' }, { label: 'Security', to: '/security' }, { label: 'Terms of Service', to: '/terms' }, diff --git a/src/css/custom.css b/src/css/custom.css index 3546072..b5cde9a 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -1,111 +1,256 @@ -/* ── Rug Munch Media — Dark 2026 Professional Theme ──────── */ +/* ── Rug Munch Media — $100K Dark Design System ──────────── */ +/* Palette sampled from actual logos: deep indigo-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-primary: #050508; - --rmi-bg-secondary: #0A0A0F; - --rmi-bg-tertiary: #0D0D15; - --rmi-bg-card: #0F0F1A; - --rmi-bg-elevated: #141422; - --rmi-border: #1A1A2E; - --rmi-border-hover: #00FF88; - --rmi-text-primary: #EDEDF2; - --rmi-text-secondary: #808099; - --rmi-text-muted: #4A4A5E; + --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-glow: rgba(0,255,136,0.12); - --rmi-accent-subtle: rgba(0,255,136,0.04); - --rmi-red: #FF3366; + --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: 12px; + --rmi-radius: 14px; --rmi-radius-sm: 8px; - --rmi-shadow: 0 2px 16px rgba(0,0,0,0.4); - --rmi-shadow-lg: 0 8px 40px rgba(0,0,0,0.6); - --rmi-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); + --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); } -html { background: var(--rmi-bg-primary); scroll-behavior: smooth; -webkit-font-smoothing: antialiased; } -body { background: var(--rmi-bg-primary); color: var(--rmi-text-primary); font-family: var(--rmi-font-body); font-size: 15px; line-height: 1.65; } +/* ── 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; +} -/* Navbar — glass */ -.navbar { background: rgba(5,5,8,0.9); backdrop-filter: blur(24px) saturate(200%); -webkit-backdrop-filter: blur(24px); border-bottom: 1px solid rgba(0,255,136,0.06); height: 56px; } +/* ── 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__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.85rem; 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(--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); +} -/* Typography */ -h1, h2, h3, h4 { font-family: var(--rmi-font-body); font-weight: 700; letter-spacing: -0.02em; color: var(--rmi-text-primary); line-height: 1.15; } -h1 { font-size: 2.8rem; font-weight: 800; } -h2 { font-size: 1.9rem; } -h3 { font-size: 1.3rem; } +/* ── 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; } +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; } -/* Links */ +/* ── Links ─────────────────────────────────────────────── */ a { color: var(--rmi-accent); text-decoration: none; transition: all var(--rmi-transition); } -a:hover { color: var(--rmi-accent); text-decoration: underline; text-underline-offset: 3px; } +a:hover { color: var(--rmi-accent-alt); 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: 4px; padding: 2px 7px; font-size: 0.86em; color: var(--rmi-accent); } -pre { background: var(--rmi-bg-elevated) !important; border: 1px solid var(--rmi-border); border-radius: var(--rmi-radius); } +/* ── 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); } -/* 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.8rem; text-transform: uppercase; letter-spacing: 0.06em; padding: 14px 18px; border-bottom: 1px solid var(--rmi-border); } -tbody td { background: var(--rmi-bg-card); color: var(--rmi-text-secondary); padding: 12px 18px; border-bottom: 1px solid rgba(26,26,46,0.5); font-size: 0.88rem; } +/* ── 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; +} tbody tr:last-child td { border-bottom: none; } tbody tr:hover td { background: var(--rmi-bg-elevated); } -/* Footer */ -.footer { background: var(--rmi-bg-secondary) !important; border-top: 1px solid rgba(0,255,136,0.04); padding: 56px 0 36px; } -.footer__title { font-weight: 700; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--rmi-text-primary); margin-bottom: 16px; } +/* ── 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__item { margin-bottom: 8px; } -.footer__link-item { color: var(--rmi-text-secondary); font-size: 0.82rem; transition: color var(--rmi-transition); } +.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: 32px; padding-top: 24px; border-top: 1px solid var(--rmi-border); } +.footer__copyright { + color: var(--rmi-text-muted); font-size: 0.76rem; + margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--rmi-border); +} -/* Scrollbar */ +/* ── Scrollbar ──────────────────────────────────────────── */ ::-webkit-scrollbar { width: 5px; } -::-webkit-scrollbar-track { background: var(--rmi-bg-primary); } +::-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); } -::selection { background: rgba(0,255,136,0.25); color: #fff; } -:focus-visible { outline: 2px solid var(--rmi-accent); outline-offset: 3px; border-radius: 4px; } +/* ── 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; } -@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration:0.01ms !important; transition-duration:0.01ms !important; } } +/* ── Reduced Motion ─────────────────────────────────────── */ +@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); } +/* ── 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; } -/* Blog cards */ -.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-border-hover); box-shadow: var(--rmi-shadow-lg); } - -/* ── Buttons ──────────────────────────────────────────────────── */ -.rmi-btn { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 0.88rem; padding: 13px 30px; 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; } -.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; box-shadow: 0 0 28px rgba(0,255,136,0.25); transform: translateY(-1px); } -.rmi-btn--primary:active { transform: translateY(0); box-shadow: 0 0 12px rgba(0,255,136,0.15); } -.rmi-btn--secondary { background: transparent; color: var(--rmi-text-primary); border: 1px solid var(--rmi-border); } -.rmi-btn--secondary:hover { border-color: var(--rmi-accent); color: var(--rmi-accent); } -.rmi-btn--ghost { background: transparent; color: var(--rmi-text-secondary); border: none; padding: 8px 16px; } +/* ── 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); } -/* Badges */ -.rmi-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 0.66rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; padding: 4px 12px; border-radius: 5px; } -.rmi-badge--live { background: rgba(0,255,136,0.08); color: var(--rmi-accent); border: 1px solid rgba(0,255,136,0.18); } -.rmi-badge--coming { background: rgba(0,255,136,0.04); color: var(--rmi-accent); border: 1px solid rgba(0,255,136,0.12); } +/* ── 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); +} -@keyframes pulse { 0%,100% { opacity:1; transform:scale(1) } 50% { opacity:0.35; transform:scale(0.8) } } -.rmi-status-live { display: inline-block; width: 6px; height: 6px; background: var(--rmi-accent); border-radius: 50%; box-shadow: 0 0 8px var(--rmi-accent); animation: pulse 2s ease-in-out infinite; } +/* ── 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; +} -.navbar-forgejo-link::before { content: '⊞'; margin-right: 5px; } +/* ── Nav Icon ────────────────────────────────────────────── */ +.navbar-forgejo-link::before { content: '⊞'; margin-right: 5px; font-weight: 700; } -@media (max-width:996px) { h1{font-size:2rem} h2{font-size:1.5rem} .navbar{height:52px} .footer{padding:40px 0 30px} } -@media (max-width:480px) { h1{font-size:1.6rem} body{font-size:14px} .rmi-btn{padding:10px 22px;font-size:0.82rem} } -@media print { .navbar,.footer,.theme-doc-sidebar-container{display:none} body{background:#fff;color:#000} } +/* ── 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; } +} + +/* ── Print ──────────────────────────────────────────────── */ +@media print { + .navbar, .footer, .theme-doc-sidebar-container { display: none; } + body { background: #fff; color: #000; } +} diff --git a/src/pages/build.tsx b/src/pages/build.tsx index 0bc5ab7..374d479 100644 --- a/src/pages/build.tsx +++ b/src/pages/build.tsx @@ -60,11 +60,6 @@ export default function Build() { {active.map(r => )} -

Fleet Infrastructure

-
- {infra.map(r => )} -
-

Archived

{legacy.map(r => )}