www: rebrand website with FRI brand guidelines

src/helpers/constants.py

@@ -153,7 +153,7 @@ def _missing_(cls, value):
 }
 
 ORG_TO_LOGO = {
-    BENCHMARK_NAME: "fri.png",
+    BENCHMARK_NAME: "fri.svg",
     ANTHROPIC_ORG: "anthropic.svg",
     DEEPSEEK_ORG: "deepseek.svg",
     MOONSHOT_ORG: "moonshot.svg",

src/leaderboard/main.py

@@ -1292,7 +1292,7 @@ def write_leaderboard_js_file_full(
                search: { regex: true, smart: true },
                createdRow: function(row, data, dataIndex) {
                  if ({{ model_highlight_rows | tojson }}.includes(data.Model)) {
-                   $(row).css('background-color', '#fdece8');
+                   $(row).css('background-color', '#fef0e6');
                  }
                },
                infoCallback: function(settings, start, end, max, total, pre) {
@@ -1524,7 +1524,7 @@ def write_dataset_leaderboard_js_file_full(
                search: { regex: true, smart: true },
                createdRow: function(row, data, dataIndex) {
                  if ({{ model_highlight_rows | tojson }}.includes(data.Model)) {
-                   $(row).css('background-color', '#fdece8');
+                   $(row).css('background-color', '#fef0e6');
                  }
                },
                infoCallback: function(settings, start, end, max, total, pre) {
@@ -1647,7 +1647,7 @@ def write_leaderboard_js_file_compact(
               responsive:true,
               createdRow: function(row, data, dataIndex) {
                  if ({{ model_highlight_rows | tojson }}.includes(data.Model)) {
-                   $(row).css('background-color', '#fdece8');
+                   $(row).css('background-color', '#fef0e6');
                  }
                },
               infoCallback: function(settings, start, end, max, total, pre) {

src/www.forecastbench.org/.gitignore

@@ -2,5 +2,6 @@ _site
 .sass-cache
 .jekyll-cache
 .jekyll-metadata
+.bundle
 vendor
 entrypoint.sh

src/www.forecastbench.org/_config.yml

@@ -7,8 +7,8 @@ description: "A dynamic, continuously-updated forecasting benchmark."
 name: "Forecasting Research Institute"
 url: "https://www.forecastbench.org"
 repository: "forecastingresearch/forecastbench"
-logo: "/assets/images/logo/IconTransparentBCROP.png"
-og_image: "/assets/images/logo/TextColor2.png"
+logo: "/assets/images/logo/fri-icon-green.svg"
+og_image: "/assets/images/logo/fri-icon-green.jpg"
 
 header_anchors: false
 
@@ -56,6 +56,9 @@ footer:
       icon: "fas fa-fw fa-envelope"
       url: "mailto:forecastbench@forecastingresearch.org"
 
+after_footer_scripts:
+  - /assets/js/mobile-nav.js
+
 exclude:
   - entrypoint.sh
   - Procfile

src/www.forecastbench.org/_includes/head/custom.html

@@ -1,6 +1,15 @@
 <!-- start custom head snippets -->
 
-<link rel="icon" type="image/png" href="{{ '/assets/images/logo/IconTransparentBCROP.png' | relative_url }}" sizes="192x192">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Lora:wght@400&family=DM+Sans:ital,opsz,wght@0,9..40,300..700;1,9..40,300..700&family=DM+Mono:wght@300;400;500&display=swap" rel="stylesheet">
+
+<link rel="icon" type="image/svg+xml" href="{{ '/assets/images/logo/fri-icon-green.svg' | relative_url }}" media="(prefers-color-scheme: light)">
+<link rel="icon" type="image/svg+xml" href="{{ '/assets/images/logo/fri-icon-white.svg' | relative_url }}" media="(prefers-color-scheme: dark)">
+<link rel="icon" type="image/png" href="{{ '/assets/images/logo/favicon/favicon-96x96.png' | relative_url }}" sizes="96x96">
+<link rel="shortcut icon" href="{{ '/assets/images/logo/favicon/favicon.ico' | relative_url }}">
+<link rel="apple-touch-icon" sizes="180x180" href="{{ '/assets/images/logo/favicon/apple-touch-icon.png' | relative_url }}">
+<link rel="manifest" href="{{ '/assets/images/logo/favicon/site.webmanifest' | relative_url }}">
 
 {% if page.head_css %}
   {% for script in page.head_css %}

src/www.forecastbench.org/_includes/masthead.html

@@ -4,12 +4,19 @@
   <div class="masthead__inner-wrap">
     <div class="masthead__menu">
       <nav id="site-nav" class="greedy-nav">
-        {% unless logo_path == empty %}
-          <a class="site-logo" href="{{ '/' | relative_url }}"><img src="{{ logo_path | relative_url }}" alt="{{ site.masthead_title | default: site.title }}"></a>
-        {% endunless %}
-        <a class="site-title" href="{{ '/' | relative_url }}">
-          {{ site.masthead_title | default: site.title | escape_once | strip }}
-          {% if site.subtitle %}<span class="site-subtitle">{{ site.subtitle | escape_once | strip }}</span>{% endif %}
+        <a class="site-lockup" href="{{ '/' | relative_url }}" aria-label="{{ site.title }}">
+          <svg class="site-lockup__svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 760 120" overflow="visible" role="img" aria-hidden="true" focusable="false">
+            <g transform="matrix(0.5162,0,0,0.5162,0,20)">
+              <path fill="#102B23" d="M180.18,36.1h23.68v4.56h-18.47v10.16h14.82v4.61h-14.82v16.77h-5.21v-36.1ZM203.16,59.18c0-7.71,5.41-13.47,12.92-13.47s12.97,5.76,12.97,13.47-5.51,13.52-12.97,13.52-12.92-5.76-12.92-13.52ZM224.04,59.18c0-5.36-3.35-9.21-7.96-9.21s-7.91,3.86-7.91,9.21,3.25,9.26,7.91,9.26,7.96-3.91,7.96-9.26ZM233.2,46.21h4.81v4.21c1.5-2.75,4.31-4.71,7.46-4.71.65,0,1.1,0,1.55.1v4.71c-5.56-1-8.21,3.2-9.01,6.46v15.22h-4.81v-25.98ZM260.14,68.49c3.6,0,5.81-1.5,6.76-4.86l4.81,1.4c-1.4,4.66-5.46,7.66-11.67,7.66-7.46,0-12.77-5.61-12.77-13.52s5.21-13.47,12.57-13.47c10.31,0,12.52,8.66,11.87,14.22h-19.58c.3,5.36,3.4,8.56,8.01,8.56ZM252.38,56.27h14.27c-.25-4.01-2.8-6.71-6.81-6.71s-6.71,2.55-7.46,6.71ZM274.65,59.18c0-8.01,5.21-13.47,12.77-13.47,5.96,0,10.36,3.35,11.26,8.61l-4.61.85h-.2c-.6-3.05-3.1-5.21-6.41-5.21-4.71,0-7.81,3.71-7.81,9.21s3.1,9.26,7.81,9.26c3.46,0,5.96-2.05,6.61-5.66l4.81.9c-1.1,5.66-5.51,9.01-11.46,9.01-7.56,0-12.77-5.51-12.77-13.52ZM301.24,65.18c0-4.51,3.35-7.21,8.91-8.01l8.21-1.2v-.95c0-3.6-2.45-5.41-5.66-5.41-3.75,0-5.81,2-6.51,4.91l-4.56-1.3c1.2-3.96,4.76-7.51,11.06-7.51s10.46,3.46,10.46,9.46v17.02h-4.86v-3.91c-1.85,3.05-5.01,4.41-8.11,4.41-5.21,0-8.96-3.05-8.96-7.51ZM318.31,59.58l-7.41,1.2c-2.95.5-4.66,1.8-4.66,4.26,0,2.25,1.9,3.85,4.66,3.85,4,0,6.51-2.8,7.41-5.76v-3.55ZM326.67,64.83l4.46-1.55h.2c.55,3.3,2.9,5.26,6.36,5.26,2.85,0,4.76-1.45,4.76-3.75,0-1.9-1.3-2.95-3.46-3.5l-4.96-1.15c-3.05-.75-6.51-2.2-6.51-6.86,0-4.26,3.86-7.56,9.41-7.56s9.06,2.8,9.96,6.81l-4.51,1.35h-.2c-.45-2.75-2.55-4.26-5.26-4.26s-4.41,1.6-4.41,3.3,1.3,2.55,3.25,3.05l4.46,1.1c3.91.95,7.26,2.4,7.26,7.66,0,4.51-4,7.96-9.81,7.96-6.66,0-10.46-3.66-11.01-7.86ZM353.36,64.68v-14.37h-4.66v-4.11c4.56,0,4.86-.45,4.86-6.06h4.61v6.06h6.81v4.11h-6.81v14.07c0,2.9,1.7,4.05,3.6,4.05.95,0,1.85-.1,2.85-.75v4.16c-.65.5-2.25.85-3.66.85-4.41,0-7.61-2.6-7.61-8.01ZM367.72,38.95c0-1.75,1.35-3.15,3.15-3.15s3.2,1.4,3.2,3.15-1.4,3.15-3.2,3.15-3.15-1.4-3.15-3.15ZM373.28,72.19h-4.81v-25.98h4.81v25.98ZM378.84,46.21h4.81v3.8c1.65-2.35,4.51-4.31,8.06-4.31,5.66,0,9.71,3.5,9.71,9.16v17.32h-4.86v-16.22c0-3.75-2.2-6.01-5.86-6.01-3.45,0-6.21,2.9-7.06,6.51v15.72h-4.81v-25.98ZM404.87,74.4c0-2.05,1.15-4.06,2.7-5.31-1.2-.85-1.9-2.05-1.9-3.66,0-2.3,1.75-4.05,3.6-5.11-1.55-1.5-2.45-3.55-2.45-6.01,0-5.16,3.91-8.61,9.76-8.61,1.85,0,3.55.35,4.96,1l7.66-.55v4.16h-3.71c.6,1.15.95,2.5.95,4,0,5.11-3.96,8.61-9.86,8.61-1.55,0-3-.25-4.26-.7-1.1.6-1.85,1.5-1.85,2.55,0,1.3,1.05,1.8,3.15,1.8h7.51c5.16,0,8.71,2.4,8.71,6.91,0,5.66-5.16,8.56-12.82,8.56s-12.17-2.35-12.17-7.66ZM409.73,74c0,2.8,2.85,4.05,7.31,4.05,5.41,0,7.91-1.7,7.91-4.41,0-2.2-1.5-3.05-4.25-3.05h-6.91c-.75,0-1.5-.05-2.15-.1-1.45.95-1.9,2.35-1.9,3.5ZM421.74,54.32c0-2.8-2-4.66-5.16-4.66s-5.06,1.85-5.06,4.66,1.95,4.66,5.06,4.66,5.16-1.9,5.16-4.66ZM180.18,82.8h14.82c7.11,0,11.51,3.96,11.51,10.51,0,4.31-2.3,7.56-6.06,9.16,2.75,1.15,3.81,3.05,4.66,6.41l1.8,6.81.8,3v.2h-5.61l-2.05-8.91c-1.05-4.31-3.35-6.21-9.06-6.21h-5.61v15.12h-5.21v-36.1ZM194.4,99.22c4.21,0,6.76-2.2,6.76-5.91s-2.55-5.96-6.76-5.96h-9.01v11.87h9.01ZM222.44,115.19c3.6,0,5.81-1.5,6.76-4.86l4.81,1.4c-1.4,4.66-5.46,7.66-11.67,7.66-7.46,0-12.77-5.61-12.77-13.52s5.21-13.47,12.57-13.47c10.31,0,12.52,8.66,11.87,14.22h-19.58c.3,5.36,3.4,8.56,8.01,8.56ZM214.68,102.98h14.27c-.25-4.01-2.8-6.71-6.81-6.71s-6.71,2.55-7.46,6.71ZM236.51,111.54l4.46-1.55h.2c.55,3.3,2.9,5.26,6.36,5.26,2.85,0,4.76-1.45,4.76-3.75,0-1.9-1.3-2.95-3.46-3.5l-4.96-1.15c-3.05-.75-6.51-2.2-6.51-6.86,0-4.26,3.86-7.56,9.41-7.56s9.06,2.8,9.96,6.81l-4.51,1.35h-.2c-.45-2.75-2.55-4.26-5.26-4.26s-4.41,1.6-4.41,3.3,1.3,2.55,3.25,3.05l4.46,1.1c3.91.95,7.26,2.4,7.26,7.66,0,4.51-4,7.96-9.81,7.96-6.66,0-10.46-3.66-11.01-7.86ZM272.8,115.19c3.6,0,5.81-1.5,6.76-4.86l4.81,1.4c-1.4,4.66-5.46,7.66-11.67,7.66-7.46,0-12.77-5.61-12.77-13.52s5.21-13.47,12.57-13.47c10.31,0,12.52,8.66,11.87,14.22h-19.58c.3,5.36,3.4,8.56,8.01,8.56ZM265.04,102.98h14.27c-.25-4.01-2.8-6.71-6.81-6.71s-6.71,2.55-7.46,6.71ZM287.22,111.89c0-4.51,3.35-7.21,8.91-8.01l8.21-1.2v-.95c0-3.6-2.45-5.41-5.66-5.41-3.75,0-5.81,2-6.51,4.91l-4.56-1.3c1.2-3.96,4.76-7.51,11.06-7.51s10.46,3.46,10.46,9.46v17.02h-4.86v-3.91c-1.85,3.05-5.01,4.41-8.11,4.41-5.21,0-8.96-3.05-8.96-7.51ZM304.29,106.28l-7.41,1.2c-2.95.5-4.66,1.8-4.66,4.26,0,2.25,1.9,3.85,4.66,3.85,4,0,6.51-2.8,7.41-5.76v-3.55ZM314.46,92.91h4.81v4.21c1.5-2.75,4.31-4.71,7.46-4.71.65,0,1.1,0,1.55.1v4.71c-5.56-1-8.21,3.2-9.01,6.46v15.22h-4.81v-25.98ZM328.57,105.88c0-8.01,5.21-13.47,12.77-13.47,5.96,0,10.36,3.35,11.26,8.61l-4.61.85h-.2c-.6-3.05-3.1-5.21-6.41-5.21-4.71,0-7.81,3.71-7.81,9.21s3.1,9.26,7.81,9.26c3.46,0,5.96-2.05,6.61-5.66l4.81.9c-1.1,5.66-5.51,9.01-11.46,9.01-7.56,0-12.77-5.51-12.77-13.52ZM356.61,82.3h4.81v14.42c1.65-2.35,4.51-4.31,8.06-4.31,5.66,0,9.71,3.5,9.71,9.16v17.32h-4.86v-16.22c0-3.75-2.2-6.01-5.86-6.01-3.4,0-6.21,2.9-7.06,6.51v15.72h-4.81v-36.6ZM401.42,118.7v.2h-5.21v-36.1h5.21v35.9ZM407.62,92.91h4.81v3.8c1.65-2.35,4.51-4.31,8.06-4.31,5.66,0,9.71,3.5,9.71,9.16v17.32h-4.86v-16.22c0-3.75-2.2-6.01-5.86-6.01-3.45,0-6.21,2.9-7.06,6.51v15.72h-4.81v-25.98ZM433.71,111.54l4.46-1.55h.2c.55,3.3,2.9,5.26,6.36,5.26,2.85,0,4.76-1.45,4.76-3.75,0-1.9-1.3-2.95-3.46-3.5l-4.96-1.15c-3.05-.75-6.51-2.2-6.51-6.86,0-4.26,3.86-7.56,9.41-7.56s9.06,2.8,9.96,6.81l-4.51,1.35h-.2c-.45-2.75-2.55-4.26-5.26-4.26s-4.41,1.6-4.41,3.3,1.3,2.55,3.25,3.05l4.46,1.1c3.91.95,7.26,2.4,7.26,7.66,0,4.51-4,7.96-9.81,7.96-6.66,0-10.46-3.66-11.01-7.86ZM460.39,111.39v-14.37h-4.66v-4.11c4.56,0,4.86-.45,4.86-6.06h4.61v6.06h6.81v4.11h-6.81v14.07c0,2.9,1.7,4.05,3.6,4.05.95,0,1.85-.1,2.85-.75v4.16c-.65.5-2.25.85-3.66.85-4.41,0-7.61-2.6-7.61-8.01ZM474.76,85.65c0-1.75,1.35-3.15,3.15-3.15s3.2,1.4,3.2,3.15-1.4,3.15-3.2,3.15-3.15-1.4-3.15-3.15ZM480.32,118.9h-4.81v-25.98h4.81v25.98ZM488.03,111.39v-14.37h-4.66v-4.11c4.56,0,4.86-.45,4.86-6.06h4.61v6.06h6.81v4.11h-6.81v14.07c0,2.9,1.7,4.05,3.6,4.05.95,0,1.85-.1,2.85-.75v4.16c-.65.5-2.25.85-3.66.85-4.41,0-7.61-2.6-7.61-8.01ZM502.9,110.24v-17.32h4.86v16.17c0,4.21,2.5,6.06,5.86,6.06s6.21-2.9,7.06-6.51v-15.72h4.86v25.98h-4.86v-3.8c-1.65,2.35-4.51,4.31-8.06,4.31-5.66,0-9.71-3.5-9.71-9.16ZM533.19,111.39v-14.37h-4.66v-4.11c4.56,0,4.86-.45,4.86-6.06h4.61v6.06h6.81v4.11h-6.81v14.07c0,2.9,1.7,4.05,3.6,4.05.95,0,1.85-.1,2.85-.75v4.16c-.65.5-2.25.85-3.66.85-4.41,0-7.61-2.6-7.61-8.01ZM558.82,115.19c3.6,0,5.81-1.5,6.76-4.86l4.81,1.4c-1.4,4.66-5.46,7.66-11.67,7.66-7.46,0-12.77-5.61-12.77-13.52s5.21-13.47,12.57-13.47c10.31,0,12.52,8.66,11.87,14.22h-19.58c.3,5.36,3.4,8.56,8.01,8.56ZM551.06,102.98h14.27c-.25-4.01-2.8-6.71-6.81-6.71s-6.71,2.55-7.46,6.71ZM85.24,60.04c-.98,1.55-1.85,3.17-2.57,4.88,13.7.45,24.71,11.72,24.71,25.53,0,6.77-2.65,12.93-6.97,17.51,1.68.7,3.44,1.25,5.25,1.66,4.23-5.25,6.77-11.92,6.77-19.17,0-15.72-11.92-28.71-27.19-30.41ZM112.94,34.19c-18.16,0-33.74,11.2-40.22,27.05-9.14,2.86-16.46,9.89-19.69,18.86-9.76,1.76-16.93,10.21-16.93,20.3,0,11.39,9.26,20.65,20.65,20.65,4.04,0,7.9-1.15,11.24-3.32,4.16,2.12,8.86,3.32,13.85,3.32s9.87-1.27,14.1-3.47c5.23,2.23,10.97,3.47,17.01,3.47,23.95,0,43.44-19.48,43.44-43.44s-19.48-43.44-43.44-43.44ZM56.75,116.01c-8.6,0-15.59-7-15.59-15.59,0-6.79,4.3-12.59,10.45-14.72-.24,1.55-.38,3.14-.38,4.76,0,9.83,4.67,18.59,11.89,24.19-1.98.89-4.14,1.36-6.37,1.36ZM81.83,116.01c-14.09,0-25.55-11.46-25.55-25.55,0-10.1,5.9-18.83,14.43-22.97-.78,3.26-1.21,6.65-1.21,10.14,0,15.61,8.28,29.31,20.67,36.97-2.62.91-5.42,1.41-8.34,1.41ZM112.94,116.01c-21.16,0-38.38-17.22-38.38-38.38s17.22-38.38,38.38-38.38,38.38,17.22,38.38,38.38-17.22,38.38-38.38,38.38Z"/>
+            </g>
+            <rect x="321" y="0" width="1.5" height="120" fill="#102B23"/>
+            <text class="site-lockup__label" x="349" y="60"
+                  dominant-baseline="central"
+                  font-family="'DM Sans',system-ui,sans-serif"
+                  font-weight="500"
+                  font-size="52"
+                  fill="#102B23">ForecastBench</text>
+          </svg>
         </a>
         <ul class="visible-links">
           {%- for link in site.data.navigation.main -%}

src/www.forecastbench.org/_includes/page__hero.html

@@ -21,7 +21,9 @@
 <div class="page__hero{% if page.header.overlay_color or page.header.overlay_image %}--overlay{% endif %}"
      style="{% if page.header.overlay_color %}background-color: {{ page.header.overlay_color | default: 'transparent' }};{% endif %} {% if overlay_img_path %}background-image: {% if overlay_filter %}{{ overlay_filter }}, {% endif %}url('{{ overlay_img_path }}');{% endif %}"
 >
-  <div id="particles-js"></div>
+  {% if page.header.illustration %}
+    <img class="page__hero-illustration" src="{{ page.header.illustration | relative_url }}" alt="">
+  {% endif %}
 
   {% if page.header.overlay_color or page.header.overlay_image %}
   <div class="wrapper" id="wrapp">
@@ -41,16 +43,16 @@ <h1 id="page-title" class="page__title" itemprop="headline">
       <!-- Featured card (only shows if page.featured is set) -->
       {% if page.featured %}
         {% if page.featured_link %}
-          <a href="{{ page.featured_link }}" class="check-card">
-            <div class="check-card__title">Featured</div>
+          <a href="{{ page.featured_link }}" class="check-card" target="_blank" rel="noopener noreferrer">
+            <div class="check-card__title">Featured Post</div>
             <div class="check-card__text">{{ page.featured }}</div>
             {% if page.featured_date %}
               <div class="check-card__date">{{ page.featured_date }}</div>
             {% endif %}
           </a>
         {% else %}
           <div class="check-card check-card--no-link">
-            <div class="check-card__title">Featured</div>
+            <div class="check-card__title">Featured Post</div>
             <div class="check-card__text">{{ page.featured }}</div>
             {% if page.featured_date %}
               <div class="check-card__date">{{ page.featured_date }}</div>