techit/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update structure

Browse Source
This commit is contained in:
Techit Thawiang
2025-07-12 23:22:31 +07:00
parent 009232187f
commit e8d201e955
4 changed files with 117 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/contact.vue
+40 -13
View File
@@ -1,19 +1,46 @@
<template>
<main>
<article class="article">
<h1>Contact Techit</h1>
<p>
You can reach me in countless ways — I’m on basically every social media app out there.
</p>
<ul>
<li>E-mail: <a href="mailto:techit@dailitation.xyz">techit@dailitation.xyz</a> (PGP/GPG available in footer section)</li>
<li>Matrix: @techitwinner:matrix.org</li>
<li>Facebook: Techit Thawiang (@techitwinner)</li>
<li>Instagram: Techit Thawiang (@techitwinner)</li>
<li>Twitter: Techit Thawiang (@techitwinner)</li>
<li>TikTok: Techit Thawiang (@techitwinner)</li>
<li>Bluesky: Techit Thawiang (@thawia.ng)</li>
</ul>
<section class="web-hero" aria-labelledby="hero" aria-describedby="hero-desc">
<h1 id="hero" class="font-hero">Contact Techit</h1>
<p id="hero-desc" class="font-hero-desc">You can reach me in countless ways — I’m on basically every social media app out there.</p>
</section>
<section class="web-section" aria-labelledby="decentralized" aria-describedby="decentralized-paragraph-1">
<h2 class="web-title" id="decentralized">Decentral&shy;ized Ways</h2>
<p id="decentralized-paragraph-1">I recommended to contact me via these given ways.</p>
<ul class="list-disc">
<li>
<p>techit@thawia.ng — E-mail Address</p>
</li>
<li>
<p>@techit@furnu.org — Mastodon</p>
</li>
<li>
<p>@techitwinner:matrix.org — Matrix</p>
</li>
</ul>
</section>
<section class="web-section" aria-labelledby="centralized" aria-describedby="centralized-paragraph-1">
<h2 class="web-title" id="centralized">Social Media</h2>
<p id="centralized-paragraph-1">If I do not reply to messages sent via contact above, plesae kindly contact me via these social media accounts.</p>
<ul class="list-disc">
<li>
<p>@techitwinner — X (Twitter)</p>
</li>
<li>
<p>@techitwinner — TikTok</p>
</li>
<li>
<p>@techitwinner — Instagram</p>
</li>
<li>
<p>@techitwinner — Facebook</p>
</li>
<li>
<p>@thawia.ng — BlueSky</p>
</li>
</ul>
</section>
</article>
</main>
</template>