Merge branch 'ep2025' into ep2025-issue-navbar

Author: clytaemnestra

Dockerfile

@@ -8,3 +8,8 @@ RUN corepack enable
 RUN pnpm config set store-dir /home/node/.local/share/pnpm/store
 
 WORKDIR /app
+
+COPY package.json pnpm-lock.yaml ./
+RUN pnpm install
+
+RUN mkdir -p /app/src

astro.config.mjs

@@ -90,7 +90,9 @@ export default defineConfig({
     metaTags(),
     pagefind(),
     deleteUnusedImages(),
-    compress(),
+    (await import("astro-compress")).default({
+      SVG: false,
+    }),
   ],
   output: "static",
   build: {

docker-compose.yml

@@ -3,11 +3,16 @@ services:
     build:
       context: .
       dockerfile: Dockerfile
-    entrypoint: ["bash", "-c"]
-    command: ["pnpm install && pnpm run dev --host 0.0.0.0"]
-    volumes:
-      - .:/app
+    command: ["pnpm", "run", "dev", "--host", "0.0.0.0"]
     ports:
       - "4321:4321"
     environment:
       - ASTRO_TELEMETRY_DISABLED=1
+      - NODE_ENV=development
+    volumes:
+      - .:/app
+      - node_modules:/app/node_modules
+      - .pnpm-store:/app/.pnpm-store
+
+volumes:
+  node_modules:

public/social/bg2.png

@@ -6,7 +6,7 @@ const puppeteer = require("puppeteer");
     args: ["--no-sandbox", "--disable-setuid-sandbox"],
   });
   const page = await browser.newPage();
-  await page.goto("http://localhost:4321/media/social_media_cards");
+  await page.goto("http://localhost:4321/media/speakers");
 
   const elements = await page.$$(".social");
 

public/social/bg3.png

@@ -0,0 +1,114 @@
+---
+import { getEntry } from "astro:content";
+import { sponsorLogos } from "@data/sponsorLogos";
+
+const { sponsor } = Astro.props;
+
+const {
+  name: title,
+  url: website,
+  logo_padding = false,
+} = sponsor.data;
+
+
+const logo = sponsorLogos[sponsor.id];
+// Assuming logo.width and logo.height are known
+const targetWidth = 400;
+const originalWidth = logo.width;
+const originalHeight = logo.height;
+const aspectRatio = originalWidth / originalHeight;
+
+let width = targetWidth;
+let height = width / aspectRatio;
+
+const maxHeight = 220;
+if (height > maxHeight) {
+  height = maxHeight;
+  width = height * aspectRatio ;
+}
+
+const x = 450 - width / 2;
+const y = 650 - height / 2;
+
+---
+<svg width="900" height="900" class="h-full w-full -z-10">
+  <image href="/social/bg4.png" width="900" height="900" />
+</svg>
+    <svg width="900" height="900">
+
+<image
+  class="sponsor_logo"
+  href={logo.src}
+  x={x}
+  y={y}
+  width={width}
+  height={height}
+  style={{
+    padding: logo_padding ? logo_padding : undefined,
+  }}
+  clip-path="url(#curvedCornerClip)"
+  preserveAspectRatio="xMidYMid meet"
+/>
+    </svg>
+
+<p lang="en" class="box2 fit-text">
+{title}
+</p>
+
+
+<style>
+  .box {
+      margin-top:250px;
+      width: 630px;
+      height: 150px;
+      font-size: 100px;
+      color: rgb(239, 215, 123);
+      padding: 1rem;
+      opacity: 0;
+  }
+
+  .box2 {
+      margin-top:320px;
+      margin-left:150px;
+      width: 640px;
+      height: 180px;
+      font-size: 70px;
+      color:white;
+      padding: 2rem;
+  }
+
+  .box3 {
+      margin-top:280px;
+      width: 800px;
+      height: 300px;
+      font-size: 100px;
+      color: rgb(239, 215, 123);
+      padding: 1rem;
+  }
+
+  .box4 {
+
+      width: 580px;
+      height: 200px;
+      font-size: 70px;
+      color:white;
+      padding: 2rem;
+  }
+
+
+  .box, .box2, .box3, .box4 {
+      box-sizing: border-box;
+      overflow: hidden;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      font-family: Inter, sans-serif !important;
+      font-weight: bold;
+      line-height: 1em;
+    }
+
+  .sponsor_logo {
+    max-height:120px;
+  }
+</style>