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

change new layout

Browse Source
This commit is contained in:
Techit Thawiang
2025-08-25 21:13:33 +07:00
parent 963f460e8a
commit 136c513630
9 changed files with 428 additions and 362 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/collections.vue
+36 -36
View File
@@ -1,37 +1,37 @@
<template>
<main>
<article class="article">
<section class="web-hero" aria-labelledby="hero" aria-describedby="hero-desc">
<h1 id="hero" class="font-hero">Techit's Collection</h1>
<p id="hero-desc" class="font-hero-desc">Techit's personal collection of various interesting, trending media/materials.</p>
</section>
<section class="web-section" aria-labelledby="docs" aria-describedby="docs-desc">
<h3 id="docs" class="web-title">Interesting Documents</h3>
<ul>
<li><a class="link" href="https://thawia.ng/portal/f/act/Copyright_Act2_TH.pdf">Thailand Copyright Act: พระราชบัญญัติลิขสิทธิ์ พ.ศ. ๒๕๓๗</a></li>
</ul>
</section>
<section class="web-section" aria-labelledby="tools" aria-describedby="tools-desc">
<h3 id="tools" class="web-title">Interesting Tools</h3>
<ul>
<li><a class="link" href="https://github.com/Tyrrrz/YoutubeDownloader">YoutubeDownloader: Downloads videos and playlists from YouTube</a></li>
</ul>
</section>
</article>
</main>
</template>
<script setup>
const TITLE = "Collections"
const DESC = "Techit's personal-public collections"
useHead({
title: TITLE,
meta: [
{ name: 'description', content: DESC },
{ property: 'og:title', content: TITLE },
{ property: 'og:description', content: DESC },
{ property: 'og:type', content: 'website' }
]
})
<template>
<main>
<article class="article">
<section class="web-hero web-hero-bg" aria-labelledby="hero" aria-describedby="hero-desc">
<h1 id="hero" class="font-hero">Techit's Collection</h1>
<p id="hero-desc" class="font-hero-desc">Techit's personal collection of various interesting, trending media/materials.</p>
</section>
<section class="web-section" aria-labelledby="docs" aria-describedby="docs-desc">
<h3 id="docs" class="web-title">Interesting Documents</h3>
<ul>
<li><a class="link" href="https://thawia.ng/portal/f/act/Copyright_Act2_TH.pdf">Thailand Copyright Act: พระราชบัญญัติลิขสิทธิ์ พ.ศ. ๒๕๓๗</a></li>
</ul>
</section>
<section class="web-section" aria-labelledby="tools" aria-describedby="tools-desc">
<h3 id="tools" class="web-title">Interesting Tools</h3>
<ul>
<li><a class="link" href="https://github.com/Tyrrrz/YoutubeDownloader">YoutubeDownloader: Downloads videos and playlists from YouTube</a></li>
</ul>
</section>
</article>
</main>
</template>
<script setup>
const TITLE = "Collections"
const DESC = "Techit's personal-public collections"
useHead({
title: TITLE,
meta: [
{ name: 'description', content: DESC },
{ property: 'og:title', content: TITLE },
{ property: 'og:description', content: DESC },
{ property: 'og:type', content: 'website' }
]
})
</script>