content: update front page contact info

This commit is contained in:
Youwen Wu 2024-06-27 00:57:01 -07:00
parent 7514b866d9
commit c27dec1d61
Signed by: youwen5
GPG key ID: 865658ED1FE61EC3
3 changed files with 16 additions and 43 deletions

View file

@ -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

View file

@ -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> <Button
<Popover.Trigger asChild let:builder> class="hover:scale-110 transition-transform"
<Button variant="ghost"
class="hover:scale-110 transition-transform" size="icon"
variant="ghost" href="https://discord.com/users/307507140199710720"
size="icon" >
builders={[builder]} <DiscordLogo />
> </Button>
<DiscordLogo />
</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>

View file

@ -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>