diff --git a/src/components/WindowBox.astro b/src/components/WindowBox.astro
new file mode 100644
index 0000000..7a2b383
--- /dev/null
+++ b/src/components/WindowBox.astro
@@ -0,0 +1,84 @@
+---
+interface Props {
+  as?: any;
+  titlebar?: {
+    title: string;
+    heading: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+  };
+  link?: string;
+  padding?: "none" | "normal";
+  fill?: boolean;
+}
+
+const {
+  titlebar,
+  link,
+  padding = "normal",
+  fill,
+  as: Heading = titlebar?.heading,
+} = Astro.props;
+---
+
+<div class:list={["window flex", { fill }]}>
+  {
+    titlebar && (
+      <div class:list={["titlebar-window flex"]}>
+        <Heading id={titlebar.title.replace(" ", "-")}>
+          {titlebar.title.toUpperCase()}
+        </Heading>
+      </div>
+    )
+  }
+  <div class:list={["inside-window", padding, { fill }]}>
+    <slot />
+  </div>
+  {
+    link && (
+      <a href={link} class="center-txt">
+        <slot name="linktxt">View all entries</slot>
+      </a>
+    )
+  }
+</div>
+
+<style>
+  .window {
+    flex-direction: column;
+    background-color: var(--c-black);
+    border: 1px solid;
+    & a {
+      text-decoration: none;
+      padding: 0.4em 0.65em;
+      color: inherit;
+      border-top: 1px solid;
+      transition: 300ms;
+      &:hover {
+        box-shadow: 0px 0px 0.65em inset var(--c-medium);
+      }
+    }
+  }
+
+  .titlebar-window {
+    padding: 0.4em 0.65em;
+    border-bottom: 1px solid;
+    background: linear-gradient(90deg, var(--g-rainbow));
+    & h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      font-size: clamp(1rem, 4vw, 1.15rem);
+      color: var(--c-accent);
+    }
+  }
+
+  .inside-window {
+    &.none {
+      padding: 0;
+    }
+    &.normal {
+      padding: 0.65rem 0.8rem;
+    }
+  }
+</style>
diff --git a/src/styles/acidtheme.css b/src/styles/acidtheme.css
index 2eb3509..e9f8c4a 100644
--- a/src/styles/acidtheme.css
+++ b/src/styles/acidtheme.css
@@ -3,6 +3,7 @@
   --c-medium: #005e48;
   --c-light: #6abc46;
   --c-accent: #ccdc38;
+  --g-rainbow: #772a3a, #44276d, #1b297f, #004163, var(--c-medium), #637929;
   scrollbar-color: var(--c-light) var(--c-black);
 }