your personal website on atproto - mirror blento.app

create MadeWith

+18 -24
+2 -8
src/lib/website/EditableProfile.svelte
··· 4 4 import PlainTextEditor from '$lib/components/PlainTextEditor.svelte'; 5 5 import MarkdownTextEditor from '$lib/components/MarkdownTextEditor.svelte'; 6 6 import type { Editor } from '@tiptap/core'; 7 + import MadeWithBlento from './MadeWithBlento.svelte'; 7 8 8 9 let { data = $bindable() }: { data: WebsiteData } = $props(); 9 10 ··· 144 145 145 146 <div class="h-10.5 w-1 @5xl/wrapper:hidden"></div> 146 147 147 - <div class="hidden text-xs font-light @5xl/wrapper:block"> 148 - made with <a 149 - href="https://blento.app" 150 - target="_blank" 151 - class="hover:text-accent-600 dark:hover:text-accent-400 font-medium transition-colors duration-200" 152 - >blento</a 153 - > 154 - </div> 148 + <MadeWithBlento class="hidden @5xl/wrapper:block" /> 155 149 </div> 156 150 </div>
+12
src/lib/website/MadeWithBlento.svelte
··· 1 + <script lang="ts"> 2 + let { class: className = '' }: { class?: string } = $props(); 3 + </script> 4 + 5 + <div class={['text-xs font-light', className]}> 6 + made with <a 7 + href="https://blento.app" 8 + target="_blank" 9 + class="hover:text-accent-600 dark:hover:text-accent-400 font-medium transition-colors duration-200" 10 + >blento</a 11 + > 12 + </div>
+2 -8
src/lib/website/Profile.svelte
··· 9 9 import { page } from '$app/state'; 10 10 import type { ActorIdentifier } from '@atcute/lexicons'; 11 11 import { qrOverlay } from '$lib/components/qr/qrOverlay.svelte'; 12 + import MadeWithBlento from './MadeWithBlento.svelte'; 12 13 13 14 let { 14 15 data, ··· 123 124 </div> 124 125 {/if} 125 126 {/if} 126 - <div class="hidden text-xs font-light @5xl/wrapper:block"> 127 - made with <a 128 - href="https://blento.app" 129 - target="_blank" 130 - class="hover:text-accent-600 dark:hover:text-accent-400 font-medium transition-colors duration-200" 131 - >blento</a 132 - > 133 - </div> 127 + <MadeWithBlento class="hidden @5xl/wrapper:block" /> 134 128 </div> 135 129 </div>
+2 -8
src/lib/website/Website.svelte
··· 7 7 import BaseCard from '../cards/BaseCard/BaseCard.svelte'; 8 8 import type { WebsiteData } from '$lib/types'; 9 9 import Context from './Context.svelte'; 10 + import MadeWithBlento from './MadeWithBlento.svelte'; 10 11 import Head from './Head.svelte'; 11 12 import type { Did, Handle } from '@atcute/lexicons'; 12 13 import QRModalProvider from '$lib/components/qr/QRModalProvider.svelte'; ··· 64 65 </div> 65 66 </div> 66 67 67 - <div class="mx-auto block pb-8 text-center text-xs font-light @5xl/wrapper:hidden"> 68 - made with <a 69 - href="https://blento.app" 70 - target="_blank" 71 - class="hover:text-accent-600 dark:hover:text-accent-400 font-medium transition-colors duration-200" 72 - >blento</a 73 - > 74 - </div> 68 + <MadeWithBlento class="mx-auto block pb-8 text-center @5xl/wrapper:hidden" /> 75 69 </div> 76 70 </Context>