diff --git a/src/lib/components/project.svelte b/src/lib/components/project.svelte
index 88e9bdf..0736a94 100644
--- a/src/lib/components/project.svelte
+++ b/src/lib/components/project.svelte
@@ -21,7 +21,6 @@
                     <div class="content">
                         <slot name="desc" />
                     </div>
-                    <div class="bottom">Click to open in new tab</div>
                 </div>
             {/if}
         </div>
@@ -31,7 +30,6 @@
                 <span>{tag}</span>{#if i !== tags.length - 1}<span>&middot;&ZeroWidthSpace;</span>{/if}
             {/each}
         </div>
-        <a href={link || "#"} rel="noreferrer noopener" target="_blank">View</a>
     </div>
 </a>
 
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 18c378d..4477b99 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -72,7 +72,7 @@
 			<h2>
 				I helped many projects come to life. Here are some examples:
 			</h2>
-			<Project link="https://top.gg/bot/739864286775738399" tags={["Discord bot", "Backend", "Discord.js", "Typescript"]} image="/screenshots/ignibg.png" grayscale={appTypeHover && appTypeHover === "applications"}>
+			<Project link="https://top.gg/bot/739864286775738399" tags={["Discord bot", "Backend", "Discord.js", "Typescript"]} image="/screenshots/ignibg.webp" grayscale={appTypeHover && appTypeHover === "applications"}>
 				<b>igni</b> - The universal Discord bot
 				<svelte:fragment slot="desc">
 					<p>
@@ -83,7 +83,7 @@
 					</p>
 				</svelte:fragment>
 			</Project>
-			<Project tags={["Backend", "Website", "Svelte", "React", "Typescript"]} image="/screenshots/animasher.png" grayscale={appTypeHover && appTypeHover !== "websites"} extradark>
+			<Project tags={["Backend", "Website", "Svelte", "React", "Typescript"]} image="/screenshots/animasher.webp" grayscale={appTypeHover && appTypeHover !== "websites"} extradark>
 				<b>Animasher</b> - Platform for creating and sharing animations
 				<svelte:fragment slot="desc">
 					<p>
@@ -97,7 +97,7 @@
 		</div>
 		<div>
 			<div class="pad"></div>
-			<Project link="https://danbulant.itch.io/heaventaker" tags={["Website", "Application", "Phaser", "Svelte"]} image="/screenshots/heaventaker.png" grayscale={appTypeHover && appTypeHover === "bots"}>
+			<Project link="https://danbulant.itch.io/heaventaker" tags={["Website", "Application", "Phaser", "Svelte"]} image="/screenshots/heaventaker.webp" grayscale={appTypeHover && appTypeHover === "bots"}>
 				<b>Heaventaker</b> - Helltaker fan game
 				<svelte:fragment slot="desc">
 					<p>
@@ -108,7 +108,7 @@
 					</p>
 				</svelte:fragment>
 			</Project>
-			<Project link="https://manga.danbulant.eu" tags={["Website", "Svelte"]} image="/screenshots/mangadex.jfif" grayscale={appTypeHover && appTypeHover !== "websites"}>
+			<Project link="https://manga.danbulant.eu" tags={["Website", "Svelte"]} image="/screenshots/mangadex.webp" grayscale={appTypeHover && appTypeHover !== "websites"}>
 				<b>Mangades</b> - Mangadex downloader
 				<svelte:fragment slot="desc">
 					<p>
diff --git a/static/screenshots/animasher.webp b/static/screenshots/animasher.webp
new file mode 100644
index 0000000..5f475a7
Binary files /dev/null and b/static/screenshots/animasher.webp differ
diff --git a/static/screenshots/heaventaker.webp b/static/screenshots/heaventaker.webp
new file mode 100644
index 0000000..7e350c2
Binary files /dev/null and b/static/screenshots/heaventaker.webp differ
diff --git a/static/screenshots/igni.webp b/static/screenshots/igni.webp
new file mode 100644
index 0000000..9b01530
Binary files /dev/null and b/static/screenshots/igni.webp differ
diff --git a/static/screenshots/ignibg.webp b/static/screenshots/ignibg.webp
new file mode 100644
index 0000000..de3440e
Binary files /dev/null and b/static/screenshots/ignibg.webp differ
diff --git a/static/screenshots/mangadex.webp b/static/screenshots/mangadex.webp
new file mode 100644
index 0000000..56be9b7
Binary files /dev/null and b/static/screenshots/mangadex.webp differ