beatufitull front end for ozone modration ,, wit catpucoin and ebergarden !
ozone
moderation
alem welcome screen
+37
-6
+37
-6
src/routes/login/+page.svelte
+37
-6
src/routes/login/+page.svelte
···
5
5
import { Agent, AtpAgent } from '@atproto/api';
6
6
import Button from '../../components/ui/Button.svelte';
7
7
import Input from '../../components/ui/Input.svelte';
8
-
import { CatIcon } from 'lucide-svelte';
8
+
import { CatIcon, OrbitIcon } from 'lucide-svelte';
9
9
10
10
let handleInput = $state('');
11
11
let passwordInput = $state('');
12
+
let aliemMode = $state(false);
12
13
const authMethod = getAuthenticationMethod();
13
14
const PASSWORD_SESSION_KEY = 'meowzone-password-session';
14
15
···
66
67
67
68
function handleInputChange(e: Event) {
68
69
const target = e.target as HTMLInputElement;
70
+
if (target.value == 'koi.rip' || target.value == 'pci.express') {
71
+
aliemMode = true;
72
+
} else {
73
+
aliemMode = false;
74
+
}
69
75
handleInput = target.value;
70
76
if ($error) error.set(null);
71
77
}
···
86
92
<div class="flex min-h-screen items-center justify-center">
87
93
<div class="w-full max-w-md px-4">
88
94
<div class="mb-2 flex items-center text-ctp-mauve">
89
-
<CatIcon class="size-6" />
90
-
<h1 class="ml-2 text-3xl font-bold">meowzone</h1>
95
+
{#if aliemMode}
96
+
<OrbitIcon class="mr-2" />
97
+
{:else}
98
+
<CatIcon class="size-6" />
99
+
{/if}
100
+
<h1 class={`ml-2 text-3xl ${aliemMode ? '' : 'font-bold'}`}>
101
+
{aliemMode ? 'ᒲᒷ𝙹∴⨅𝙹リᒷ' : 'meowzone'}
102
+
</h1>
91
103
</div>
92
-
<p class="mb-5 text-ctp-subtext1">login with ur personal internet habdle</p>
104
+
<p class="mb-5 text-ctp-subtext1">
105
+
{aliemMode ? 'ꖎ𝙹⊣╎リ ∴╎ℸ ̣⍑ ⚍∷ ᔑꖎ╎ᒷᒲ ⍑ᔑʖ↸ꖎᒷ' : 'login with ur personal internet habdle'}
106
+
</p>
93
107
94
108
<div class="space-y-4">
95
109
<div>
···
110
124
<Input
111
125
id="password"
112
126
type="password"
113
-
placeholder="app password"
127
+
placeholder={aliemMode ? 'ᔑ!¡!¡ !¡ᔑᓭᓭ∴𝙹∷↸' : 'app password'}
114
128
bind:value={passwordInput}
115
129
on:input={handlePasswordInputChange}
116
130
on:keypress={handleKeyPress}
···
126
140
<p class="text-ctp-mauve">montreal or montfake ?</p>
127
141
{:else if handleInput == 'isabelroses.com'}
128
142
<p class="text-ctp-mauve">remeber to water ur rodes</p>
143
+
{:else if handleInput == 'koi.rip' || handleInput == 'pci.express'}
144
+
<p class="text-ctp-mauve">
145
+
{aliemMode ? '⍑ᒷꖎ𝙹 ᔑꖎᒷᒲ ⎓∷𝙹ᒲ 𝙹ℸ ̣⍑ᒷ∷ ᓭ!¡ᔑᓵᒷ 👽🛸' : 'helo alem from other space 👽🛸'}
146
+
</p>
129
147
{/if}
130
148
131
149
{#if $error}
···
145
163
? 'bg-ctp-surface1'
146
164
: ''}
147
165
>
148
-
{$isLoading ? 'signing in...' : 'sign in'}
166
+
{#if aliemMode}
167
+
{$isLoading ? 'ᓭ╎⊣リ╎リ⊣ ╎リ•••' : 'ᓭ╎⊣リ ╎リ'}
168
+
{:else}
169
+
{$isLoading ? 'signing in...' : 'sign in'}
170
+
{/if}
149
171
</Button>
172
+
173
+
{#if handleInput == 'koi.rip' || handleInput == 'pci.express'}
174
+
<button
175
+
class="flex w-full cursor-pointer justify-center text-sm text-ctp-blue transition-transform hover:underline active:scale-95"
176
+
onclick={() => (aliemMode = !aliemMode)}
177
+
>
178
+
switch back to {aliemMode ? 'english' : 'standard galactic'}
179
+
</button>
180
+
{/if}
150
181
</div>
151
182
</div>
152
183
</div>