diff --git a/src/components/Image.astro b/src/components/Image.astro
index a36a4ef..b95e997 100644
--- a/src/components/Image.astro
+++ b/src/components/Image.astro
@@ -1,5 +1,4 @@
 ---
-import { Picture as AstroPic } from "astro:assets";
 const { src, alt, nsfw } = Astro.props;
 ---
 
diff --git a/src/components/IndexSidebar.astro b/src/components/IndexSidebar.astro
index a15e21e..cb84869 100644
--- a/src/components/IndexSidebar.astro
+++ b/src/components/IndexSidebar.astro
@@ -1,40 +1,44 @@
 ---
 import { Image } from "astro:assets";
-import config from "../../config.yaml";
 import Social from "./Social.astro";
-const {} = Astro.props;
+import pb from "../lib/pb";
+
+const avatarRec = await pb
+  .collection("images")
+  .getFirstListItem("useAsAvatar=true");
+
+const icon = await pb.files.getUrl(avatarRec, avatarRec.file);
+const socials = await pb.collection("socials").getFullList();
+
+const config = {
+  icon,
+  socials,
+  title: import.meta.env.PUBLIC_TITLE,
+  description: import.meta.env.PUBLIC_DESCRIPTION,
+};
 ---
 
 <aside>
   <div class="p-4">
     <a href="/">
       {
-        config.icon && (
-          <Image
-            class={"icon"}
-            src={config.icon}
-            width={10}
-            height={10}
-            alt={""}
-          />
+        icon && (
+          <Image class={"icon"} src={icon} width={10} height={10} alt={""} />
         )
       }
       <h1 class="font-bold text-2xl pt-4">{config.title}</h1></a
     >
-    <p class="pt-4">{config.description}</p>
+    <p class="pt-4 max-w-[50rem] text-wrap">{config.description}</p>
     <br />
     <div class="flex flex-col">
       <h1 class="font-bold text-2xl pt-4">Socials</h1>
-      <div
-        id="socials"
-        class="flex gap-4 columns-2 md:columns-4  pt-4"
-      >
-      {
-        config.socials &&
-          config.socials.map((s) => (
-            <Social href={s.url} text={s.name} icon={s.icon} />
-          ))
-      }
+      <div id="socials" class="flex gap-4 columns-2 md:columns-4 pt-4">
+        {
+          config.socials &&
+            config.socials.map((s) => (
+              <Social href={s.url} text={s.name} icon={s.icon} />
+            ))
+        }
       </div>
       <!-- Links to Subpages -->
       <br />
diff --git a/src/components/Sidebar.astro b/src/components/Sidebar.astro
index faddd5e..e280eea 100644
--- a/src/components/Sidebar.astro
+++ b/src/components/Sidebar.astro
@@ -1,8 +1,21 @@
 ---
 import { Image } from "astro:assets";
-import config from "../../config.yaml";
 import Social from "./Social.astro";
-const {} = Astro.props;
+import pb from "../lib/pb";
+
+const avatarRec = await pb
+  .collection("images")
+  .getFirstListItem("useAsAvatar=true");
+
+const icon = await pb.files.getUrl(avatarRec, avatarRec.file);
+const socials = await pb.collection("socials").getFullList();
+
+const config = {
+  icon,
+  socials,
+  title: import.meta.env.PUBLIC_TITLE,
+  description: import.meta.env.PUBLIC_DESCRIPTION,
+};
 ---
 
 <aside>
diff --git a/src/layouts/CharacterList.astro b/src/layouts/CharacterList.astro
index 2c6e223..262ca53 100644
--- a/src/layouts/CharacterList.astro
+++ b/src/layouts/CharacterList.astro
@@ -1,8 +1,26 @@
 ---
-import config from "../../config.yaml";
 import Sidebar from "../components/Sidebar.astro";
 
-const { title, background } = config;
+import pb from "../lib/pb";
+
+const avatarRec = await pb
+  .collection("images")
+  .getFirstListItem("useAsAvatar=true");
+const backgroundRec = await pb
+  .collection("images")
+  .getFirstListItem("useAsBackground=true");
+
+const icon = await pb.files.getUrl(avatarRec, avatarRec.file);
+const background = await pb.files.getUrl(backgroundRec, backgroundRec.file);
+const socials = await pb.collection("socials").getFullList();
+
+const config = {
+  icon,
+  socials,
+  background,
+  title: import.meta.env.PUBLIC_TITLE,
+  description: import.meta.env.PUBLIC_DESCRIPTION,
+};
 
 export const prerender = false;
 ---
@@ -15,7 +33,7 @@ export const prerender = false;
     <meta name="viewport" content="width=device-width" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="generator" content={Astro.generator} />
-    <title>{title}</title>
+    <title>{config.title}</title>
   </head>
   <body>
     <div
@@ -26,7 +44,7 @@ export const prerender = false;
     <slot />
   </body>
 </html>
-<style define:vars={{ background: `url(${background})` }}>
+<style define:vars={{ background: `url(${config.background})` }}>
   .container {
     width: calc(100% - 25rem);
   }
diff --git a/src/layouts/Gallery.astro b/src/layouts/Gallery.astro
index aa7c8d7..773fab9 100644
--- a/src/layouts/Gallery.astro
+++ b/src/layouts/Gallery.astro
@@ -1,9 +1,30 @@
 ---
-import config from "../../config.yaml";
 import Lightbox from "../components/Lightbox.astro";
 import Sidebar from "../components/Sidebar.astro";
+import pb from "../lib/pb";
 
-const { title, background } = config;
+export const prerender = false
+
+const avatarRec = await pb
+  .collection("images")
+  .getFirstListItem("useAsAvatar=true");
+const backgroundRec = await pb
+  .collection("images")
+  .getFirstListItem("useAsBackground=true");
+
+const icon = await pb.files.getUrl(avatarRec, avatarRec.file);
+const background = await pb.files.getUrl(backgroundRec, backgroundRec.file);
+const socials = await pb.collection("socials").getFullList();
+
+const config = {
+  icon,
+  socials,
+  background,
+  title: import.meta.env.PUBLIC_TITLE,
+  description: import.meta.env.PUBLIC_DESCRIPTION,
+};
+
+console.log(config);
 ---
 
 <!doctype html>
@@ -14,7 +35,7 @@ const { title, background } = config;
     <meta name="viewport" content="width=device-width" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="generator" content={Astro.generator} />
-    <title>{title}</title>
+    <title>{config.title}</title>
   </head>
   <body>
     <Lightbox />
@@ -31,7 +52,7 @@ const { title, background } = config;
   </body>
 </html>
 
-<style define:vars={{ background: `url(${background})` }}>
+<style define:vars={{ background: `url(${config.background})` }}>
   @media screen(md) {
     .container {
       width: calc(100% - 25rem);
diff --git a/src/layouts/Index.astro b/src/layouts/Index.astro
index e43fc7d..6115231 100644
--- a/src/layouts/Index.astro
+++ b/src/layouts/Index.astro
@@ -1,5 +1,9 @@
 ---
 import config from "../../config.yaml";
+import pb from "../lib/pb";
+export const prerender = false
+const backgroundRec = await pb.collection('images').getFirstListItem('useAsBackground=true');
+const background = await pb.files.getUrl(backgroundRec, backgroundRec.file);
 ---
 
 <!doctype html>
@@ -18,7 +22,7 @@ import config from "../../config.yaml";
   </body>
 </html>
 
-<style define:vars={{ background: `url(${config.background})` }}>
+<style define:vars={{ background: `url(${background})` }}>
   .container {
     width: calc(100% - 25rem);
   }
diff --git a/src/pages/characters/[slug].astro b/src/pages/characters/[slug].astro
index 297982f..c643533 100644
--- a/src/pages/characters/[slug].astro
+++ b/src/pages/characters/[slug].astro
@@ -1,27 +1,9 @@
 ---
-// import type { GetStaticPaths } from "astro";
 import Gallery from "../../layouts/Gallery.astro";
 import Image from "../../components/Image.astro";
 import pb from "../../lib/pb";
-export async function getStaticPaths() {
-  const paths = await pb
-    .collection("characters")
-    .getFullList({
-      sort: "-created",
-    })
-    .then((r) => r);
-
-  // console.log(paths);
-
-  return paths.map(({ slug }) => {
-    return {
-      params: { slug },
-    };
-  });
-}
 
 const { slug } = Astro.params;
-
 const imageCollection = await pb.collection("images").getFullList({
   sort: "-created",
   filter: `(character.slug~"${slug}")`,
diff --git a/src/pages/characters/index.astro b/src/pages/characters/index.astro
index a063204..96f7ebd 100644
--- a/src/pages/characters/index.astro
+++ b/src/pages/characters/index.astro
@@ -7,8 +7,8 @@ const characters = await pb
   .collection("characters")
   // @ts-ignore
   .getFullList({ expand: ["icon"] });
-export const prerender = false
 
+export const prerender = false;
 ---
 
 <CharacterList>