Format conference kit changes

Author: hasparus

scripts/render-conference-kit-banners.ts

@@ -72,11 +72,14 @@ async function main() {
 
     const zipPath = path.join(PUBLIC_DIR, "banners.zip")
     await rm(zipPath, { force: true })
-    await exec(
-      "zip",
-      ["-j", zipPath, ...BANNERS.map(b => path.join(tmpDir, `${b.slug}.png`))],
+    await exec("zip", [
+      "-j",
+      zipPath,
+      ...BANNERS.map(b => path.join(tmpDir, `${b.slug}.png`)),
+    ])
+    console.log(
+      `[render-banners] wrote ${path.relative(process.cwd(), zipPath)}`,
     )
-    console.log(`[render-banners] wrote ${path.relative(process.cwd(), zipPath)}`)
   } finally {
     await rm(tmpDir, { recursive: true, force: true })
   }

src/app/conf/conference-kit/_components/amsterdam-banner.tsx

@@ -62,7 +62,7 @@ export function AmsterdamBanner() {
             fill
             sizes="250px"
             placeholder="empty"
-            className="hue-rotate-[-5deg] object-cover opacity-80"
+            className="object-cover opacity-80 hue-rotate-[-5deg]"
           />
         </div>
         <div className="flex flex-col gap-2 border-l border-white/10 p-[18px_18px_16px]">

src/app/conf/conference-kit/_components/language-banner.tsx

@@ -59,7 +59,7 @@ export function LanguageBanner() {
         <MobileDiagram step={1} className="block overflow-visible" />
         <div className="pointer-events-none absolute inset-0 flex items-center justify-center">
           <div
-            className={`${wiresStyles.highlightsQuery} py-3 backdrop-blur-xl bg-[#0A0B08]/30 border border-sec-base/25`}
+            className={`${wiresStyles.highlightsQuery} border border-sec-base/25 bg-[#0A0B08]/30 py-3 backdrop-blur-xl`}
             style={{ ["--highlight-opacity" as string]: 1 }}
           >
             <CityQuerySnippet />

src/components/code-blocks/index.tsx

@@ -64,4 +64,3 @@ export const QueryHeroFriends = () => (
 export const ResponseHeroFriends = () => (
   <_ResponseHeroFriends components={components} />
 )
-