diff --git a/public/screenshots/animasher.png b/public/screenshots/animasher.png
new file mode 100644
index 0000000..6b5edf2
Binary files /dev/null and b/public/screenshots/animasher.png differ
diff --git a/public/screenshots/igni.png b/public/screenshots/igni.png
new file mode 100644
index 0000000..a844eeb
Binary files /dev/null and b/public/screenshots/igni.png differ
diff --git a/public/screenshots/thetutorials.jpg b/public/screenshots/thetutorials.jpg
new file mode 100644
index 0000000..469cf60
Binary files /dev/null and b/public/screenshots/thetutorials.jpg differ
diff --git a/src/App.svelte b/src/App.svelte
index 0cf50f1..ac0c4c9 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -31,11 +31,9 @@
 <div class="bar" class:dark={$darkmode}>
 	<Bar>
 		<h3>Daniel Bulant</h3>
-		<a href="#contact" class="big">Contact</a>
 		<Split />
 		<Button text on:click={toggle}>{$darkmode ? "Light" : "Dark"} mode</Button>
-		<a href="#contact" class="small">Contact</a>
-		<a href="mailto:danbulant@danbulant.eu" class="big">danbulant@danbulant.eu</a>
+		<a href="#contact" class="big">Contact</a>
 	</Bar>
 </div>
 <main class:dark={$darkmode}>
@@ -49,19 +47,19 @@
 			<blockquote>
 				I helped many projects come to life. Here are some examples:
 			</blockquote>
-			<Project link="https://learnerapp.eu" tags={["Website design", "Frontend"]}>
+			<Project link="https://learnerapp.eu" tags={["Website design", "Frontend"]} image="https://beta.learnerapp.eu/app.png">
 				<b>Learner</b> - A learning platform for students
 			</Project>
-			<Project link="https://thetutorials.cz" tags={["Writer", "Full stack"]}>
+			<Project link="https://thetutorials.cz" tags={["Writer", "Full stack"]} image="/screenshots/thetutorials.jpg">
 				<b>TheTutorials</b> - Czech tutorials and blog about programming
 			</Project>
 		</div>
 		<div>
 			<div class="pad"></div>
-			<Project link="https://top.gg/bot/739864286775738399" tags={["Discord bot", "Backend"]}>
+			<Project link="https://top.gg/bot/739864286775738399" tags={["Discord bot", "Backend"]} image="/screenshots/igni.png">
 				<b>igni</b> - The universal discord bot
 			</Project>
-			<Project link={"data:text/plain,No website available yet"} tags={["Backend"]}>
+			<Project tags={["Backend"]} image="/screenshots/animasher.png">
 				<b>Animasher</b> - Platform for creating and sharing animations
 			</Project>
 		</div>
@@ -75,7 +73,7 @@
 	<Bar>
 		<h3>Daniel Bulant</h3>
 		<Split />
-		<a href="https://github.com/shinoa-hiragi" target="_blank">
+		<a href="https://github.com/shinoa-hiragi" target="_blank" class="text-right">
 			<h3>
 				Design by Carl Hansen
 			</h3>
@@ -84,6 +82,9 @@
 </div>
 
 <style>
+	.text-right {
+		text-align: right;
+	}
 	main {
 		margin: 0 min(50px, 5%) 0 min(50px, 5%);
 		width: calc(100% - min(100px, 10%));
@@ -163,6 +164,11 @@
 		margin: 0 auto 30px auto;
 		background: white;
 	}
+	@media (max-width: 400px) {
+		.bar {
+			width: 100vw;
+		}
+	}
 	.dark.bar {
 		background: rgb(28, 28, 33);
 	}
diff --git a/src/components/project.svelte b/src/components/project.svelte
index 2dcf053..8d46253 100644
--- a/src/components/project.svelte
+++ b/src/components/project.svelte
@@ -1,12 +1,20 @@
 <script>
-    export var image = "https://picsum.photos/725/350?random=" + Math.floor(Math.random() * 5000);
+    export var image = ""; // "https://picsum.photos/725/350?random=" + Math.floor(Math.random() * 5000);
     export var link = "";
     export var tags = [];
+    function handle(e) {
+        if(!link) {
+            e.preventDefault();
+            alert("No link available");
+        }
+    }
 </script>
 
-<a href={link} target="_blank" class="full">
+<a href={link} target="_blank" class="full" on:click={handle}>
     <div class="project">
-        <img src={image} alt="Project" draggable={false}>
+        {#if image}
+            <img src={image} alt="Project" draggable={false}>
+        {/if}
         <h3><slot /></h3>
         <div class="tags">
             {#each tags as tag, i}