README / index.html
IMvision12's picture
Update index.html
0048bd6 verified
Raw
History Blame
4.1 kB
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>kerasformers</title>
<style>
:root { color-scheme: light dark; }
* { box-sizing: border-box; }
html, body { min-height: 100vh; margin: 0; }
body {
display: grid; place-items: center; width: 100%;
font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
background: #ffffff; color: #111318;
}
@media (prefers-color-scheme: dark) {
body { background: #0b0b0d; color: #e8e8ea; }
}
.card { text-align: center; padding: 2rem 1.25rem; max-width: 600px; }
.card img { width: 78px; height: 78px; border-radius: 18px; display: block; margin: 0 auto; }
h1 { font-size: 1.55rem; font-weight: 700; margin: 0.85rem 0 0.35rem; letter-spacing: -0.01em; }
p { margin: 0 0 1.35rem; opacity: 0.72; line-height: 1.55; font-size: 0.95rem; }
code {
font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.86em;
padding: 0.05em 0.35em; border-radius: 6px; background: rgba(128,128,128,0.16);
}
.links { display: flex; gap: 0.5rem; justify-content: center; flex-wrap: wrap; }
.links a {
text-decoration: none; font-size: 0.85rem; font-weight: 600; color: inherit;
padding: 0.42rem 0.85rem; border-radius: 999px; border: 1px solid rgba(128,128,128,0.35);
transition: all 0.15s ease;
}
.links a:hover { border-color: #f5a623; color: #f5a623; }
/* ── Important Callout ── */
.callout {
margin-top: 1.5rem;
padding: 0.9rem 1rem;
text-align: left;
border-left: 3px solid #8b5cf6;
border-radius: 6px;
background: rgba(139, 92, 246, 0.08);
font-size: 0.82rem;
line-height: 1.5;
}
.callout__header {
display: flex;
align-items: center;
gap: 0.55rem;
margin-bottom: 0.35rem;
}
.callout__icon {
width: 18px;
height: 18px;
color: #a78bfa;
flex-shrink: 0;
}
.callout__title {
color: #a78bfa;
font-weight: 600;
font-size: 0.9rem;
letter-spacing: -0.01em;
}
.callout p {
margin: 0;
font-size: 0.82rem;
opacity: 0.9;
}
.install {
margin-top: 0.65rem;
padding: 0.55rem 0.7rem;
border-radius: 6px;
background: rgba(128,128,128,0.12);
overflow-x: auto;
}
.install code { padding: 0; background: transparent; white-space: nowrap; }
</style>
</head>
<body>
<main class="card">
<img src="https://cdn-uploads.huggingface.co/production/uploads/629631215de6e0eb3292ae91/klgAvDJagwTHD2Bxliz8U.png" alt="kerasformers logo">
<h1>kerasformers</h1>
<p>KerasFormers: Open-source Keras 3 collection of pretrained models across Vision, LLM, VLM, Depth, Speech, and more</p>
<nav class="links">
<a href="https://github.com/IMvision12/KerasFormers">GitHub</a>
<a href="https://imvision12.github.io/KerasFormers/">Docs</a>
<a href="https://pypi.org/project/kerasformers/">PyPI</a>
</nav>
<section class="callout">
<div class="callout__header">
<svg class="callout__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
<line x1="12" y1="8" x2="12" y2="12"/>
<line x1="12" y1="16" x2="12.01" y2="16"/>
</svg>
<span class="callout__title">Important</span>
</div>
<p><strong>kerasformers is under active development</strong>, and we are currently migrating from GitHub-hosted release weights to the Hugging Face Hub. The PyPI package may lag behind the latest models, fixes, and API updates. This migration includes properly typed configuration files and dedicated weights for each model. Until the migration is complete, we recommend installing <code>kerasformers</code> directly from the <code>main</code> branch on GitHub rather than from PyPI.</p>
<div class="install">
<code>pip install git+https://github.com/IMvision12/KerasFormers.git</code>
</div>
</section>
</main>
</body>
</html>