mirror of
https://github.com/youwen5/site.git
synced 2024-11-28 10:53:50 -08:00
content: update front page contact info
This commit is contained in:
parent
7514b866d9
commit
c27dec1d61
3 changed files with 16 additions and 43 deletions
|
@ -13,10 +13,6 @@
|
||||||
target="_blank"
|
target="_blank"
|
||||||
class="hover:underline"><strong>SvelteKit</strong></a
|
class="hover:underline"><strong>SvelteKit</strong></a
|
||||||
>
|
>
|
||||||
and
|
|
||||||
<a href="https://www.shadcn-svelte.com/" class="hover:underline" target="_blank"
|
|
||||||
><strong>shadcn-svelte</strong></a
|
|
||||||
>
|
|
||||||
|
|
|
|
||||||
<a href="https://github.com/couscousdude/coredump" target="_blank" class="hover:underline"
|
<a href="https://github.com/couscousdude/coredump" target="_blank" class="hover:underline"
|
||||||
>View the source</a
|
>View the source</a
|
||||||
|
|
|
@ -5,25 +5,13 @@
|
||||||
GithubLogo,
|
GithubLogo,
|
||||||
LinkedinLogo,
|
LinkedinLogo,
|
||||||
DiscordLogo,
|
DiscordLogo,
|
||||||
EnvelopeClosed,
|
EnvelopeClosed
|
||||||
ClipboardCopy
|
|
||||||
} from 'svelte-radix'
|
} from 'svelte-radix'
|
||||||
import * as Popover from '$lib/components/ui/popover'
|
import * as Popover from '$lib/components/ui/popover'
|
||||||
|
|
||||||
export let center = false
|
export let center = false
|
||||||
|
|
||||||
import Button from './ui/button/button.svelte'
|
import Button from './ui/button/button.svelte'
|
||||||
import { toast } from 'svelte-sonner'
|
|
||||||
|
|
||||||
const copyDiscord = async () => {
|
|
||||||
try {
|
|
||||||
await navigator.clipboard.writeText('couscousdude')
|
|
||||||
toast('Copied Discord username to clipboard')
|
|
||||||
} catch (e) {
|
|
||||||
console.error(e)
|
|
||||||
toast('Failed to copy Discord username to clipboard')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="flex gap-2 mt-2 flex-wrap" class:justify-center={center}>
|
<div class="flex gap-2 mt-2 flex-wrap" class:justify-center={center}>
|
||||||
|
@ -55,25 +43,14 @@
|
||||||
>
|
>
|
||||||
<LinkedinLogo />
|
<LinkedinLogo />
|
||||||
</Button>
|
</Button>
|
||||||
<Popover.Root>
|
|
||||||
<Popover.Trigger asChild let:builder>
|
|
||||||
<Button
|
<Button
|
||||||
class="hover:scale-110 transition-transform"
|
class="hover:scale-110 transition-transform"
|
||||||
variant="ghost"
|
variant="ghost"
|
||||||
size="icon"
|
size="icon"
|
||||||
builders={[builder]}
|
href="https://discord.com/users/307507140199710720"
|
||||||
>
|
>
|
||||||
<DiscordLogo />
|
<DiscordLogo />
|
||||||
</Button>
|
</Button>
|
||||||
</Popover.Trigger>
|
|
||||||
<Popover.Content>
|
|
||||||
Discord (for some reason) doesn't support direct links to profiles. You can find me on discord
|
|
||||||
with my username, <strong>@couscousdude</strong>.
|
|
||||||
<Button variant="outline" size="icon" on:click={copyDiscord} class="mt-2"
|
|
||||||
><ClipboardCopy /></Button
|
|
||||||
>
|
|
||||||
</Popover.Content>
|
|
||||||
</Popover.Root>
|
|
||||||
<Popover.Root>
|
<Popover.Root>
|
||||||
<Popover.Trigger asChild let:builder>
|
<Popover.Trigger asChild let:builder>
|
||||||
<Button
|
<Button
|
||||||
|
@ -87,17 +64,15 @@
|
||||||
</Popover.Trigger>
|
</Popover.Trigger>
|
||||||
<Popover.Content>
|
<Popover.Content>
|
||||||
<p>
|
<p>
|
||||||
You can reach my Gmail at <a class="link" href="mailto:youwenw@gmail.com"
|
You can reach my personal mail at <a class="link" href="mailto:youwenw@gmail.com"
|
||||||
>youwenw@gmail.com</a
|
>youwenw@gmail.com</a
|
||||||
>
|
>
|
||||||
|
or my institutional address at
|
||||||
|
<a class="link" href="mailto:youwen@ucsb.edu">youwen@ucsb.edu</a>. I sign all of my mail
|
||||||
|
with my <a href="./youwen.gpg">PGP key</a>. It is also available on the
|
||||||
|
<a href="https://keys.openpgp.org/">OpenPGP key servers</a>.
|
||||||
</p>
|
</p>
|
||||||
<br />
|
<br />
|
||||||
<p>
|
|
||||||
Or, if you prefer, you can securely email me on Protonmail at <a
|
|
||||||
class="link"
|
|
||||||
href="mailto:youwenw@protonmail.com">youwenw@protonmail.com</a
|
|
||||||
>
|
|
||||||
</p>
|
|
||||||
</Popover.Content>
|
</Popover.Content>
|
||||||
</Popover.Root>
|
</Popover.Root>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -107,6 +107,8 @@
|
||||||
<Card.Content>
|
<Card.Content>
|
||||||
<h3>Find me on:</h3>
|
<h3>Find me on:</h3>
|
||||||
<Socials />
|
<Socials />
|
||||||
|
I read message requests everywhere but do not accept Discord friend requests if I don't know
|
||||||
|
you. The best way to reach me and receive a response is probably by email.
|
||||||
</Card.Content>
|
</Card.Content>
|
||||||
</Card.Root>
|
</Card.Root>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue