gguf-goat-list / index.html
cfahlgren1's picture
cfahlgren1 HF staff
Update index.html
f1af0c4 verified
raw
history blame
2.15 kB
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Top GGUF Authors on Hugging Face</title>
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
alphalyrae: ["AlphaLyrae", "sans-serif"],
},
},
},
};
</script>
<style>
@font-face {
font-family: "AlphaLyrae";
src: url("./AlphaLyrae-Medium.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
</style>
</head>
<body class="flex min-h-screen items-center justify-center bg-orange-200">
<div class="w-full max-w-6xl overflow-hidden rounded-2xl shadow-2xl">
<header
class="px-3 py-4 bg-orange-100 text-center sm:px-4 sm:py-6 sm:text-left"
>
<h1 class="font-alphalyrae text-3xl sm:text-4xl md:text-5xl font-extrabold text-gray-800 mb-2 sm:mb-3">
GGUF Goats
</h1>
<p class="font-alphalyrae text-lg text-gray-600 sm:text-xl md:text-2xl">
Top authors with most downloads each month
</p>
</header>
<iframe
src="https://huggingface.co/datasets/reach-vb/gguf-stats/embed/sql-console/default/train?sql_console=true&sql=WITH+ranked_authors+AS+%28%0A++SELECT+%0A++++author%2C%0A++++SUM%28likes%29+AS+total_likes%2C%0A++++SUM%28downloads%29+AS+total_downloads_each_month%2C%0A++++ROW_NUMBER%28%29+OVER+%28ORDER+BY+SUM%28downloads%29+DESC%29+AS+rank%0A++FROM+train%0A++GROUP+BY+author%0A%29%0ASELECT+%0A++rank%2C%0A++CASE+%0A++++WHEN+rank+%3D+1+THEN+CONCAT%28author%2C+%27+%F0%9F%90%90%27%29%0A++++WHEN+rank+%3D+2+THEN+CONCAT%28author%2C+%27+%F0%9F%A5%88%27%29%0A++++WHEN+rank+%3D+3+THEN+CONCAT%28author%2C+%27+%F0%9F%A5%89%27%29%0A++++ELSE+author+%0A++END+AS+author%2C%0A++++bar%28total_downloads_each_month%2C+0%2C+5004958%2C+50%29+AS+downloads%2C%0A++total_likes%2C%0A++total_downloads_each_month%0AFROM+ranked_authors%0AWHERE+rank+%3C%3D+500%0AORDER+BY+rank+ASC&views%5B%5D=train"
frameborder="0"
width="100%"
height="560px"
></iframe>
</div>
</div>
</body>
</html>