| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"/> |
| <title>Space Moved</title> |
| <link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syne:wght@400;700;800&display=swap" rel="stylesheet"/> |
| <style> |
| *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } |
| |
| :root { |
| --bg: #0a0a0f; |
| --surface: #111118; |
| --border: #1e1e2e; |
| --accent: #ff6b35; |
| --accent2: #ffd166; |
| --text: #e8e8f0; |
| --muted: #6b6b80; |
| --warning: #ff6b35; |
| } |
| |
| body { |
| background: var(--bg); |
| color: var(--text); |
| font-family: 'Space Mono', monospace; |
| min-height: 100vh; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| overflow: hidden; |
| position: relative; |
| } |
| |
| |
| .grid-bg { |
| position: fixed; |
| inset: 0; |
| background-image: |
| linear-gradient(rgba(255,107,53,0.04) 1px, transparent 1px), |
| linear-gradient(90deg, rgba(255,107,53,0.04) 1px, transparent 1px); |
| background-size: 40px 40px; |
| animation: gridScroll 20s linear infinite; |
| pointer-events: none; |
| } |
| |
| @keyframes gridScroll { |
| 0% { transform: translateY(0); } |
| 100% { transform: translateY(40px); } |
| } |
| |
| |
| .vignette { |
| position: fixed; |
| inset: 0; |
| background: radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,0.85) 100%); |
| pointer-events: none; |
| } |
| |
| .container { |
| position: relative; |
| z-index: 10; |
| max-width: 680px; |
| width: 90%; |
| padding: 2rem; |
| } |
| |
| |
| .status-bar { |
| display: flex; |
| align-items: center; |
| gap: 0.6rem; |
| font-size: 0.7rem; |
| color: var(--muted); |
| letter-spacing: 0.15em; |
| text-transform: uppercase; |
| margin-bottom: 2.5rem; |
| opacity: 0; |
| animation: fadeUp 0.6s ease forwards 0.1s; |
| } |
| |
| .status-dot { |
| width: 8px; |
| height: 8px; |
| border-radius: 50%; |
| background: var(--warning); |
| box-shadow: 0 0 8px var(--warning); |
| animation: pulse 1.5s ease-in-out infinite; |
| } |
| |
| @keyframes pulse { |
| 0%, 100% { opacity: 1; transform: scale(1); } |
| 50% { opacity: 0.5; transform: scale(0.85); } |
| } |
| |
| |
| .card { |
| background: var(--surface); |
| border: 1px solid var(--border); |
| border-radius: 2px; |
| padding: 3rem; |
| position: relative; |
| overflow: hidden; |
| opacity: 0; |
| animation: fadeUp 0.6s ease forwards 0.25s; |
| } |
| |
| .card::before { |
| content: ''; |
| position: absolute; |
| top: 0; left: 0; right: 0; |
| height: 3px; |
| background: linear-gradient(90deg, var(--accent), var(--accent2), var(--accent)); |
| background-size: 200% 100%; |
| animation: shimmer 3s linear infinite; |
| } |
| |
| @keyframes shimmer { |
| 0% { background-position: -200% 0; } |
| 100% { background-position: 200% 0; } |
| } |
| |
| |
| .storage-section { |
| margin-bottom: 2.5rem; |
| } |
| |
| .storage-label { |
| display: flex; |
| justify-content: space-between; |
| font-size: 0.65rem; |
| letter-spacing: 0.12em; |
| color: var(--muted); |
| text-transform: uppercase; |
| margin-bottom: 0.6rem; |
| } |
| |
| .storage-label span:last-child { |
| color: var(--warning); |
| } |
| |
| .storage-track { |
| height: 6px; |
| background: var(--border); |
| border-radius: 1px; |
| overflow: hidden; |
| } |
| |
| .storage-fill { |
| height: 100%; |
| width: 0%; |
| background: linear-gradient(90deg, var(--accent), var(--accent2)); |
| animation: fillBar 1.8s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.6s; |
| } |
| |
| @keyframes fillBar { |
| to { width: 99.8%; } |
| } |
| |
| |
| .headline { |
| font-family: 'Syne', sans-serif; |
| font-weight: 800; |
| font-size: clamp(1.6rem, 4vw, 2.4rem); |
| line-height: 1.1; |
| letter-spacing: -0.02em; |
| margin-bottom: 1.2rem; |
| } |
| |
| .headline em { |
| font-style: normal; |
| color: var(--accent); |
| } |
| |
| |
| .message { |
| font-size: 0.82rem; |
| line-height: 1.8; |
| color: var(--muted); |
| margin-bottom: 2.5rem; |
| border-left: 2px solid var(--border); |
| padding-left: 1rem; |
| } |
| |
| |
| .log { |
| font-size: 0.68rem; |
| line-height: 2; |
| color: #3a3a50; |
| margin-bottom: 2.5rem; |
| } |
| |
| .log-line { |
| opacity: 0; |
| animation: fadeIn 0.3s ease forwards; |
| } |
| .log-line:nth-child(1) { animation-delay: 0.8s; } |
| .log-line:nth-child(2) { animation-delay: 1.1s; } |
| .log-line:nth-child(3) { animation-delay: 1.4s; } |
| .log-line:nth-child(4) { animation-delay: 1.7s; color: var(--accent); } |
| |
| .log-line::before { content: '> '; color: var(--accent); } |
| |
| @keyframes fadeIn { |
| to { opacity: 1; } |
| } |
| |
| |
| .cta { |
| display: inline-flex; |
| align-items: center; |
| gap: 0.8rem; |
| background: transparent; |
| border: 1px solid var(--accent); |
| color: var(--accent); |
| font-family: 'Space Mono', monospace; |
| font-size: 0.78rem; |
| letter-spacing: 0.1em; |
| text-transform: uppercase; |
| text-decoration: none; |
| padding: 1rem 1.8rem; |
| border-radius: 1px; |
| transition: all 0.2s ease; |
| position: relative; |
| overflow: hidden; |
| } |
| |
| .cta::before { |
| content: ''; |
| position: absolute; |
| inset: 0; |
| background: var(--accent); |
| transform: translateX(-100%); |
| transition: transform 0.3s ease; |
| z-index: -1; |
| } |
| |
| .cta:hover { |
| color: var(--bg); |
| } |
| |
| .cta:hover::before { |
| transform: translateX(0); |
| } |
| |
| .cta-arrow { |
| transition: transform 0.2s ease; |
| } |
| |
| .cta:hover .cta-arrow { |
| transform: translateX(4px); |
| } |
| |
| |
| .corner { |
| position: absolute; |
| width: 16px; |
| height: 16px; |
| border-color: var(--accent); |
| border-style: solid; |
| opacity: 0.4; |
| } |
| .corner-tl { top: 12px; left: 12px; border-width: 1px 0 0 1px; } |
| .corner-tr { top: 12px; right: 12px; border-width: 1px 1px 0 0; } |
| .corner-bl { bottom: 12px; left: 12px; border-width: 0 0 1px 1px; } |
| .corner-br { bottom: 12px; right: 12px; border-width: 0 1px 1px 0; } |
| |
| @keyframes fadeUp { |
| from { opacity: 0; transform: translateY(12px); } |
| to { opacity: 1; transform: translateY(0); } |
| } |
| |
| .footnote { |
| margin-top: 1.5rem; |
| font-size: 0.62rem; |
| color: #2e2e40; |
| letter-spacing: 0.08em; |
| opacity: 0; |
| animation: fadeUp 0.6s ease forwards 1.8s; |
| } |
| </style> |
| </head> |
| <body> |
|
|
| <div class="grid-bg"></div> |
| <div class="vignette"></div> |
|
|
| <div class="container"> |
|
|
| <div class="status-bar"> |
| <div class="status-dot"></div> |
| <span>System Alert — Storage Critical</span> |
| </div> |
|
|
| <div class="card"> |
| <div class="corner corner-tl"></div> |
| <div class="corner corner-tr"></div> |
| <div class="corner corner-bl"></div> |
| <div class="corner corner-br"></div> |
|
|
| <div class="storage-section"> |
| <div class="storage-label"> |
| <span>Space Storage</span> |
| <span>99.8% — FULL</span> |
| </div> |
| <div class="storage-track"> |
| <div class="storage-fill"></div> |
| </div> |
| </div> |
|
|
| <div class="headline"> |
| BDS files has<br/><em>been move to model space.</em> |
| </div> |
|
|
| <div class="message"> |
| <div> |
| BDS exam files not enough storage space!!!! |
| </div> |
| We've run out of storage in this Hugging Face Space. |
| All models, weights, and artifacts have been migrated |
| to a new location. |
| </div> |
|
|
| <div class="log"> |
| <div class="log-line">checking available disk quota...</div> |
| <div class="log-line">disk usage: 99.8% — cannot write new files</div> |
| <div class="log-line">initiating migration to model repository...</div> |
| <div class="log-line">migration complete — redirecting now</div> |
| </div> |
|
|
| <a |
| href="https://huggingface.co/soysouce/patentsbert-silver-gold-finetuned" |
| target="_blank" |
| class="cta" |
| > |
| Go to new location |
| <span class="cta-arrow">→</span> |
| </a> |
|
|
| </div> |
|
|
| <div class="footnote"> |
| HF_SPACE_STORAGE_EXCEEDED · MOVED TO MODEL REPO · soysouce/patentsbert-silver-gold-finetuned |
| </div> |
|
|
| </div> |
|
|
| </body> |
| </html> |
|
|
