Merge pull request #3 from fixie-ai:juberti/text

Fix colors and other tweaks
fixie-ai · Apr 19, 2024 · 415f689 · 415f689
2 parents 113be05 + 539b876
commit 415f689
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/website/src/components/DataGrid.astro b/website/src/components/DataGrid.astro
@@ -41,9 +41,9 @@ Astro.response.headers.set('Cache-Control', 'no-cache');
       </div>
     </div>
     <div class="mt-10 mb-4 text-left flex flex-col">
-      <div>TTFT: Time To First Token</div>
-      <div>TPS: Tokens Per Second</div>
-      <div>Total Time: From request to final token</div>
+      <div><span class="font-bold">TTFT:</span> Time To First Token</div>
+      <div><span class="font-bold">TPS: </span>Tokens Per Second</div>
+      <div><span class="font-bold">Total Time: </span>From request to final token</div>
     </div>
   </div>
 
@@ -52,8 +52,8 @@ Astro.response.headers.set('Cache-Control', 'no-cache');
   <div class="mt-4 flex flex-row justify-between text-sm items-center">
     <div>
       <p class="inline-flex">
-        <div class="inline-flex items-center"><span class="text-center rounded-md bg-green-500 px-2 py-1 text-sm ring-1 ring-inset ring-gray-500/10 w-14">Green</span><span>&nbsp;= best.</span></div>
-        <div class="inline-flex items-center"><span class="text-center rounded-md bg-red-500 px-2 py-1 text-sm ring-1 ring-inset ring-gray-500/10 w-14">Red</span><span>&nbsp;= worst.</span></div>
+        <div class="inline-flex items-center"><span class="text-center rounded-md bg-green-500 px-2 py-1 text-sm ring-1 ring-inset ring-gray-500/10 w-14">Green</span><span>&nbsp;= fastest,</span></div>
+        <div class="inline-flex items-center"><span class="text-center rounded-md bg-red-500 px-2 py-1 text-sm ring-1 ring-inset ring-gray-500/10 w-14">Red</span><span>&nbsp;= slowest.</span></div>
       </p>
     </div>
     <div id="lastUpdated" class=" font-mono italic text-right"></div>

diff --git a/website/src/components/Hero.astro b/website/src/components/Hero.astro
@@ -3,7 +3,7 @@ import Section from './Section.astro';
 ---
 
 <Section>
-	<p>Human conversations are fast, typically<a href="https://www.semanticscholar.org/paper/Turn-taking-in-Human-Communication-%E2%80%93-Origins-and-Levinson/aa8b57bcfac5577b26d2b3a422a2378a7496f257/figure/0">around 200ms</a> between turns, and we think LLMs should be just as quick. This site provides reliable measurements for the performance of top models. Stats are updated daily.</p>
+	<p>Human conversations are fast, typically <a class="underline hover:text-orange-600" href="https://www.semanticscholar.org/paper/Turn-taking-in-Human-Communication-%E2%80%93-Origins-and-Levinson/aa8b57bcfac5577b26d2b3a422a2378a7496f257/figure/0">around 200ms</a> between turns, and we think LLMs should be just as quick. This site provides reliable measurements for the performance of 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 />

diff --git a/website/src/utils/DataGridDefinitions.ts b/website/src/utils/DataGridDefinitions.ts
@@ -4,13 +4,13 @@ interface ValueFormatterParam {
 }
 
 export const WorstColor = {
-	rgb: "239 68 68",
-	hex: "#EF4444",
+	rgb: "185 246 206",
+	hex: "#B9F6CE",
 };
 
 export const BestColor = {
-	rgb: "34 197 94",
-	hex: "#22C55E",
+	rgb: "253 201 201",
+	hex: "#FDC9C9",
 };