datasetmodelhub / index.html
AEUPH's picture
Static host: client-side bundle (sdk: static)
710573e verified
Raw History Blame Contribute Delete
3.97 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Silicon Factory β€” Dataset &amp; Model Hub</title>
<meta name="description" content="Static hub of published fine-tuned models and datasets with free online inference links, plus commercial dataset purchase tiers. Runs entirely in your browser.">
<style>
:root { --bg:#0e1117; --panel:#161b22; --line:#26303d; --fg:#e6edf3; --dim:#8b949e;
--accent:#7c8cff; --ok:#3fb950; --warn:#d29922; --bad:#f85149; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg);
font:15px/1.55 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
.wrap { max-width:1100px; margin:0 auto; padding:0 22px 60px; }
header { padding:26px 0 12px; border-bottom:1px solid var(--line); }
h1 { margin:0 0 6px; font-size:25px; }
h2 { margin:26px 0 8px; font-size:19px; }
.sub { color:var(--dim); max-width:80ch; }
.row { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:10px 0; }
button { background:var(--accent); color:#0b0f17; border:0; border-radius:9px; padding:9px 16px;
font-weight:600; cursor:pointer; font-size:14px; }
button.ghost { background:var(--panel); color:var(--fg); border:1px solid var(--line); }
table { border-collapse:collapse; width:100%; margin:10px 0 4px; font-size:14px; }
th, td { border:1px solid var(--line); padding:7px 10px; text-align:left; vertical-align:top; }
th { background:var(--panel); color:var(--dim); font-weight:600; }
tr:nth-child(even) td { background:#12171f; }
a { color:var(--accent); }
.buy { color:var(--ok); font-weight:600; }
ul { color:var(--dim); }
footer { border-top:1px solid var(--line); padding:16px 0 0; margin-top:30px; color:var(--dim); font-size:13px; }
code { background:var(--panel); border:1px solid var(--line); border-radius:5px; padding:1px 5px; }
</style>
</head>
<body>
<div class="wrap">
<header>
<h1>πŸš€ Silicon Factory β€” Dataset &amp; Model Hub</h1>
<p class="sub">Browse the collection of fine-tuned models and datasets with
<b>free online inference</b>. This page is <b>static</b>: the model table is an embedded
JavaScript array rendered in your browser, so there is no server, no database and no CPU
used on the host.</p>
<p class="sub" id="count"></p>
</header>
<h2>🎯 Free Online Inference</h2>
<p class="sub">Try any model instantly β€” no downloads required.</p>
<div id="freeTable"></div>
<h2>How Free Inference Works</h2>
<ul>
<li>βœ… <b>No downloads</b> β€” run inference directly on Hugging Face servers</li>
<li>βœ… <b>Instant results</b> β€” get responses in seconds</li>
<li>βœ… <b>No API key needed</b> β€” use the web interface directly</li>
<li>βœ… <b>Perfect for testing</b> β€” try before you buy</li>
</ul>
<h2>πŸ’° Purchase Full Datasets</h2>
<p class="sub">Get complete datasets with commercial licenses.</p>
<div id="buyTable"></div>
<div class="row">
<button id="exportBtn">Download hub data (models.json)</button>
<button class="ghost" id="toggleBtn">Show the raw rows</button>
</div>
<pre id="raw" style="display:none; background:#0d1117; border:1px solid var(--line); border-radius:10px;
padding:12px; overflow:auto; font:12.5px/1.5 ui-monospace,Consolas,monospace;"></pre>
<footer>
<b>Silicon Factory v3</b> β€” Automated Fine-Tuning &amp; Dataset Production<br>
<a href="https://buy.stripe.com/3cIcN4gzC7lXfuH49s7wA00">Buy Gold Datasets</a> Β·
<a href="mailto:hybridionorb@gmail.com">Contact</a><br>
Ported from the Streamlit/Gradio hub app to a static page β€” the rendering above is the same
table the Python version produced, built here from the embedded array instead of
<code>models.json</code>. Part of the AEUPH studio.
</footer>
</div>
<script src="app.js"></script>
</body>
</html>