From 01203ad26a7b491cc00302b5aef3b382a052f7f6 Mon Sep 17 00:00:00 2001
From: Tiff Fehr <60173+tiffehr@users.noreply.github.com>
Date: Wed, 4 Mar 2026 17:39:10 -0500
Subject: [PATCH 1/6] add new GA4 `google_analytics_id`

---
 _config.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_config.yml b/_config.yml
index 5a03acaf..1cb9ef7c 100644
--- a/_config.yml
+++ b/_config.yml
@@ -47,7 +47,7 @@ defaults:
       latest_srccon_program: https://2026.srccon.org/program/
       # google_analytics_id: set this value to your GA4 measurement ID (format: G-XXXXXXXXXX)
       # Leave empty to disable Google Analytics tracking
-      google_analytics_id: ""
+      google_analytics_id: "G-W7QDZ6VHC9"
   - scope:
       path: ""
       type: "transcripts"

From 6f3b7f7857cfb94b90633df0fe1f7c47a69cd1fc Mon Sep 17 00:00:00 2001
From: Tiff Fehr <60173+tiffehr@users.noreply.github.com>
Date: Thu, 5 Mar 2026 12:06:51 -0500
Subject: [PATCH 2/6] add width and height attributes to logo images for better
 responsiveness

---
 _layouts/layout.html     | 46 ++++++++++++++++++++++++++++++++++------
 _layouts/layout_hub.html |  2 ++
 2 files changed, 42 insertions(+), 6 deletions(-)

diff --git a/_layouts/layout.html b/_layouts/layout.html
index c0a8a581..8b2fa8d3 100644
--- a/_layouts/layout.html
+++ b/_layouts/layout.html
@@ -9,7 +9,12 @@
       <nav id="header-nav">
         <div class="page-container">
           <a href="/" id="corner-logo">
-            <img src="/media/img/srccon_logo_angle_512.png" alt="SRCCON Logo" />
+            <img
+              src="/media/img/srccon_logo_angle_512.png"
+              alt="SRCCON Logo"
+              width="512"
+              height="330"
+            />
           </a>
           <ul class="site-nav-links">
             <li><a href="https://srccon.org/#about-srccon-events">About</a></li>
@@ -45,25 +50,44 @@
           <h3>Partnership sponsors</h3>
           <div class="sponsor-list">
             <a href="https://vip.wordpress.com/" class="narrow-logo">
-              <img src="/media/img/partners/wordpress_vip2.png" alt="WordPress VIP" />
+              <img
+                src="/media/img/partners/wordpress_vip2.png"
+                alt="WordPress VIP"
+                width="200"
+                height="82"
+              />
             </a>
             <a href="https://www.nytimes.com/">
-              <img src="/media/img/partners/nyt.png" alt="The New York Times" />
+              <img
+                src="/media/img/partners/nyt.png"
+                alt="The New York Times"
+                width="200"
+                height="50"
+              />
             </a>
             <a href="https://newsinitiative.withgoogle.com/">
               <img
                 src="/media/img/partners/google_news_initiative.png"
                 alt="Google News Initiative"
+                width="200"
+                height="50"
               />
             </a>
             <a href="https://www.facebookjournalismproject.com" class="wide-logo">
               <img
                 src="/media/img/partners/facebook_journalism.png"
                 alt="Facebook Journalism Project"
+                width="200"
+                height="42"
               />
             </a>
             <a href="https://craignewmarkphilanthropies.org" class="wide-logo">
-              <img src="/media/img/partners/newmark.png" alt="Craig Newmark Philanthropies" />
+              <img
+                src="/media/img/partners/newmark.png"
+                alt="Craig Newmark Philanthropies"
+                width="200"
+                height="42"
+              />
             </a>
           </div>
         </div>
@@ -73,14 +97,24 @@ <h3>Partnership sponsors</h3>
             <div>
               <h3>Accessibility sponsor</h3>
               <a href="https://www.lenfestinstitute.org/" class="narrow-logo">
-                <img src="/media/img/partners/lenfest.png" alt="Lenfest Institute" />
+                <img
+                  src="/media/img/partners/lenfest.png"
+                  alt="Lenfest Institute"
+                  width="420"
+                  height="240"
+                />
               </a>
             </div>
             {% endif %} {% if page.section != 'scholarships' %}
             <div>
               <h3>Scholarship sponsor</h3>
               <a href="https://knightfoundation.org/">
-                <img src="/media/img/partners/knight_foundation.png" alt="Knight Foundation" />
+                <img
+                  src="/media/img/partners/knight_foundation.png"
+                  alt="Knight Foundation"
+                  width="480"
+                  height="150"
+                />
               </a>
             </div>
             {% endif %}
diff --git a/_layouts/layout_hub.html b/_layouts/layout_hub.html
index f80f1fed..f5a4c6a6 100644
--- a/_layouts/layout_hub.html
+++ b/_layouts/layout_hub.html
@@ -23,6 +23,8 @@
             <img
               src="{% if page.logo %}{{ page.logo }}{% else %}/media/img/srccon_logo_angle_512.png{% endif %}"
               alt="SRCCON Logo"
+              width="512"
+              height="330"
             />
           </a>
         </div>

From 51ebda9d6d1b2895b38d4ca6cee1b9d31794e91c Mon Sep 17 00:00:00 2001
From: Tiff Fehr <60173+tiffehr@users.noreply.github.com>
Date: Thu, 5 Mar 2026 12:07:12 -0500
Subject: [PATCH 3/6] enhance Typekit loading with timeout and fallback
 handling

---
 _includes/headmeta.html | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/_includes/headmeta.html b/_includes/headmeta.html
index 37d269f7..635e2655 100644
--- a/_includes/headmeta.html
+++ b/_includes/headmeta.html
@@ -30,7 +30,18 @@
 <script src="https://use.typekit.net/mvg8obr.js"></script>
 <script>
   try {
-    Typekit.load({ async: true });
+    Typekit.load({
+      async: true,
+      scriptTimeout: 1200,
+      classes: true,
+      events: true,
+      active: function () {
+        document.documentElement.classList.remove("fonts-fallback-locked");
+      },
+      inactive: function () {
+        document.documentElement.classList.add("fonts-fallback-locked");
+      },
+    });
   } catch (e) {}
 </script>
 

From 69a8a3bd7af4d454e6dc16135b6f54e736b3e84d Mon Sep 17 00:00:00 2001
From: Tiff Fehr <60173+tiffehr@users.noreply.github.com>
Date: Thu, 5 Mar 2026 12:07:22 -0500
Subject: [PATCH 4/6] refactor CSS for improved font loading and fallback
 handling

---
 media/css/style.css | 47 +++++++++++++++++++++++++++++++++------------
 1 file changed, 35 insertions(+), 12 deletions(-)

diff --git a/media/css/style.css b/media/css/style.css
index 6c53d64d..7c17f6dc 100644
--- a/media/css/style.css
+++ b/media/css/style.css
@@ -18,6 +18,41 @@ body {
   min-height: 100vh;
   font-family: freight-text-pro, serif;
 }
+
+/* Keep fallback font metrics stable while Typekit loads or fails. */
+html.wf-loading body,
+html.wf-inactive body,
+html.fonts-fallback-locked body {
+  font-family: Georgia, "Times New Roman", serif;
+}
+
+html.wf-loading header,
+html.wf-loading footer,
+html.wf-loading h1,
+html.wf-loading h2,
+html.wf-loading h3,
+html.wf-loading h4,
+html.wf-loading .button,
+html.wf-loading .main-footer,
+html.wf-inactive header,
+html.wf-inactive footer,
+html.wf-inactive h1,
+html.wf-inactive h2,
+html.wf-inactive h3,
+html.wf-inactive h4,
+html.wf-inactive .button,
+html.wf-inactive .main-footer,
+html.fonts-fallback-locked header,
+html.fonts-fallback-locked footer,
+html.fonts-fallback-locked h1,
+html.fonts-fallback-locked h2,
+html.fonts-fallback-locked h3,
+html.fonts-fallback-locked h4,
+html.fonts-fallback-locked .button,
+html.fonts-fallback-locked .main-footer {
+  font-family: "Helvetica Neue", Arial, sans-serif;
+}
+
 header,
 footer,
 h1,
@@ -114,7 +149,6 @@ h4 {
   padding-top: 2rem;
   z-index: 1;
   clear: both;
-  color: silver;
   color: #fc6e1f;
 }
 .page-divider span {
@@ -132,8 +166,6 @@ h4 {
   margin-bottom: 2em;
 }
 
-.hub .upcoming-event h3 {
-}
 .hub .upcoming-event div {
   font-family: sofia-pro, sans-serif;
   font-size: 0.9em;
@@ -143,8 +175,6 @@ h4 {
   margin: 0 0 0.4em;
   line-height: 1.5;
 }
-.hub .upcoming-event .when-where {
-}
 .hub .upcoming-event .next-thing {
   font-size: 0.7em;
 }
@@ -203,10 +233,6 @@ header #header-image {
   background-image: url(/media/img/backgrounds/lifevests.jpg);
   background-position: 0 0;
 }
-.volunteer #header-image {
-  background-image: url(/media/img/backgrounds/volunteer.jpg);
-  background-position: 0 -225px;
-}
 .sessions #header-image {
   background-image: url(/media/img/backgrounds/sessions.jpg);
   background-position: 0 -200px;
@@ -528,9 +554,6 @@ table a.session-transcript {
   margin-bottom: 1em;
 }
 
-.hub table.time-blocks thead {
-}
-
 .hub table.time-blocks ul {
   margin: 0 0 0 0;
   padding: 0 0 10px 25px;

From 254e269bc69e07a0b3c7d2bf27bc855d5370fb32 Mon Sep 17 00:00:00 2001
From: Tiff Fehr <60173+tiffehr@users.noreply.github.com>
Date: Thu, 5 Mar 2026 12:09:57 -0500
Subject: [PATCH 5/6] update newsletter links to use HTTPS for improved
 security

---
 homepage.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/homepage.md b/homepage.md
index 22446ffe..e9c61c21 100644
--- a/homepage.md
+++ b/homepage.md
@@ -29,10 +29,10 @@ permalink: /
     <li class="upcoming-event">
         <h3>SRCCON 2026</h3>
         <div class="when-where">July 8-9 2026, in Minneapolis</div>
-        <div>Keep an eye on our <a href="http://eepurl.com/czSVTL">newsletter</a> for updates</div>
+        <div>Keep an eye on our <a href="https://eepurl.com/czSVTL">newsletter</a> for updates</div>
         <p class="description">The biggest SRCCON of the year, where 300 people who care deeply about journalism and their communities come together to talk about the technical and cultural changes that can transform our work.</p>
         <div class="next-thing">&rarrhk; <strong><a href="https://2026.srccon.org/">Our call for participation is open!</a></strong> Pitch a session or apply for travel support by March 8.</div>
-        <!-- <div class="next-thing">&rarrhk; <a href="http://eepurl.com/czSVTL">Sign up for our newsletter to get updates on upcoming deadlines.</a></div> -->
+        <!-- <div class="next-thing">&rarrhk; <a href="https://eepurl.com/czSVTL">Sign up for our newsletter to get updates on upcoming deadlines.</a></div> -->
     </li>
 </ul>
 

From 2c7b88fa679162293b30da9aab27df509f692c78 Mon Sep 17 00:00:00 2001
From: Tiff Fehr <60173+tiffehr@users.noreply.github.com>
Date: Thu, 5 Mar 2026 16:15:11 -0500
Subject: [PATCH 6/6] add preload link for logo image to improve loading
 performance

---
 _layouts/layout_hub.html | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/_layouts/layout_hub.html b/_layouts/layout_hub.html
index f5a4c6a6..c7d14944 100644
--- a/_layouts/layout_hub.html
+++ b/_layouts/layout_hub.html
@@ -2,6 +2,12 @@
 <html lang="en-US">
   <head>
     {% include headmeta.html %}
+    <link
+      rel="preload"
+      href="{% if page.logo %}{{ page.logo }}{% else %}/media/img/srccon_logo_angle_512.png{% endif %}"
+      as="image"
+      fetchpriority="high"
+    />
   </head>
 
   <body class="hub{% if page.section %} {{ page.section }}{% endif %}">