diff --git a/src/lib/images/GamePreviews/Blood-preview1.png b/src/lib/images/GamePreviews/Blood-preview1.png
new file mode 100644
index 0000000..684ab99
Binary files /dev/null and b/src/lib/images/GamePreviews/Blood-preview1.png differ
diff --git a/src/lib/images/GamePreviews/Blood-preview2.png b/src/lib/images/GamePreviews/Blood-preview2.png
new file mode 100644
index 0000000..27e180d
Binary files /dev/null and b/src/lib/images/GamePreviews/Blood-preview2.png differ
diff --git a/src/lib/images/GamePreviews/Blood-preview3.png b/src/lib/images/GamePreviews/Blood-preview3.png
new file mode 100644
index 0000000..059e635
Binary files /dev/null and b/src/lib/images/GamePreviews/Blood-preview3.png differ
diff --git a/src/lib/images/GamePreviews/Blood-preview4.png b/src/lib/images/GamePreviews/Blood-preview4.png
new file mode 100644
index 0000000..e6535cf
Binary files /dev/null and b/src/lib/images/GamePreviews/Blood-preview4.png differ
diff --git a/src/lib/images/GamePreviews/Blood-title.png b/src/lib/images/GamePreviews/Blood-title.png
new file mode 100644
index 0000000..b5e55cc
Binary files /dev/null and b/src/lib/images/GamePreviews/Blood-title.png differ
diff --git a/src/lib/images/GamePreviews/Corrobot-rebouce-gameplay1.png b/src/lib/images/GamePreviews/Corrobot-rebouce-gameplay1.png
new file mode 100644
index 0000000..7e8e4f8
Binary files /dev/null and b/src/lib/images/GamePreviews/Corrobot-rebouce-gameplay1.png differ
diff --git a/src/lib/images/GamePreviews/Corrobot-rebouce-gameplay2.png b/src/lib/images/GamePreviews/Corrobot-rebouce-gameplay2.png
new file mode 100644
index 0000000..822bfcc
Binary files /dev/null and b/src/lib/images/GamePreviews/Corrobot-rebouce-gameplay2.png differ
diff --git a/src/lib/images/GamePreviews/Corrobot-rebouce-title.jpg b/src/lib/images/GamePreviews/Corrobot-rebouce-title.jpg
new file mode 100644
index 0000000..fae52f6
Binary files /dev/null and b/src/lib/images/GamePreviews/Corrobot-rebouce-title.jpg differ
diff --git a/src/lib/images/GamePreviews/Time-1.png b/src/lib/images/GamePreviews/Time-1.png
new file mode 100644
index 0000000..afa24d2
Binary files /dev/null and b/src/lib/images/GamePreviews/Time-1.png differ
diff --git a/src/lib/images/GamePreviews/time-2.png b/src/lib/images/GamePreviews/time-2.png
new file mode 100644
index 0000000..70f18c3
Binary files /dev/null and b/src/lib/images/GamePreviews/time-2.png differ
diff --git a/src/lib/images/GamePreviews/time-3.png b/src/lib/images/GamePreviews/time-3.png
new file mode 100644
index 0000000..28838fc
Binary files /dev/null and b/src/lib/images/GamePreviews/time-3.png differ
diff --git a/src/lib/images/GamePreviews/time-4.png b/src/lib/images/GamePreviews/time-4.png
new file mode 100644
index 0000000..4d907fa
Binary files /dev/null and b/src/lib/images/GamePreviews/time-4.png differ
diff --git a/src/lib/images/GamePreviews/time-5.gif b/src/lib/images/GamePreviews/time-5.gif
new file mode 100644
index 0000000..eb95b01
Binary files /dev/null and b/src/lib/images/GamePreviews/time-5.gif differ
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b8af63f..30d7020 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -95,21 +95,21 @@
             
             <Profile isSnorre={true} tags={["Programmer"]} isMobile={mobile}/>
 
-            <Profile name="Oliver" tags={["Sound/Story","2D Artist", "Programmer"]} isMobile={mobile}>
+            <Profile replaced={true} name="Oliver" tags={["Sound/Story","2D Artist", "Programmer"]} isMobile={mobile}>
                 <span>
                     <p>Snorre does not get paid.</p>
                     <p><a href="https://www.linkedin.com/in/oliver-schwenger-291944278/" target="_blank" style="color:lightblue;">Linked-in</a></p>
                 </span>
             </Profile>
 
-            <Profile name="Kim" tags={["Cinemachine", "3D Artist", "Programmer"]} isMobile={mobile}>
+            <Profile replaced={true} name="Kim" tags={["Cinemachine", "3D Artist", "Programmer"]} isMobile={mobile}>
                 <span>
                     <p>Abla espaniol</p>
                     <p><a href="https://www.linkedin.com/in/kim-rex-de-dios-408860299/" target="_blank" style="color:lightblue;">Linked-in</a></p>
                 </span>
             </Profile>
             
-            <Profile name="Zylvester" tags={["Sound/Story", "2D/3D artist"]} isMobile={mobile}>
+            <Profile replaced={true} name="Zylvester" tags={["Sound/Story", "2D/3D artist"]} isMobile={mobile}>
                 <span>
                     <p>Closeted omega weeb</p>
                     <p><a href="https://www.linkedin.com/in/sylvester-junge-0b2a73196/" target="_blank" style="color:lightblue;">Linked-in</a>, <a href="https://www.youtube.com/watch?v=xvFZjo5PgG0" style="color:lightblue;">Funny link</a></p>
diff --git a/src/routes/comps/PostCard.svelte b/src/routes/comps/PostCard.svelte
new file mode 100644
index 0000000..81565e9
--- /dev/null
+++ b/src/routes/comps/PostCard.svelte
@@ -0,0 +1,61 @@
+<script lang="ts">
+  import Carousel from './Carousel.svelte';
+
+  export let title: string;
+  export let description: string;
+  export let jam = { name: '', url: '' };
+  export let viewUrl : string= '';
+  export let images: string[] = [];
+  export let placeholder = false;
+</script>
+
+<div class="games card bg-base-100 shadow-xl {placeholder ? 'w-96' : ''}">
+  {#if !placeholder}
+    <figure style="height: 15em;">
+      <Carousel {images} />
+    </figure>
+    <div class="card-body">
+      <h2 class="card-title">{title}</h2>
+      <p>{description}</p>
+      <br />
+      <p>
+        This was made during
+        <a href={jam.url} class="underline" target="_blank" rel="noopener">
+          {jam.name}
+        </a>
+      </p>
+      <div class="card-actions justify-end">
+        <a href={viewUrl}
+           class="btn btn-primary text-primary-content"
+           target="_blank"
+           rel="noopener"
+        >
+          View on itch.io
+        </a>
+      </div>
+    </div>
+  {:else}
+    <figure class="rounded-b-none" style="height: 15em;">
+      <div class="bg-grid-100 flex w-full h-full"></div>
+    </figure>
+    <div class="card-body">
+      <h2 class="card-title">What's next?</h2>
+      <div class="skeleton mt-1 h-4 w-28"></div>
+      <div class="skeleton h-4 w-full"></div>
+      <div class="skeleton h-4 w-full"></div>
+      <div class="skeleton h-4 w-28"></div>
+      <div class="skeleton h-4 w-full"></div>
+      <div class="flex grow"></div>
+      <div class="card-actions justify-end">
+        <a href="/"
+           class="btn btn-primary text-primary-content"
+           target="_blank"
+           rel="noopener"
+        >
+          RECURSION!
+        </a>
+      </div>
+    </div>
+  {/if}
+</div>
+
diff --git a/src/routes/comps/PostGrid.svelte b/src/routes/comps/PostGrid.svelte
new file mode 100644
index 0000000..0b528ff
--- /dev/null
+++ b/src/routes/comps/PostGrid.svelte
@@ -0,0 +1,68 @@
+<script>
+  import PostCard from './PostCard.svelte';
+
+  import Corrobot1 from '@images/GamePreviews/Corrobot1.png';
+  import Corrobot2 from '@images/GamePreviews/Corrobot2.png';
+  import Corrobot3 from '@images/GamePreviews/Corrobot3.png';
+
+  import Blood1 from '@images/GamePreviews/Blood1.png';
+  import Blood2 from '@images/GamePreviews/Blood2.png';
+  import Blood3 from '@images/GamePreviews/Blood3.png';
+  import Blood4 from '@images/GamePreviews/Blood4.png';
+  import Blood5 from '@images/GamePreviews/Blood5.png';
+
+  import Time1 from '@images/GamePreviews/Time1.png';
+  import Time2 from '@images/GamePreviews/Time2.png';
+  import Time3 from '@images/GamePreviews/Time3.png';
+  import Time4 from '@images/GamePreviews/Time4.png';
+  import Time5 from '@images/GamePreviews/Time5.png';
+
+  const games = [
+    {
+      title: 'Corrobot-rebounce',
+      description: 'A 3D sequel to Corrobot-Takeover',
+      jam: {
+        name: 'Nordic gamejam 2024',
+        url: 'https://itch.io/jam/nordic-game-jam-2024/rate/2659665'
+      },
+      viewUrl: 'https://botalex.itch.io/corrobot-rebounce',
+      images: [Corrobot1, Corrobot2, Corrobot3]
+    },
+    {
+      title: 'Unnamed blood game',
+      description: 'A game based on an unique kind of combat',
+      jam: {
+        name: 'Future Game Makers',
+        url: 'https://itch.io/jam/future-game-makers-jam-2024'
+      },
+      viewUrl: 'https://botalex.itch.io/mop-of-the-dead',
+      images: [Blood1, Blood2, Blood3, Blood4, Blood5]
+    },
+    {
+      title: 'One More Time',
+      description: 'What if time was money? A roguelike where you need to kill for time, which you can choose to spend.',
+      jam: {
+        name: 'Denmark Masters jam',
+        url: 'https://itch.io/jam/dmspiljam-november-2021'
+      },
+      viewUrl: 'https://botalex.itch.io/one-more-time',
+      images: [Time1, Time2, Time3, Time4, Time5]
+    }
+  ];
+</script>
+
+<div class="grid grid-flow-row gap-4 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
+  {#each games as game (game.title)}
+    <PostCard
+      title={game.title}
+      description={game.description}
+      jam={game.jam}
+      viewUrl={game.viewUrl}
+      images={game.images}
+    />
+  {/each}
+
+  <!-- placeholder for upcoming game -->
+  <PostCard placeholder={true} />
+</div>
+
diff --git a/src/routes/comps/Profile.svelte b/src/routes/comps/Profile.svelte
index d2adb5d..d112d96 100644
--- a/src/routes/comps/Profile.svelte
+++ b/src/routes/comps/Profile.svelte
@@ -6,18 +6,19 @@
     export let name = "";
     export let tags = ["null"];
     export let isSnorre = false;
+    export let replaced = false;
 
     // Shit code but who cares, if it works /shrug
 </script>
 
 
-<div class="bg-grid-100 border-2 border-base-100 pl-1 pr-4 rounded-md cozette max-lg:pb-2">
+<div class="relative bg-grid-100 border-2 border-base-100 pl-1 pr-4 rounded-md cozette max-lg:pb-2">
 {#if !isSnorre}
-    <div class="developersProfile {isSnorre ? "isSnorre" : ""} pl-1 font-mono">
-        <NameAndTag name={name} tags={tags} isMobile={isMobile}/>
-        <slot/>
-        <MobileTags tags={tags} isMobile={isMobile}/>
-    </div>
+  <div class=" developersProfile {isSnorre ? "isSnorre" : ""} pl-1 font-mono">
+    <NameAndTag name={name} tags={tags} isMobile={isMobile}/>
+    <slot/>
+    <MobileTags tags={tags} isMobile={isMobile}/>
+  </div>
 {:else}
     <div class="w-full pl-1">
         <div class="developersProfile absolute snorre pl-4 font-mono pointer-events-none select-none">
@@ -41,9 +42,53 @@
         </div>
     </div>
 {/if}
+<div class="{replaced? "" : "hidden"} replaced flex justify-center items-center h-full absolute top-0 left-0 down-0 right-0">
+    <div class="corner-border-container px-2">
+      Replaced by AI
+    </div>
+  </div>
 </div>
 
 <style>
+  .replaced {
+    background: repeating-linear-gradient(45deg,#0009,#0009 15px, #000a 15px 20px);
+  }
+  .corner-border-container {
+  --length: 5px;
+  --width: 1px;
+  --line-color: #eeeeee;
+  background-color: #0008;
+  background-image:
+    linear-gradient(var(--line-color), var(--line-color)),
+    linear-gradient(var(--line-color), var(--line-color)),
+    linear-gradient(var(--line-color), var(--line-color)),
+    linear-gradient(var(--line-color), var(--line-color)),
+    linear-gradient(var(--line-color), var(--line-color)),
+    linear-gradient(var(--line-color), var(--line-color)),
+    linear-gradient(var(--line-color), var(--line-color)),
+    linear-gradient(var(--line-color), var(--line-color));
+  background-size:
+    var(--length) var(--width),
+    var(--width) var(--length),
+    var(--length) var(--width),
+    var(--width) var(--length),
+    var(--length) var(--width),
+    var(--width) var(--length),
+    var(--length) var(--width),
+    var(--width) var(--length);
+  background-position:
+    top left,
+    top left,
+    top right,
+    top right,
+    bottom right,
+    bottom right,
+    bottom left,
+    bottom left;
+  background-repeat: no-repeat;
+}
+
+
     .developersProfile:not(.snorre):not(.snorre-overlay){
         /* background-image: linear-gradient(var(--color-neutral) 33%, rgba(255,255,255,0) 0%); */
         /* background-image: linear-gradient(var(--color-neutral) 100%);
@@ -64,4 +109,4 @@
         background-size: 0.1rem 0.5rem;
         background-repeat: repeat-y; */
     }
-</style>
\ No newline at end of file
+</style>
diff --git a/static/test/ray.apk b/static/test/ray.apk
new file mode 100755
index 0000000..1b3b1c0
Binary files /dev/null and b/static/test/ray.apk differ
diff --git a/static/test/shadow.apk b/static/test/shadow.apk
new file mode 100755
index 0000000..9189519
Binary files /dev/null and b/static/test/shadow.apk differ