Production

public/.gitignore

@@ -0,0 +1 @@
+.vercel

src/App.svelte

@@ -1,30 +1,57 @@
 <script lang="ts">
-	export let name: string;
+    //const lucky: string = "https://www.youtube.com/watch?v=dQw4w9WgXcQ";
+    let luck: boolean = false;
+
+    // async function getDoujin(id: string) {
+    //     let url: string = "https://nhentai.net/g/" + id + "/";
+    //     const response: Response = await fetch(url, { mode: "no-cors" });
+    //     console.log(response);
+    // }
+
+    function getLucky() {
+        //window.location.replace(lucky);
+        luck = true;
+    }
+
+    //getDoujin("177013");
 </script>
 
 <main>
-	<h1>Hello {name}!</h1>
-	<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
+    <h1>Hello Gaymrs!</h1>
+    <h2>This website is made for Nathan</h2>
+    {#if luck}
+        <iframe
+            width="560"
+            height="315"
+            src="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1"
+            title="YouTube video player"
+            frameborder="0"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+            allowfullscreen
+        />
+    {:else}
+        <button on:click={getLucky}>Click Here</button>
+    {/if}
 </main>
 
 <style>
-	main {
-		text-align: center;
-		padding: 1em;
-		max-width: 240px;
-		margin: 0 auto;
-	}
+    main {
+        text-align: center;
+        padding: 1em;
+        max-width: 240px;
+        margin: 0 auto;
+    }
 
-	h1 {
-		color: #ff3e00;
-		text-transform: uppercase;
-		font-size: 4em;
-		font-weight: 100;
-	}
+    h1 {
+        color: #ff3e00;
+        text-transform: uppercase;
+        font-size: 4em;
+        font-weight: 100;
+    }
 
-	@media (min-width: 640px) {
-		main {
-			max-width: none;
-		}
-	}
-</style>
+    @media (min-width: 640px) {
+        main {
+            max-width: none;
+        }
+    }
+</style>

src/main.ts

@@ -1,10 +1,7 @@
 import App from './App.svelte';
 
 const app = new App({
-	target: document.body,
-	props: {
-		name: 'world'
-	}
+    target: document.body
 });
 
 export default app;