Code formatting with pnpm format.

src/components/BaseHead.astro

@@ -53,4 +53,8 @@ const { title, description, image = "/social-card.png" } = Astro.props;
 <meta http-equiv="X-Clacks-Overhead" content="GNU Oier Etxaniz" />
 <meta http-equiv="X-Clacks-Overhead" content="GNU Russel Winder" />
 
-<script defer is:inline data-domain="ep2025.europython.eu" src="https://plausible.io/js/script.js"></script>
+<script
+  defer
+  is:inline
+  data-domain="ep2025.europython.eu"
+  src="https://plausible.io/js/script.js"></script>

src/components/accent/accent.astro

@@ -4,9 +4,9 @@ import clockImage from "./astronomical_clock.svg";
 ---
 
 <div class="bg-body-background overflow-hidden">
-  <div class="w-[250px] -mx-20 h-auto self-end absolute top-0 right-0 translate-x-14 hidden lg:block">
-    <Image
-      src={clockImage}
-      alt=""
-    />
+  <div
+    class="w-[250px] -mx-20 h-auto self-end absolute top-0 right-0 translate-x-14 hidden lg:block"
+  >
+    <Image src={clockImage} alt="" />
   </div>
+</div>

src/components/button-link/button-link.astro

@@ -1,5 +1,5 @@
 ---
-import type React from 'react';
+import type React from "react";
 
 export interface Props {
   url?: string;
@@ -10,8 +10,15 @@ export interface Props {
   isExternal?: boolean;
 }
 
-const { url, className = "", secondary = false, disabled = false, isExternal} = Astro.props;
-const resolvedIsExternal = isExternal !== undefined ? isExternal : url?.startsWith("http");
+const {
+  url,
+  className = "",
+  secondary = false,
+  disabled = false,
+  isExternal,
+} = Astro.props;
+const resolvedIsExternal =
+  isExternal !== undefined ? isExternal : url?.startsWith("http");
 ---
 
 <a
@@ -24,9 +31,9 @@ const resolvedIsExternal = isExternal !== undefined ? isExternal : url?.startsWi
 >
   <slot />
 
-  {resolvedIsExternal && (
-    <span class="inline-block ml-1 font-system text-lg leading-4">
-      ↗
-    </span>
-  )}
+  {
+    resolvedIsExternal && (
+      <span class="inline-block ml-1 font-system text-lg leading-4">↗</span>
+    )
+  }
 </a>

src/components/card/card.astro

@@ -13,7 +13,9 @@ export interface Props {
 const { title, subtitle, url, image } = Astro.props;
 ---
 
-<div class="block min-w-[250px] w-full md:w-[40%] lg:w-[30%] p-4 bg-[#D5D6E6] rounded-2xl text-center flex flex-col">
+<div
+  class="block min-w-[250px] w-full md:w-[40%] lg:w-[30%] p-4 bg-[#D5D6E6] rounded-2xl text-center flex flex-col"
+>
   <a href={url} class="block">
     <div class="relative w-full mb-4">
       <Image
@@ -32,10 +34,11 @@ const { title, subtitle, url, image } = Astro.props;
     </a>
     <slot />
   </div>
-  <a class="text-xs px-2 py-1 mt-4 bg-[#141F36] text-white rounded-[10px] inline-block w-fit mx-auto leading-4 hover:bg-button-hover not-prose mt-auto" href={url}>
+  <a
+    class="text-xs px-2 py-1 mt-4 bg-[#141F36] text-white rounded-[10px] inline-block w-fit mx-auto leading-4 hover:bg-button-hover not-prose mt-auto"
+    href={url}
+  >
     {subtitle}
-    <span class="inline-block ml-1 font-system text-lg leading-4">
-      ↗
-    </span>
+    <span class="inline-block ml-1 font-system text-lg leading-4"> ↗ </span>
   </a>
 </div>

src/components/footer.astro

@@ -16,19 +16,19 @@ const gitVersion = import.meta.env.GIT_VERSION;
       <nav class="mb-12">
         <h6 class="font-bold text-xl mb-6">Quicklinks</h6>
         <ul>
-        {
-          links.footer.map((item) => (
-            <li class="list-none">
-              <a
-                href={item.path}
-                class="block font-bold text-4xl md:text-5xl mb-4 hover:text-primary-hover"
-              >
-                {item.name}
-                {item.path.startsWith("http") ? <span> ↗</span> : null}
-              </a>
-            </li>
-          ))
-        }
+          {
+            links.footer.map((item) => (
+              <li class="list-none">
+                <a
+                  href={item.path}
+                  class="block font-bold text-4xl md:text-5xl mb-4 hover:text-primary-hover"
+                >
+                  {item.name}
+                  {item.path.startsWith("http") ? <span> ↗</span> : null}
+                </a>
+              </li>
+            ))
+          }
         </ul>
       </nav>
     </div>
@@ -104,6 +104,5 @@ const gitVersion = import.meta.env.GIT_VERSION;
         </p>
       </div>
     </article>
-
   </footer>
 </Fullbleed>

src/components/header/header-actions.astro

@@ -13,13 +13,16 @@ const IS_LIVE = false;
 ---
 
 <div class="ml-auto flex items-center space-x-4">
-  <Search id="search" className="pagefind-ui" uiOptions={{
-
+  <Search
+    id="search"
+    className="pagefind-ui"
+    uiOptions={{
       showImages: false,
       translations: {
-        zero_results: "Couldn't find [SEARCH_TERM]"
-      }
-    }} />
+        zero_results: "Couldn't find [SEARCH_TERM]",
+      },
+    }}
+  />
   {
     !mobile ? (
       <>
@@ -43,118 +46,118 @@ const IS_LIVE = false;
   </label>
 </div>
 <script>
-document.addEventListener("DOMContentLoaded", function () {
+  document.addEventListener("DOMContentLoaded", function () {
     const searchContainer = document.querySelector(".pagefind-ui");
     const searchInput = searchContainer?.querySelector("input");
     let selectedIndex = -1;
 
     function updateSelection() {
-        const results = searchContainer?.querySelectorAll(".pagefind-ui__result");
-        if (!results) return;
+      const results = searchContainer?.querySelectorAll(".pagefind-ui__result");
+      if (!results) return;
 
-        results.forEach((result, index) => {
-            if (index === selectedIndex) {
-                result.classList.add("selected");
-                result.scrollIntoView({ block: "nearest", behavior: "smooth" });
-            } else {
-                result.classList.remove("selected");
-            }
-        });
+      results.forEach((result, index) => {
+        if (index === selectedIndex) {
+          result.classList.add("selected");
+          result.scrollIntoView({ block: "nearest", behavior: "smooth" });
+        } else {
+          result.classList.remove("selected");
+        }
+      });
     }
 
     document.addEventListener("keydown", function (event) {
-        if (!searchContainer || !searchInput) return;
+      if (!searchContainer || !searchInput) return;
 
-        const results = searchContainer.querySelectorAll(".pagefind-ui__result");
-        if (document.activeElement === searchInput) {
-            if (event.key === "ArrowDown") {
-                event.preventDefault();
-                selectedIndex = (selectedIndex + 1) % results.length;
-                updateSelection();
-            } else if (event.key === "ArrowUp") {
-                event.preventDefault();
-                selectedIndex = (selectedIndex - 1 + results.length) % results.length;
-                updateSelection();
-            } else if (event.key === "Enter" && selectedIndex >= 0) {
-                event.preventDefault();
-                results[selectedIndex].querySelector("a")?.click();
-            }
+      const results = searchContainer.querySelectorAll(".pagefind-ui__result");
+      if (document.activeElement === searchInput) {
+        if (event.key === "ArrowDown") {
+          event.preventDefault();
+          selectedIndex = (selectedIndex + 1) % results.length;
+          updateSelection();
+        } else if (event.key === "ArrowUp") {
+          event.preventDefault();
+          selectedIndex = (selectedIndex - 1 + results.length) % results.length;
+          updateSelection();
+        } else if (event.key === "Enter" && selectedIndex >= 0) {
+          event.preventDefault();
+          results[selectedIndex].querySelector("a")?.click();
         }
+      }
     });
 
     // Reset selection when the search query changes
     searchInput?.addEventListener("input", function () {
-        selectedIndex = -1;
+      selectedIndex = -1;
     });
-
-});
+  });
 </script>
 <style is:global>
- .pagefind-ui__result.selected {
-     background-color: #f5f5f5;
-     background-image: linear-gradient(to right, #3684B6 7px, transparent 5px);
-     -webkit-transform: translate3d(0, 0, 0);
-     transform: translate3d(0, 0, 0);
-}
- .pagefind-ui__drawer {
-}
- .pagefind-ui__message {
-     margin: 1em;
-}
- .pagefind-ui__result mark {
-     background: #F9EB5D;
-     background-image: linear-gradient(to right, #F9EB5D 10%, #FCF4A7 100%);
-     margin: 4px;
-     padding-right: 6px;
-     padding-left: 6px;
-     padding-top: 2px;
-     padding-bottom: 2px;
-     color: #000000;
-     font-family: monospace;
-     border-radius: 4px;
-}
- .pagefind-ui {
-     --pagefind-ui-scale: 1;
-     --pagefind-ui-primary: #141f36;
-     --pagefind-ui-text: black;
-     --pagefind-ui-border: #d8d8d8;
-     --pagefind-ui-border-width: 2px;
-     --pagefind-ui-border-radius: 0;
-     width: 50%;
-}
- .pagefind-ui.yellow {
-     --pagefind-ui-background: #efc302;
-}
- .pagefind-ui.red {
-     --pagefind-ui-background: #ffb9bb;
-     width: 50%;
-}
- .pagefind-ui .pagefind-ui__drawer:not(.pagefind-ui__hidden) {
-     position: absolute;
-     left: auto;
-     right: 0;
-     margin-top: 0px;
-     width:50vw;
-     z-index: 9999;
-     overflow-y: auto;
-     box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
-     border-bottom-right-radius: var(--pagefind-ui-border-radius);
-     border-bottom-left-radius: var(--pagefind-ui-border-radius);
-     background-color: var(--pagefind-ui-background);
-}
- .pagefind-ui__result{
-     padding: 0 2em 1em !important;
-}
- .pagefind-ui .pagefind-ui__result-link {
-     color: var(--pagefind-ui-primary);
-}
- .pagefind-ui .pagefind-ui__result-excerpt {
-     color: var(--pagefind-ui-text);
-}
- @media (max-width: 1280px) {
-     .pagefind-ui {
-         display:none;
+  .pagefind-ui__result.selected {
+    background-color: #f5f5f5;
+    background-image: linear-gradient(to right, #3684b6 7px, transparent 5px);
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  .pagefind-ui__drawer {
+  }
+  .pagefind-ui__message {
+    margin: 1em;
+  }
+  .pagefind-ui__result mark {
+    background: #f9eb5d;
+    background-image: linear-gradient(to right, #f9eb5d 10%, #fcf4a7 100%);
+    margin: 4px;
+    padding-right: 6px;
+    padding-left: 6px;
+    padding-top: 2px;
+    padding-bottom: 2px;
+    color: #000000;
+    font-family: monospace;
+    border-radius: 4px;
+  }
+  .pagefind-ui {
+    --pagefind-ui-scale: 1;
+    --pagefind-ui-primary: #141f36;
+    --pagefind-ui-text: black;
+    --pagefind-ui-border: #d8d8d8;
+    --pagefind-ui-border-width: 2px;
+    --pagefind-ui-border-radius: 0;
+    width: 50%;
+  }
+  .pagefind-ui.yellow {
+    --pagefind-ui-background: #efc302;
+  }
+  .pagefind-ui.red {
+    --pagefind-ui-background: #ffb9bb;
+    width: 50%;
+  }
+  .pagefind-ui .pagefind-ui__drawer:not(.pagefind-ui__hidden) {
+    position: absolute;
+    left: auto;
+    right: 0;
+    margin-top: 0px;
+    width: 50vw;
+    z-index: 9999;
+    overflow-y: auto;
+    box-shadow:
+      0 10px 10px -5px rgba(0, 0, 0, 0.2),
+      0 2px 2px 0 rgba(0, 0, 0, 0.1);
+    border-bottom-right-radius: var(--pagefind-ui-border-radius);
+    border-bottom-left-radius: var(--pagefind-ui-border-radius);
+    background-color: var(--pagefind-ui-background);
+  }
+  .pagefind-ui__result {
+    padding: 0 2em 1em !important;
+  }
+  .pagefind-ui .pagefind-ui__result-link {
+    color: var(--pagefind-ui-primary);
+  }
+  .pagefind-ui .pagefind-ui__result-excerpt {
+    color: var(--pagefind-ui-text);
+  }
+  @media (max-width: 1280px) {
+    .pagefind-ui {
+      display: none;
     }
-}
-
+  }
 </style>

src/components/header/header-button.astro

@@ -18,7 +18,6 @@ const { href, variant = "standard" } = Astro.props;
       "bg-red": variant === "live",
     },
   ]}
-
   role="button"
   href={href}
 >

src/components/header/header-logo.astro

@@ -4,12 +4,9 @@ import { Logo } from "../logo";
 interface Props {
   inverted?: boolean;
 }
-
 ---
 
 <a href="/">
   <Logo className="w-11 h-auto mr-4 block md:hidden" />
-  <Logo
-    className="h-auto hidden md:block w-full pr-3 lg:pr-8"
-  />
+  <Logo className="h-auto hidden md:block w-full pr-3 lg:pr-8" />
 </a>