compose.yml

@@ -4,43 +4,20 @@ services:
       context: .
       dockerfile: Dockerfile
       args:
-        PUBLIC_POCKETBASE_URL: ${PUBLIC_POCKETBASE_URL}
+        PUBLIC_POCKETBASE_URL: https://pb.data.lio.systems
-        PUBLIC_TITLE: ${PUBLIC_TITLE}
+        PUBLIC_TITLE: Astro Gallery
-        PUBLIC_DESCRIPTION: ${PUBLIC_DESCRIPTION}
+        PUBLIC_DESCRIPTION: This is my Gallery Site
-        PUBLIC_USEICONS: ${PUBLIC_USEICONS}
+        PUBLIC_USEICONS: true
-    env_file: .env
-    labels:
-      caddy: lion.gay
-      caddy.reverse_proxy: "{{upstreams 4321}}"
-  pocketbase:
-    image: ghcr.io/muchobien/pocketbase:latest
-    container_name: pocketbase
-    restart: unless-stopped
-    labels:
-      caddy: pocket.fangs.app
-      caddy.reverse_proxy: "{{upstreams 8090}}"
-  caddy:
-    container_name: "caddy"
-    image: videah/caddy-proxy:latest
     ports:
-      - "80:80"
+      - 4321:4321
-      - "443:443"
+    env_file:
-      - "443:443/udp"
+      - .env
-    environment:
+      # - PUBLIC_POCKETBASE_URL=https://pb.data.lio.systems
-      - CADDY_INGRESS_NETWORKS=caddy
+      # - PUBLIC_TITLE=Astro Gallery
-    networks:
+      # - PUBLIC_DESCRIPTION=This is my Gallery Site
-      - caddy
+      # - PUBLIC_USEICONS=true
-    volumes:
+    # build:
-      - /var/run/docker.sock:/var/run/docker.sock
+    #   context: .
-      - caddy_data:/data
+    #   dockerfile: Dockerfile
-    restart: unless-stopped
+    #   args:
-    labels:
+    #     PUBLIC_HOST: http://localhost:4321
-      caddy.email: "caddy@lion.gay"
-      caddy.encode: zstd gzip
-
-networks:
-  caddy:
-    external: true
-
-volumes:
-  caddy_data: {}

src/components/Card.astro

@@ -9,7 +9,7 @@ if (image) {
 }
 ---
 
-<div class="relative max-w-xl mx-auto mt-20 h-32 w-55">
+<div class="relative max-w-xl mx-auto mt-20 h-32 w-64">
   <a href={href} class="block">
     {
       image && (

src/pages/characters/index.astro

@@ -15,7 +15,7 @@ export const prerender = false;
   <div class="flex flex-col">
     <h1 class="text-3xl text-center pt-8">Characters</h1>
     <div
-      class="grid grid-cols-2 xl:grid-cols-4 gap-4 columns-2 md:columns-4 self-center p-4"
+      class="grid grid-cols-2 xl:grid-cols-4 gap-4 columns-2 md:columns-4 self-center"
     >
       {
         [...characters].map((c) => (