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
|