Thank you!

gleam-lang · Aug 16, 2024 · a1a64ed · a1a64ed
1 parent b4b5e2b
commit a1a64ed
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 10 deletions.
diff --git a/_layouts/layout.html b/_layouts/layout.html
@@ -38,7 +38,7 @@
       data-domain="gleam.run"
       src="https://plausible.io/js/plausible.js"
     ></script>
-    <link rel="stylesheet" href="/styles/main.css" />
+    <link rel="stylesheet" href="/styles/main.css?v=1" />
 
     {% for preload in page.preload %}
     <link rel="preload" href="{{ preload.href }}" as="{{ preload.as }}" />

diff --git a/index.html b/index.html
@@ -34,14 +34,35 @@
   <section class="home-top-sponsors">
     <div class="content">
       <h2>Kindly supported by</h2>
-      <a
-        class="sponsor-level1"
-        href="https://lambdaclass.com/"
-        rel="noopener"
-        target="_blank"
-      >
-        <img src="/images/sponsors/lambda-class-black.png" alt="Lambda Class" />
-      </a>
+      <ul>
+        <li>
+          <a
+            class="sponsor-level1"
+            href="https://lambdaclass.com/"
+            rel="noopener"
+            target="_blank"
+          >
+            <img
+              src="/images/sponsors/lambda-class-black.png"
+              alt="Lambda Class"
+            />
+          </a>
+        </li>
+        <li>
+          <a
+            class="sponsor-level1"
+            href="https://fly.io"
+            rel="noopener"
+            target="_blank"
+          >
+            <img
+              src="/images/sponsors/fly.svg"
+              alt="Fly"
+              style="height: 115px"
+            />
+          </a>
+        </li>
+      </ul>
       <a
         class="sponsor-level0"
         href="https://github.com/sponsors/lpil"

diff --git a/styles/main.css b/styles/main.css
@@ -347,6 +347,26 @@ main.content {
   margin: 0;
 }
 
+.home-top-sponsors ul {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-evenly;
+  gap: var(--gap-2);
+  padding: 0;
+  margin: 0;
+  width: 100%;
+}
+
+.home-top-sponsors li {
+  list-style: none;
+}
+
+.home-top-sponsors img {
+  max-width: 100%;
+}
+
 .home-top-sponsors a {
   color: var(--color-black);
 }
@@ -379,7 +399,7 @@ main.content {
 }
 
 .sponsor-level1 img {
-  height: 110px;
+  height: 100px;
 }
 
 .sponsor-level2 img {