Merge pull request #310 from savetheclocktower/11ty-migration-final-touches

confused-Techie · web-flow · commit 413bd1a97c7b · 2025-08-30T20:49:46.000-07:00
11ty-migration final touches
diff --git a/layouts/header.ejs b/layouts/header.ejs
@@ -13,6 +13,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="color-scheme" id="meta-scheme" content="">
     <meta property="og:title" content="<%= title %>">
+    <link rel="icon" href="/static/favicon/favicon.ico" sizes="any">
+    <link rel="icon" href="/static/favicon/favicon.svg" type="image/svg+xml">
     <script type="text/javascript">
       {
         // Populate the theme as early as possible to prevent a flash on load.
diff --git a/layouts/home.ejs b/layouts/home.ejs
@@ -96,16 +96,20 @@
 
   <%- content %>
 
-  <hr>
-  <div class="sponsors">
-    <h1>Our Sponsors</h1>
-    <h3>Thank you to the following organizations for sponsoring our project!</h3>
-    <div class="sponsors_link">
-      <a href="https://tutanota.com/" target="_blank">
-        <img src="/static/tutanota-logo.webp" alt="tutanota.com">
-      </a>
+  <section class="sponsors">
+    <div class="sponsors__inner">
+      <header>
+        <h2>Thank you to the following organizations for sponsoring our project!</h2>
+      </header>
+      <div class="sponsors__content">
+        <div class="sponsors__link">
+          <a href="https://tutanota.com/" target="_blank">
+            <img src="/static/tutanota-logo.webp" alt="tutanota.com" class="sponsors__logo">
+          </a>
+        </div>
+      </div>
     </div>
-  </div>
+  </section>
 
   <%- include("page_footer") %>
 </body>
diff --git a/less/home.less b/less/home.less
@@ -100,5 +100,20 @@
 }
 
 .sponsors {
-  text-align: center;
+  .top-level-element();
+
+  &__heading {
+    text-wrap: balance;
+  }
+
+  &__inner {
+    text-align: center;
+    border-top: 1px solid var(--thematic-break-color);
+    padding-top: 3rem;
+    margin: 0 0 3rem;
+  }
+
+  &__logo {
+    max-width: 80vw;
+  }
 }
diff --git a/less/page-header.less b/less/page-header.less
@@ -109,14 +109,18 @@
   .page-header .page-header {
     &__items {
       flex-direction: row;
+      flex-wrap: wrap;
     }
   }
 }
 
+:root {
+  // Allow the page header to grow to accommodate navigation items when they
+  // wrap to a second row.
+  --page-header-height: auto !important;
+}
+
 @media (min-width: @bp-larger-than-tablet) {
-  :root {
-    --page-header-height: 55px;
-  }
   .page-header {
     &__content {
       flex-direction: row !important;
diff --git a/static/favicon/favicon.ico b/static/favicon/favicon.ico
diff --git a/static/favicon/favicon.svg b/static/favicon/favicon.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 128 128">
+  <circle cx="64" cy="64" r="60" fill="#662d91" stroke-width="0"/>
+  <g>
+    <circle cx="64" cy="64" r="9.6" fill="#fff" stroke-width="0"/>
+    <path d="M53.1,72.3c-.6,0-1.3.3-1.8.8-.8.8-1,1.9-.6,2.8l-5.2,2-21.4,25.5.5.5,25.5-21.4,2-5.2c.3.1.6.2,1,.2.6,0,1.3-.3,1.8-.8,1-1,1-2.6,0-3.6-.5-.5-1.1-.7-1.8-.7h0Z" fill="#fff" stroke-width="0"/>
+    <path d="M49,100.3c2.4,0,5-.3,7.7-.9,9.4-2.1,18.9-7.7,27-15.8,5.4-5.4,9.8-11.6,12.7-18l-2.5-2.4-.2.5v.3c-2.9,6.1-7,12.1-12.3,17.3-7.6,7.6-16.7,12.9-25.4,14.9-6.5,1.5-12.3,1-16.7-1.5l-2.6,2.2c3.5,2.2,7.6,3.3,12.4,3.3h0Z" fill="#fff" stroke-width="0"/>
+    <path d="M58.8,90.9c-3-1.7-5.3-3.4-8-5.7l-2.5,2.1c2.2,1.9,4.5,3.6,6.9,5.2.9-.3,2.8-1.1,3.6-1.6h0Z" fill="#fff" stroke-width="0"/>
+    <path d="M77.8,45.6l-2,5.2c-.3-.1-.6-.2-1-.2-.6,0-1.3.3-1.8.8-1,1-1,2.6,0,3.6.5.5,1.1.8,1.8.8s1.3-.3,1.8-.8c.8-.8,1-1.9.6-2.8l5.2-2,21.4-25.5-.5-.5-25.6,21.4Z" fill="#fff" stroke-width="0"/>
+    <path d="M49.5,71.2c.2-.2.3-.3.5-.4-1-2.1-1.6-4.3-1.6-6.8,0-8.6,7-15.5,15.5-15.5s4.7.6,6.8,1.6c.2-.2.3-.4.4-.5.8-.8,1.8-1.3,2.9-1.4l.4-1.1c-3.1-1.9-6.7-3-10.5-3-11.1,0-20.1,9-20.1,20.1s1.1,7.5,3,10.5l1.1-.4c.2-1.1.7-2.2,1.5-3h0Z" fill="#fff" stroke-width="0"/>
+    <path d="M78.5,56.7c-.2.2-.3.3-.5.4,1,2.1,1.6,4.3,1.6,6.8,0,8.6-7,15.5-15.5,15.5s-4.7-.6-6.8-1.6c-.2.2-.3.4-.4.5-.8.8-1.8,1.3-2.9,1.4l-.4,1.1c3.1,1.9,6.7,3,10.5,3,11.1,0,20.1-9,20.1-20.1s-1.1-7.5-3-10.5l-1.1.4c-.2,1.1-.7,2.2-1.5,3h0Z" fill="#fff" stroke-width="0"/>
+    <path d="M33.5,33.5c-5.4,5.4-7.1,13.6-5,23.2,1.8,7.9,6,15.9,12.1,23l2.1-2.5c-5.6-6.7-9.4-14-11.1-21.2-1.9-8.5-.5-15.7,4.1-20.2,8.8-8.8,26.6-5.5,41.5,7l2.5-2.1c-16.2-13.8-36.2-17.2-46.2-7.2Z" fill="#fff" stroke-width="0"/>
+    <path d="M87.3,48.2l-2.1,2.5c12.5,14.9,15.8,32.7,7,41.5-4.1,4.1-10.7,5.7-18.2,4.5-1.4.9-2.9,1.7-4.3,2.4,3.2.8,6.2,1.3,9.1,1.3,6.3,0,11.8-2,15.6-5.9,10-10.1,6.7-30.1-7.2-46.3h0Z" fill="#fff" stroke-width="0"/>
+    <path d="M71.2,28.5c-9.4,2.1-18.9,7.7-27,15.8-15.3,15.3-20.7,35.3-13.4,47l2.2-2.6c-5.8-10.5-.4-28.3,13.4-42.1,7.6-7.6,16.7-12.9,25.4-14.9,6.5-1.5,12.3-1,16.7,1.4l2.6-2.2c-5.2-3.3-12.2-4.2-20.1-2.4Z" fill="#fff" stroke-width="0"/>
+    <path d="M97,36.7l-2.2,2.6c1.8,3.3,2.5,7.5,2.1,12.3,1,1.5,1.8,3,2.6,4.5,1.6-7.6.7-14.3-2.5-19.4Z" fill="#fff" stroke-width="0"/>
+  </g>
+</svg>

Original file line number	Diff line number	Diff line change
`@@ -13,6 +13,8 @@`
`13`	`13`	`<meta name="viewport" content="width=device-width, initial-scale=1">`
`14`	`14`	`<meta name="color-scheme" id="meta-scheme" content="">`
`15`	`15`	`<meta property="og:title" content="<%= title %>">`
	`16`	`+ <link rel="icon" href="/static/favicon/favicon.ico" sizes="any">`
	`17`	`+ <link rel="icon" href="/static/favicon/favicon.svg" type="image/svg+xml">`
`16`	`18`	`<script type="text/javascript">`
`17`	`19`	`{`
`18`	`20`	`// Populate the theme as early as possible to prevent a flash on load.`