beauty treatment
This commit is contained in:
@@ -1,11 +1,11 @@
|
||||
<template>
|
||||
<template v-if="post">
|
||||
<NuxtLink class="post-card" :to="post.path">
|
||||
<img :src="post.coverImage" :alt="post?.title + '’s cover image'"/>
|
||||
<NuxtLink class="post-card" :to="post?.path">
|
||||
<img :src="post?.coverImage" :alt="post?.title + '’s cover image'"/>
|
||||
<div class="post-card-content">
|
||||
<h3>{{ post.title }}</h3>
|
||||
<p :title="post.description">{{ post.description }}</p>
|
||||
<p class="mt-4 text-xs" :title="useFormatDate(post.dateUpdated)">{{ useRelativeDate(post.dateUpdated) }}</p>
|
||||
<h3 :title="post?.title">{{ post?.title }}</h3>
|
||||
<p style="margin-block: 0.25em" :title="post?.description">{{ post?.description }}</p>
|
||||
<p class="post-more-info" :title="useFormatDate(post?.dateUpdated)">📅 {{ useRelativeDate(post?.dateUpdated) }}</p>
|
||||
</div>
|
||||
</NuxtLink>
|
||||
</template>
|
||||
|
||||
@@ -7,20 +7,17 @@ import WebThemeToggle from './web-theme-toggle.vue';
|
||||
<footer>
|
||||
<div class="article">
|
||||
<section class="web-section">
|
||||
<h3 class="text-2xl md:text-3xl mb-4 font-light">Techit's Home /// thawia.ng</h3>
|
||||
<p>
|
||||
<small>
|
||||
Copyright © Techit Thawiang 2025 (2568). All rights reserved.<br>
|
||||
PGP/GPG Key: <code style="font-size: 12px;"><a href="https://files.thawia.ng/files/Techit Thawiang_0xE649CED321557334_public.asc">4116 33BE 1B4A 19D4 8D77 9ADE E649 CED3 2155 7334</a></code><br>
|
||||
Powered by <a class="link" href="https://dailitation.xyz">dailitation.xyz</a>, <a class="link" href="https://github.com/TechitWinner/web">Source Code</a>.
|
||||
</small>
|
||||
<img src="/favicon.ico" alt="" width="48" height="48">
|
||||
<h3 class="web-footer-title">Techit Thawiang's Website /// techit.win</h3>
|
||||
<p class="web-footer-notice">
|
||||
Copyright © Techit Thawiang 2025 (2568). All rights reserved.<br>
|
||||
PGP/GPG Key: <code style="font-size: 12px;"><a href="https://files.thawia.ng/files/Techit Thawiang_0xE649CED321557334_public.asc">4116 33BE 1B4A 19D4 8D77 9ADE E649 CED3 2155 7334</a></code><br>
|
||||
Powered by <a class="link" href="https://dailitation.xyz">dailitation.xyz</a>, <a class="link" href="https://github.com/TechitWinner/web">Source Code</a>.
|
||||
</p>
|
||||
<p>
|
||||
<small>
|
||||
More from me: <a class="link" href="https://unix.in.th">unix.in.th</a> and <a class="link" href="https://uptime.dailitation.xyz">Network Status</a>
|
||||
</small>
|
||||
<p class="web-footer-notice">
|
||||
More from me: <a class="link" href="https://unix.in.th">unix.in.th</a> and <a class="link" href="https://uptime.dailitation.xyz">Network Status</a>
|
||||
</p>
|
||||
<WebThemeToggle/>
|
||||
<!-- <WebThemeToggle/> -->
|
||||
</section>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
@@ -1,10 +1,15 @@
|
||||
<template>
|
||||
<div class="sticky top-0 w-full h-14 overflow-visible">
|
||||
<header :class="{'web-header': true, 'web-header-autohide': !mobileHamburger }">
|
||||
<div class="web-header-container">
|
||||
<header class="web-header web-header-bg">
|
||||
<section class="web-heading z-10">
|
||||
<button class="hamburger-toggle" @click="toggleMobileHamburger">
|
||||
<span class="material-symbols-outlined">menu</span>
|
||||
</button>
|
||||
<NuxtLink href="/" @click="closeMobileHamburger" class="web-heading-left-section text-(--ui-text) hover:text-primary">
|
||||
<img width="36" height="36"src="/favicon.ico">
|
||||
<p title="thawia.ng, Go home" class="web-nav-title mx-2" aria-hidden="true">TechitWinner</p>
|
||||
<div class="web-header-logo-banner">
|
||||
<img class="web-header-logo" width="36" height="36"src="/favicon.ico">
|
||||
</div>
|
||||
<p class="web-header-title" title="thawia.ng, Go home" aria-hidden="true">TechitWinner</p>
|
||||
</NuxtLink>
|
||||
<div class="web-heading-right-section">
|
||||
<nav v-if="!mobileHamburger" class="nav-links">
|
||||
@@ -29,13 +34,19 @@
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<button class="hamburger-toggle" @click="toggleMobileHamburger">
|
||||
<Icon name="oundr:menu"/>
|
||||
</button>
|
||||
</div>
|
||||
<div class="hamburger-toggle placeholder"></div>
|
||||
</section>
|
||||
</header>
|
||||
<div v-if="mobileHamburger" class="hamburger-backdrop-overlay"></div>
|
||||
<nav :class="{'hamburger-menu': true, 'hamburger-menu-hidden': !mobileHamburger }">
|
||||
<div class="hamburger-menu-header hamburger-menu-header-bg">
|
||||
<section class="web-heading">
|
||||
<button class="hamburger-toggle no-autohide" @click="closeMobileHamburger">
|
||||
<span class="material-symbols-outlined">close</span>
|
||||
</button>
|
||||
</section>
|
||||
</div>
|
||||
<ul class="nav-wrapper">
|
||||
<li class="nav-link">
|
||||
<NuxtLink title="Go home" aria-label="Go home" @click="closeMobileHamburger" href="/">Home</NuxtLink>
|
||||
@@ -52,9 +63,6 @@
|
||||
<li class="nav-link">
|
||||
<NuxtLink title="Go to collections" aria-label="Go to collections" @click="closeMobileHamburger" href="/collections">Collections</NuxtLink>
|
||||
</li>
|
||||
<li class="nav-button nav-button-only-desktop">
|
||||
<button role="button" class="hamburger-btn-square" @click="closeMobileHamburger" title="Close this menu" aria-label="Close this menu"><Icon name="oundr:x"/></button>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user