Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>OpenVINO Toolkit</title> | |
| <link rel="icon" type="image/webp" href="logo.webp" /> | |
| <link rel="preconnect" href="https://fonts.googleapis.com" /> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" /> | |
| <style> | |
| :root { | |
| --bg: #0b0f1a; | |
| --bg-soft: #121829; | |
| --card: #161d31; | |
| --border: #25304d; | |
| --text: #e8edf7; | |
| --muted: #9aa7c2; | |
| --accent: #4f9cf9; | |
| --accent-2: #7c5cff; | |
| --green: #34d399; | |
| } | |
| * { box-sizing: border-box; } | |
| html { scroll-behavior: smooth; } | |
| body { | |
| margin: 0; | |
| font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; | |
| background: radial-gradient(1200px 600px at 50% -200px, #1b2547 0%, var(--bg) 60%); | |
| color: var(--text); | |
| line-height: 1.65; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| .wrap { max-width: 980px; margin: 0 auto; padding: 0 24px; } | |
| /* Hero */ | |
| header.hero { | |
| text-align: center; | |
| padding: 72px 24px 40px; | |
| } | |
| .hero .logo { | |
| width: 88px; | |
| height: 88px; | |
| border-radius: 20px; | |
| margin: 0 auto 22px; | |
| display: block; | |
| background: #fff; | |
| padding: 10px; | |
| box-shadow: 0 10px 30px rgba(0,0,0,.35); | |
| } | |
| .hero h1 { | |
| font-size: clamp(2.2rem, 5vw, 3.4rem); | |
| font-weight: 800; | |
| margin: 0 0 12px; | |
| letter-spacing: -0.02em; | |
| background: linear-gradient(90deg, #ffffff, #9cc4ff); | |
| -webkit-background-clip: text; | |
| background-clip: text; | |
| color: transparent; | |
| } | |
| .hero .tagline { | |
| font-size: clamp(1.05rem, 2.2vw, 1.4rem); | |
| color: var(--accent); | |
| font-weight: 600; | |
| margin: 0; | |
| } | |
| /* Quick links */ | |
| .links { | |
| display: grid; | |
| grid-template-columns: repeat(2, 1fr); | |
| gap: 20px; | |
| margin: 8px 0 56px; | |
| } | |
| @media (max-width: 680px) { .links { grid-template-columns: 1fr; } } | |
| .link-card { | |
| display: block; | |
| position: relative; | |
| border: 1px solid var(--border); | |
| border-radius: 16px; | |
| overflow: hidden; | |
| background: var(--card); | |
| text-decoration: none; | |
| color: inherit; | |
| transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; | |
| } | |
| .link-card:hover { | |
| transform: translateY(-4px); | |
| border-color: var(--accent); | |
| box-shadow: 0 16px 40px rgba(79, 156, 249, .25); | |
| } | |
| .link-card .thumb { | |
| display: block; | |
| width: 100%; | |
| aspect-ratio: 2 / 1; | |
| object-fit: cover; | |
| background: var(--bg-soft); | |
| border-bottom: 1px solid var(--border); | |
| } | |
| .link-card .meta { padding: 16px 18px; } | |
| .link-card .meta .kicker { | |
| font-size: .72rem; | |
| text-transform: uppercase; | |
| letter-spacing: .12em; | |
| color: var(--muted); | |
| font-weight: 600; | |
| } | |
| .link-card .meta .title { | |
| font-size: 1.18rem; | |
| font-weight: 700; | |
| margin: 4px 0 2px; | |
| display: flex; | |
| align-items: center; | |
| gap: 8px; | |
| } | |
| .link-card .meta .title .arrow { | |
| color: var(--accent); | |
| transition: transform .18s ease; | |
| } | |
| .link-card:hover .meta .title .arrow { transform: translateX(4px); } | |
| .link-card .meta .desc { font-size: .92rem; color: var(--muted); margin: 0; } | |
| /* Content */ | |
| main { padding-bottom: 80px; } | |
| .content { | |
| background: var(--card); | |
| border: 1px solid var(--border); | |
| border-radius: 18px; | |
| padding: 40px; | |
| } | |
| @media (max-width: 680px) { .content { padding: 28px 22px; } } | |
| .content h2 { | |
| font-size: 1.9rem; | |
| font-weight: 800; | |
| margin: 0 0 6px; | |
| letter-spacing: -0.01em; | |
| } | |
| .content h3 { | |
| font-size: 1.2rem; | |
| font-weight: 600; | |
| color: var(--green); | |
| margin: 0 0 24px; | |
| } | |
| .content img.diagram { | |
| width: 100%; | |
| height: auto; | |
| border-radius: 12px; | |
| margin: 12px 0 28px; | |
| border: 1px solid var(--border); | |
| background: #fff; | |
| } | |
| .content p { color: #d4dcec; font-size: 1.02rem; } | |
| footer { | |
| text-align: center; | |
| color: var(--muted); | |
| font-size: .85rem; | |
| padding: 8px 24px 48px; | |
| } | |
| footer a { color: var(--accent); text-decoration: none; } | |
| footer a:hover { text-decoration: underline; } | |
| </style> | |
| </head> | |
| <body> | |
| <header class="hero"> | |
| <div class="wrap"> | |
| <img class="logo" src="logo.webp" alt="OpenVINO logo" /> | |
| <h1>OpenVINO Toolkit</h1> | |
| <p class="tagline">Make AI inference faster and easier to deploy!</p> | |
| </div> | |
| </header> | |
| <section class="wrap"> | |
| <div class="links"> | |
| <a class="link-card" href="https://huggingface.co/spaces/OpenVINO/export" target="_blank" rel="noopener"> | |
| <img class="thumb" loading="lazy" | |
| src="https://cdn-thumbnails.huggingface.co/social-thumbnails/spaces/OpenVINO/export.png" | |
| alt="OpenVINO Export Space thumbnail" /> | |
| <div class="meta"> | |
| <div class="kicker">Hugging Face Space</div> | |
| <div class="title">Export to OpenVINO <span class="arrow">→</span></div> | |
| <p class="desc">Convert and export 🤗 models to the OpenVINO IR format.</p> | |
| </div> | |
| </a> | |
| <a class="link-card" href="https://huggingface.co/spaces/OpenVINO/nncf-quantization" target="_blank" rel="noopener"> | |
| <img class="thumb" loading="lazy" | |
| src="https://cdn-thumbnails.huggingface.co/social-thumbnails/spaces/OpenVINO/nncf-quantization.png" | |
| alt="OpenVINO NNCF Quantization Space thumbnail" /> | |
| <div class="meta"> | |
| <div class="kicker">Hugging Face Space</div> | |
| <div class="title">NNCF Quantization <span class="arrow">→</span></div> | |
| <p class="desc">Compress and quantize models with the Neural Network Compression Framework.</p> | |
| </div> | |
| </a> | |
| </div> | |
| </section> | |
| <main class="wrap"> | |
| <div class="content"> | |
| <h2>OpenVINO Toolkit</h2> | |
| <h3>Make AI inference faster and easier to deploy!</h3> | |
| <img class="diagram" | |
| src="https://docs.openvino.ai/2024/_images/openvino-overview-diagram.jpg" | |
| alt="OpenVINO Overview" /> | |
| <p> | |
| Learning and practicing AI is not easy, deploying AI in real applications is challenging and hard. We realized that and created | |
| OpenVINO – an open-source toolkit for bringing AI models to life on the most widespread and available platforms like x86 CPUs | |
| and integrated Intel GPUs. One can use OpenVINO to optimize own model for high performance with the most advanced model optimization | |
| capabilities and run those through OpenVINO runtime on various devices. We are driven by the idea to make it easy for a regular person | |
| to learn and use AI with minimal investments and unlock innovation with the use of AI to a wide audience. Not only we allow AI inference | |
| on the most widespread and popular platforms, but also we provide pre-trained models, educational and visual demos, image annotation | |
| tools and model training templates to get you up to speed. Along with good use-case coverage and simple/educational API, OpenVINO | |
| is also a toolkit of choice for AI in production by plenty of companies, it is a fully production-ready software solution. | |
| </p> | |
| </div> | |
| </main> | |
| <footer class="wrap"> | |
| Mirrored from the <a href="https://huggingface.co/OpenVINO" target="_blank" rel="noopener">OpenVINO organization page</a> on Hugging Face. | |
| </footer> | |
| </body> | |
| </html> | |