refactor(main): simplify contacts
This commit is contained in:
parent
e43193d464
commit
dfaf9444aa
1 changed files with 10 additions and 39 deletions
|
@ -1,6 +1,7 @@
|
||||||
<script>
|
<script>
|
||||||
import Discord from "@inqling/svelte-icons/simple-icons/discord.svelte"
|
import Discord from "@inqling/svelte-icons/simple-icons/discord.svelte"
|
||||||
import GitHub from "@inqling/svelte-icons/simple-icons/github.svelte"
|
import GitHub from "@inqling/svelte-icons/simple-icons/github.svelte"
|
||||||
|
import Gmail from "@inqling/svelte-icons/simple-icons/gmail.svelte"
|
||||||
import Mastodon from "@inqling/svelte-icons/simple-icons/mastodon.svelte"
|
import Mastodon from "@inqling/svelte-icons/simple-icons/mastodon.svelte"
|
||||||
import Twitter from "@inqling/svelte-icons/simple-icons/twitter.svelte"
|
import Twitter from "@inqling/svelte-icons/simple-icons/twitter.svelte"
|
||||||
import YouTube from "@inqling/svelte-icons/simple-icons/youtube.svelte"
|
import YouTube from "@inqling/svelte-icons/simple-icons/youtube.svelte"
|
||||||
|
@ -39,37 +40,7 @@
|
||||||
Seoul, South Korea.
|
Seoul, South Korea.
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<h2>Contact</h2>
|
<div class="mt-12 flex flex-wrap gap-6">
|
||||||
|
|
||||||
<table>
|
|
||||||
<tr>
|
|
||||||
<th>Platform</th>
|
|
||||||
<th>ID</th>
|
|
||||||
<th>Response Time</th>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Discord</td>
|
|
||||||
<td>@developomp</td>
|
|
||||||
<td>~ 2 days</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Gmail</td>
|
|
||||||
<td><a href="mailto: developomp@gmail.com">developomp@gmail.com</a></td>
|
|
||||||
<td>2 ~ 4 days</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Mastodon</td>
|
|
||||||
<td><a href="https://mastodon.social/@developomp">@developomp</a></td>
|
|
||||||
<td>2 ~ 4 days</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<i class="note">
|
|
||||||
*Note that I may not be able to read your messages if you reach out to me
|
|
||||||
using methods not listed above.
|
|
||||||
</i>
|
|
||||||
|
|
||||||
<div class="socials-and-profiles">
|
|
||||||
<a
|
<a
|
||||||
class="social-profile"
|
class="social-profile"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
@ -102,6 +73,14 @@
|
||||||
>
|
>
|
||||||
<Mastodon />
|
<Mastodon />
|
||||||
</a>
|
</a>
|
||||||
|
<a
|
||||||
|
class="social-profile"
|
||||||
|
target="_blank"
|
||||||
|
href="mailto: developomp@gmail.com"
|
||||||
|
aria-label="YouTube link"
|
||||||
|
>
|
||||||
|
<Gmail />
|
||||||
|
</a>
|
||||||
<a
|
<a
|
||||||
class="social-profile"
|
class="social-profile"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
@ -117,12 +96,4 @@
|
||||||
@apply mx-auto my-20 aspect-square rounded-full shadow-dark-text-gray;
|
@apply mx-auto my-20 aspect-square rounded-full shadow-dark-text-gray;
|
||||||
box-shadow: 0 0 40px 20px;
|
box-shadow: 0 0 40px 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.socials-and-profiles {
|
|
||||||
@apply mt-12 flex flex-wrap gap-6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.note {
|
|
||||||
color: #ffffffcc;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue