style and text tweaks

fixie-ai · Apr 16, 2024 · 250d8ca · 250d8ca
1 parent ca0777c
commit 250d8ca
Show file tree

Hide file tree

Showing 11 changed files with 26 additions and 22 deletions.
diff --git a/website/public/logo.txt b/website/public/logo.txt
@@ -1,5 +1,6 @@
-████████ ██   ██ ███████ ███████  █████  ███████ ████████ ███████ ███████ ████████     █████  ██ 
-   ██    ██   ██ ██      ██      ██   ██ ██         ██    ██      ██         ██       ██   ██ ██ 
-   ██    ███████ █████   █████   ███████ ███████    ██    █████   ███████    ██       ███████ ██ 
-   ██    ██   ██ ██      ██      ██   ██      ██    ██    ██           ██    ██       ██   ██ ██ 
-   ██    ██   ██ ███████ ██      ██   ██ ███████    ██    ███████ ███████    ██    ██ ██   ██ ██ 
+████████╗██╗  ██╗███████╗███████╗ █████╗ ███████╗████████╗███████╗███████╗████████╗ █████╗ ██╗
+╚══██╔══╝██║  ██║██╔════╝██╔════╝██╔══██╗██╔════╝╚══██╔══╝██╔════╝██╔════╝╚══██╔══╝██╔══██╗██║
+   ██║   ███████║█████╗  █████╗  ███████║███████╗   ██║   █████╗  ███████╗   ██║   ███████║██║
+   ██║   ██╔══██║██╔══╝  ██╔══╝  ██╔══██║╚════██║   ██║   ██╔══╝  ╚════██║   ██║   ██╔══██║██║
+   ██║   ██║  ██║███████╗██║     ██║  ██║███████║   ██║   ███████╗███████║   ██║██╗██║  ██║██║
+   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝  ╚═╝╚══════╝   ╚═╝   ╚══════╝╚══════╝   ╚═╝╚═╝╚═╝  ╚═╝╚═╝
diff --git a/website/src/components/BenchmarkDefinitions.astro b/website/src/components/BenchmarkDefinitions.astro
@@ -4,8 +4,9 @@ import { ModelDefinition, TTFTDefinition, TPSDefinition, TotalTimeDefinition } f
 ---
 
 <Section>
-	<div class="text-base">
-		<p id="definitions" class="text-xl font-bold mb-4">Definitions</p>
+	<div>
+		<p id="definitions" class="text-base font-bold">Definitions</p>
+		<p class="text-base font-bold mb-4">===========</p>
 		<ul class="list-none">
 			<li class="pb-2"><b>{ ModelDefinition.title }: </b>{ ModelDefinition.definition }</li>
 			<li class="pb-2"><b>{ TTFTDefinition.title }: </b>{ TTFTDefinition.definition }</li>

diff --git a/website/src/components/DataGrid.astro b/website/src/components/DataGrid.astro
@@ -20,7 +20,8 @@ import 'ag-grid-community/styles/ag-theme-quartz.css';
 <form id="benchmarks" class="text-sm">
   <div class="flex flex-row justify-between">
     <div class="flex flex-col">
-      <label for="regionSelector" class="text-xl font-bold" >Select a Region</label>
+      <label for="regionSelector" class="text-base font-bold" >Select a Region</label>
+      <label class="text-base font-bold" >===============</label>
       <div id="regionSelector" class="my-4 flex flex-col">
         <div>
           <input type="radio" id="seaRegionSelector" name="selectedRegion" value="sea" checked />

diff --git a/website/src/components/Footer.astro b/website/src/components/Footer.astro
@@ -1,11 +1,10 @@
 ---
 import Section from './Section.astro';
 
-const year = new Date();
 ---
 
 <Section>
 	<footer class="text-center">
-		© {year.getFullYear()} - <a class="underline hover:text-orange-600" href="https://fixie.ai">Fixie.ai</a>
+		Built in Seattle by <a class="underline hover:text-orange-600" href="https://fixie.ai">Fixie</a>
 	</footer>
 </Section>
diff --git a/website/src/components/Hero.astro b/website/src/components/Hero.astro
@@ -3,9 +3,11 @@ import Section from './Section.astro';
 ---
 
 <Section>
-	<p>The speed of various LLMs varies tremendously. This site provides benchmarks for the top models. We hope this data will help you choose the best model for your needs!</p>
+	<p>The speed of various LLMs varies tremendously. This site provides benchmarks for the top models. Stats are updated daily.</p>
+	<p class="mt-4"><a class="underline hover:text-orange-600" href="#definitions">Definitions</a>, <a class="underline hover:text-orange-600" href="#methodology">methodology</a>, and links to <a class="underline hover:text-orange-600" href="#source">source</a> below.</p>
+
 	<br />
-	<p>Have another model you want us to benchmark? Hit us up with an <a class="underline hover:text-orange-600" href="https://github.com/fixie-ai/fastest.ai/issues" target="_blank">issue on GitHub.</a></p>
+	<p>Have another model you want us to benchmark? File an <a class="underline hover:text-orange-600" href="https://github.com/fixie-ai/fastest.ai/issues" target="_blank">issue on GitHub</a>.</p>
 </Section>
 
 
diff --git a/website/src/components/HowToUse.astro b/website/src/components/HowToUse.astro
@@ -3,9 +3,8 @@ import Section from './Section.astro';
 ---
 
 <Section>
-	<div class="text-base">
-		<p class="text-xl font-bold mb-4">How to Use</p>
+	<div>
+		<p class="font-bold mb-4 text-base">How to Use</p>
 		<p>The table below is interactive. You can sort on any column. Further, the hamburger menu (appears when you hover a column header) allows for custom filtering.</p>
-		<p class="mt-4"><a class="underline hover:text-orange-600" href="#definitions">Definitions</a>, <a class="underline hover:text-orange-600" href="#methodology">methodology</a>, and links to <a class="underline hover:text-orange-600" href="#source">source</a> below. Have fun exploring!</p>
 	</div>
 </Section>
diff --git a/website/src/components/Methodology.astro b/website/src/components/Methodology.astro
@@ -3,8 +3,9 @@ import Section from './Section.astro';
 ---
 
 <Section>
-	<div class="text-base">
-		<p id="methodology" class="text-xl font-bold mb-4">Methodology</p>
+	<div>
+		<p id="methodology" class="text-base font-bold">Methodology</p>
+		<p class="text-base font-bold mb-4">===========</p>
 		<p class="py-2"><b>Distributed Footprint: </b>We run our tools daily in multiple data centers using <a class="underline hover:text-orange-600"  href="https://fly.io/docs/reference/regions/" target="_blank">Fly.io</a>. Currently we run in cdg, iad, and sea.</p>
 		<p class="py-2"><b>Short Requests: </b>Input requests are a short, single message (~20 tokens) and ask for a brief output response.</p>
 		<p class="py-2"><b>Max Output: </b>Max output tokens is set to 100 to avoid distortion of TPS values from long outputs.</p>

diff --git a/website/src/components/Section.astro b/website/src/components/Section.astro
@@ -2,6 +2,6 @@
 
 ---
 
-<div class="mx-auto w-full max-w-screen-lg px-4 py-6">
+<div class="mx-auto w-full max-w-screen-lg px-4 py-4">
 	<slot />
 </div>
diff --git a/website/src/components/Sources.astro b/website/src/components/Sources.astro
@@ -3,8 +3,9 @@ import Section from './Section.astro';
 ---
 
 <Section>
-	<div class="text-base">
-		<p id="source" class="text-xl font-bold">Source</p>
+	<div>
+		<p id="source" class="text-base font-bold">Source</p>
+		<p id="source" class="text-base font-bold mb-4">======</p>
 		<p class="py-2"><b>Raw Data: </b>All data is in this public <a class="underline hover:text-orange-600" href="https://storage.googleapis.com/thefastest-data" target="_blank">GCS bucket.</a></p>
 		<p class="py-2"><b>Benchmarking Tools: </b>The full test suite is available in the <a class="underline hover:text-orange-600" href="https://github.com/fixie-ai/ai-benchmarks" target="_blank">ai-benchmarks repo.</a></p>
 		<p class="py-2"><b>Website: </b>Full source code for this site is on <a class="underline hover:text-orange-600" href="https://github.com/fixie-ai/fastest.ai" target="_blank">GitHub.</a></p>

diff --git a/website/src/layouts/Base.astro b/website/src/layouts/Base.astro
@@ -54,7 +54,7 @@ const {
 		class="flex min-h-screen flex-col bg-stone-100 font-mono text-gray-950 dark:bg-stone-900 dark:text-white"
 	>
 		<Navbar />
-		<div class="flex-1">
+		<div class="flex-1 text-sm">
 			<slot />
 		</div>
 

diff --git a/website/src/pages/index.astro b/website/src/pages/index.astro
@@ -15,7 +15,6 @@ const { description } = AppConfig;
 ---
 <Base head={{ title, description }}>
 	<Hero />
-	<HowToUse />
 	<Section>
 		<DataGrid />
 	</Section>