Feat: Use Stain font for intro paragraph

This commit is contained in:
2025-11-24 13:53:20 -08:00
parent 21377fd978
commit 1bf768ad10

View File

@@ -21,12 +21,12 @@
} }
</script> </script>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
<style> <style>
@font-face{font-family:"Stain";src:url("https://cdn.jsdelivr.net/gh/multipleof4/stain.otf@master/dist/Stain.otf") format("opentype");font-weight:normal;font-style:normal} @font-face{font-family:"Stain";src:url("https://cdn.jsdelivr.net/gh/multipleof4/stain.otf@master/dist/Stain.otf") format("opentype")}
body{font-family:"Stain",sans-serif} body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
.mono{font-family:"IBM Plex Mono",monospace} .mono{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
</style> </style>
</head> </head>
<body class="bg-gray-50 text-gray-800"> <body class="bg-gray-50 text-gray-800">
@@ -38,7 +38,7 @@
Last updated <time id="last-updated" class="ml-1"></time> Last updated <time id="last-updated" class="ml-1"></time>
</span> </span>
</div> </div>
<p class="text-base text-gray-600 max-w-lg mx-auto"> <p class="text-base text-gray-600 max-w-lg mx-auto" style="font-family:Stain,sans-serif">
This benchmark tests the model's knowledge by tasking it to import the right library from the right CDN URL path and having the pre-existing library specific knowledge to correctly implement a solution for each challenging problem for/in the browser environment using JavaScript. This benchmark tests the model's knowledge by tasking it to import the right library from the right CDN URL path and having the pre-existing library specific knowledge to correctly implement a solution for each challenging problem for/in the browser environment using JavaScript.
</p> </p>
</header> </header>
@@ -145,4 +145,3 @@
</script> </script>
</body> </body>
</html> </html>