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

To v 16.1.1: merge card css classes

Browse Source
This commit is contained in:
Techit Thawiang
2025-10-18 20:36:22 +07:00
parent c4016fe8f8
commit 91ee5eb3e4
11 changed files with 188 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/pages/contact.vue
+24 -24
View File
@@ -8,34 +8,34 @@
<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>
<section class="font-card-container">
<a class="font-card" href="mailto:techit@thawia.ng">
<div class="font-card-content">
<section class="card-container">
<a class="card" href="mailto:techit@thawia.ng">
<div class="card-content">
✉️ techit@thawia.ng
</div>
</a>
<a class="font-card" href="mailto:techit@dailitation.xyz">
<div class="font-card-content">
<a class="card" href="mailto:techit@dailitation.xyz">
<div class="card-content">
✉️ techit@dailitation.xyz
</div>
</a>
<a class="font-card" href="mailto:techit@unix.in.th">
<div class="font-card-content">
<a class="card" href="mailto:techit@unix.in.th">
<div class="card-content">
✉️ techit@unix.in.th
</div>
</a>
<a class="font-card" href="mailto:techit.th@icloud.com">
<div class="font-card-content">
<a class="card" href="mailto:techit.th@icloud.com">
<div class="card-content">
✉️ techit.th@icloud.com
</div>
</a>
<a class="font-card" href="https://furnu.org/@techit">
<div class="font-card-content">
<a class="card" href="https://furnu.org/@techit">
<div class="card-content">
techit@furnu.org — Mastodon
</div>
</a>
<div class="font-card">
<div class="font-card-content">
<div class="card">
<div class="card-content">
techitwinner@matrix.org — Matrix
</div>
</div>
@@ -44,29 +44,29 @@
<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>
<section class="font-card-container">
<a class="font-card" href="https://x.com/techitwinner">
<div class="font-card-content">
<section class="card-container">
<a class="card" href="https://x.com/techitwinner">
<div class="card-content">
@techitwinner — X (Twitter)
</div>
</a>
<a class="font-card" href="https://tiktok.com/@techitwinner">
<div class="font-card-content">
<a class="card" href="https://tiktok.com/@techitwinner">
<div class="card-content">
@techitwinner — TikTok
</div>
</a>
<a class="font-card" href="https://instagram.com/techitwinner">
<div class="font-card-content">
<a class="card" href="https://instagram.com/techitwinner">
<div class="card-content">
@techitwinner — Instagram
</div>
</a>
<a class="font-card" href="https://facebook.com/@techitwinner">
<div class="font-card-content">
<a class="card" href="https://facebook.com/@techitwinner">
<div class="card-content">
@techitwinner — Facebook
</div>
</a>
<a class="font-card" href="https://bsky.app/profile/thawia.ng">
<div class="font-card-content">
<a class="card" href="https://bsky.app/profile/thawia.ng">
<div class="card-content">
@thawia.ng — BlueSky
</div>
</a>
app/pages/fonts.vue
+6 -6
View File
@@ -20,19 +20,19 @@
<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="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">
<a :class="'card', {disabled: font.disabled}" :href="fontUrl + font.css">
<div class="card-content text-xl">
{{ font.name }}
<p>{{ fontUrl + font.css }}</p>
</div>
</a>
</li>
</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">
<section class="card-container">
<a :class="'card', {disabled: font.disabled}" v-for="font in family.children" :key="font.id" :href="fontUrl + font.css">
<div class="card-content">
{{ font.name }}
</div>
</a>
app/pages/index.vue
+9 -9
View File
@@ -21,26 +21,26 @@
<h2 class="web-title" id="projects">My projects</h2>
<p id="projects-paragraph-1">As I said above, I usually spend my free time learning more about software engineering. This includes server administration for <a class="link" href="https://dailitation.xyz">dailitation.xyz</a>. Over time, small and large projects have born and died.</p>
<p id="projects-paragraph-2">Let's go take a look of my projects collection!</p>
<div class="project-card-container">
<!-- <a target="_blank" href="https://github.com/TechitWinner/warehouse" class="project-card">
<div class="card-container">
<!-- <a target="_blank" href="https://github.com/TechitWinner/warehouse" class="card">
<img src="https://files.thawia.ng/files/assets/warehouse.jpg">
<div class="project-card-content">
<div class="card-content">
<h3>Warehouse</h3>
<p title="I planned it to be my API for personal website and other stuff; written in Rust and Axum.">I planned it to be my API for personal website and other stuff; written in Rust and Axum.</p>
</div>
</a> -->
<a target="_blank" href="https://github.com/TechitWinner/web" class="project-card">
<a target="_blank" href="https://github.com/TechitWinner/web" class="card">
<img src="https://files.thawia.ng/files/assets/web.png">
<div class="project-card-content">
<div class="card-content">
<h3>Web</h3>
<p title="Nothing much, just this website written in Nuxt (Vue) and some cool CSS.">Nothing much, just this website written in Nuxt (Vue) and some cool CSS.</p>
<p style="margin-block:0.25em;" title="Nothing much, just this website written in Nuxt (Vue) and some cool CSS.">Nothing much, just this website written in Nuxt (Vue) and some cool CSS.</p>
</div>
</a>
<a target="_blank" href="https://github.com/TechitWinner/coinbag-pro" class="project-card">
<a target="_blank" href="https://github.com/TechitWinner/coinbag-pro" class="card">
<img src="https://opengraph.githubassets.com/79ca3021ce93e3d277062d399d623842564bc2f9407600e5b6102036f01e8277/TechitWinner/coinbag-pro">
<div class="project-card-content">
<div class="card-content">
<h3>Coinbag Pro</h3>
<p title="A handwriting typeface, created by me but it is a dead project now.">A handwriting typeface, created by me but it is a dead project now.</p>
<p style="margin-block:0.25em;" title="A handwriting typeface, created by me but it is a dead project now.">A handwriting typeface, created by me but it is a dead project now.</p>
</div>
</a>
</div>
app/pages/portal.vue
+5 -5
View File
@@ -6,18 +6,18 @@
<p id="hero-desc" class="font-hero-desc">Take a portal to travel to various dimensions.</p>
</section>
<section class="web-section" aria-labelledby="projects" aria-describedby="projects-paragraph-1">
<ul class="font-card-container">
<ul class="card-container">
<li>
<a :class="'font-card'" :href="baseUrl + '/portal/f/'">
<div class="font-card-content">
<a :class="'card'" :href="baseUrl + '/portal/f/'">
<div class="card-content">
<h3>Files</h3>
<p>A portal that collects this website data, whether it's mine or not.</p>
</div>
</a>
</li>
<li>
<a :class="'font-card'" :href="baseUrl + '/portal/s/'">
<div class="font-card-content">
<a :class="'card'" :href="baseUrl + '/portal/s/'">
<div class="card-content">
<h3>Share</h3>
<p>A portal that were created by me to share media, It works like Google Drive public share.</p>
</div>