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

beauty treatment

Browse Source
This commit is contained in:
Techit Thawiang
2025-10-13 21:25:04 +07:00
parent 1b550cecb9
commit 8358c4acb4
7 changed files with 464 additions and 290 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/pages/contact.vue
+59 -28
View File
@@ -8,38 +8,69 @@
<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 class="font-card-container">
<a class="font-card" href="mailto:techit@thawia.ng">
<div class="font-card-content">
✉️ techit@thawia.ng
</div>
</a>
<a class="font-card" href="mailto:techit@dailitation.xyz">
<div class="font-card-content">
✉️ techit@dailitation.xyz
</div>
</a>
<a class="font-card" href="mailto:techit@unix.in.th">
<div class="font-card-content">
✉️ techit@unix.in.th
</div>
</a>
<a class="font-card" href="mailto:techit.th@icloud.com">
<div class="font-card-content">
✉️ techit.th@icloud.com
</div>
</a>
<a class="font-card" href="https://furnu.org/@techit">
<div class="font-card-content">
techit@furnu.org — Mastodon
</div>
</a>
<div class="font-card">
<div class="font-card-content">
techitwinner@matrix.org — Matrix
</div>
</div>
</section>
</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 class="font-card-container">
<a class="font-card" href="https://x.com/techitwinner">
<div class="font-card-content">
@techitwinner — X (Twitter)
</div>
</a>
<a class="font-card" href="https://tiktok.com/@techitwinner">
<div class="font-card-content">
@techitwinner — TikTok
</div>
</a>
<a class="font-card" href="https://instagram.com/techitwinner">
<div class="font-card-content">
@techitwinner — Instagram
</div>
</a>
<a class="font-card" href="https://facebook.com/@techitwinner">
<div class="font-card-content">
@techitwinner — Facebook
</div>
</a>
<a class="font-card" href="https://bsky.app/profile/thawia.ng">
<div class="font-card-content">
@thawia.ng — BlueSky
</div>
</a>
</section>
</section>
</article>
</main>
app/pages/fonts.vue
+10 -3
View File
@@ -20,16 +20,23 @@
<section v-else-if="fonts" v-for="family in fonts" key="family.id" class="web-section" :aria-labelledby="family.id + '-title'" :aria-describedby="family.desc + '-desc'">
<h2 :id="family.id + '-title'" class="web-title">{{ family.family }}</h2>
<p :id="family.id + '-desc'">{{ family.desc }}</p>
<ul class="font-card-container">
<!-- <ul class="font-card-container">
<li v-for="font in family.children" :key="font.id">
<a :class="'font-card', {disabled: font.disabled}" :href="fontUrl + font.css">
<div class="font-card-content text-xl">
{{ font.name }}
<!-- <p>{{ fontUrl + font.css }}</p> -->
<p>{{ fontUrl + font.css }}</p>
</div>
</a>
</li>
</ul>
</ul> -->
<section class="font-card-container">
<a class="font-card" v-for="font in family.children" :key="font.id" :href="fontUrl + font.css">
<div class="font-card-content">
{{ font.name }}
</div>
</a>
</section>
</section>
<section v-else class="web-section">
<h2 id="noto" class="web-title">An unknown error occured</h2>
app/pages/posts/[...slug].vue
+1
View File
@@ -3,6 +3,7 @@
<article class="article">
<section class="web-section" aria-labelledby="hero" aria-describedby="hero-desc">
<section class="max-w-6xl mx-auto z-[1]">
<small class="prose-blog-pretext" aria-hidden="true">You are reading blog post:</small>
<h1 id="hero" class="font-hero">{{ post?.title }}</h1>
<div class="post-cover">
<section class="w-full">