beatufitull front end for ozone modration ,, wit catpucoin and ebergarden !
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

alem welcome screen

+37 -6
+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>