Spaces:
Running
Running
feat: update credits
Browse files- src/routes/+page.svelte +21 -8
src/routes/+page.svelte
CHANGED
|
@@ -1,8 +1,7 @@
|
|
| 1 |
<script lang="ts">
|
| 2 |
-
|
| 3 |
// Svelte
|
| 4 |
import { onMount } from "svelte";
|
| 5 |
-
import { page } from
|
| 6 |
|
| 7 |
// Images
|
| 8 |
import preview from "$lib/images/preview.png";
|
|
@@ -21,7 +20,6 @@
|
|
| 21 |
navigator.clipboard.writeText($page.url.toString());
|
| 22 |
isLinkCopied = true;
|
| 23 |
}
|
| 24 |
-
|
| 25 |
</script>
|
| 26 |
|
| 27 |
<!--Main container-->
|
|
@@ -68,15 +66,27 @@
|
|
| 68 |
>
|
| 69 |
<p>Use arrow keys. SPACE to fire.</p>
|
| 70 |
</div>
|
| 71 |
-
|
| 72 |
{/if}
|
| 73 |
|
| 74 |
{#if isMobile}
|
| 75 |
<div class="flex flex-col justify-center items-center mt-10 text-center">
|
| 76 |
-
<img
|
| 77 |
-
|
| 78 |
-
|
| 79 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 80 |
</button>
|
| 81 |
</div>
|
| 82 |
{/if}
|
|
@@ -92,6 +102,9 @@
|
|
| 92 |
class="underline">Godot</a
|
| 93 |
>,
|
| 94 |
<a href="https://svelte.dev/" target="_blank" class="underline">Svelte</a
|
|
|
|
|
|
|
|
|
|
| 95 |
>, and
|
| 96 |
<a href="https://www.pixelicious.xyz/" target="_blank" class="underline"
|
| 97 |
>Pixelicious</a
|
|
|
|
| 1 |
<script lang="ts">
|
|
|
|
| 2 |
// Svelte
|
| 3 |
import { onMount } from "svelte";
|
| 4 |
+
import { page } from "$app/stores";
|
| 5 |
|
| 6 |
// Images
|
| 7 |
import preview from "$lib/images/preview.png";
|
|
|
|
| 20 |
navigator.clipboard.writeText($page.url.toString());
|
| 21 |
isLinkCopied = true;
|
| 22 |
}
|
|
|
|
| 23 |
</script>
|
| 24 |
|
| 25 |
<!--Main container-->
|
|
|
|
| 66 |
>
|
| 67 |
<p>Use arrow keys. SPACE to fire.</p>
|
| 68 |
</div>
|
|
|
|
| 69 |
{/if}
|
| 70 |
|
| 71 |
{#if isMobile}
|
| 72 |
<div class="flex flex-col justify-center items-center mt-10 text-center">
|
| 73 |
+
<img
|
| 74 |
+
src={preview}
|
| 75 |
+
alt="Preview of the game"
|
| 76 |
+
class="w-60 border-slate-800 border-[2px]"
|
| 77 |
+
height="64"
|
| 78 |
+
width="64"
|
| 79 |
+
/>
|
| 80 |
+
<p class="text-xs text-slate-500 mt-6">
|
| 81 |
+
Looks like you're on mobile! Please visit on your laptop.
|
| 82 |
+
</p>
|
| 83 |
+
<button
|
| 84 |
+
on:click|preventDefault={copyToClipboard}
|
| 85 |
+
class="flex flex-row justify-center items-center px-3 py-5 text-xs w-full bg-slate-800 mt-6"
|
| 86 |
+
>
|
| 87 |
+
<p class="mt-1">
|
| 88 |
+
{isLinkCopied ? "Copied!" : "Copy the link for later"}
|
| 89 |
+
</p>
|
| 90 |
</button>
|
| 91 |
</div>
|
| 92 |
{/if}
|
|
|
|
| 102 |
class="underline">Godot</a
|
| 103 |
>,
|
| 104 |
<a href="https://svelte.dev/" target="_blank" class="underline">Svelte</a
|
| 105 |
+
>,
|
| 106 |
+
<a href="https://www.scenario.com/" target="_blank" class="underline"
|
| 107 |
+
>Scenario</a
|
| 108 |
>, and
|
| 109 |
<a href="https://www.pixelicious.xyz/" target="_blank" class="underline"
|
| 110 |
>Pixelicious</a
|