Fix strucutrue
This commit is contained in:
@@ -6,7 +6,7 @@ import WebThemeToggle from './web-theme-toggle.vue';
|
||||
<template>
|
||||
<footer class="article">
|
||||
<section class="web-section">
|
||||
<h3 class="text-5xl mb-4">Techit's Home ////////// thawia.ng</h3>
|
||||
<h3 class="text-3xl md:text-5xl mb-4">Techit's Home /// thawia.ng</h3>
|
||||
<small>
|
||||
Copyright © Techit Thawiang 2025 (2568). All rights reserved.<br>
|
||||
PGP/GPG Key: <code style="font-size: 12px;"><a href="/portal/f/Techit Thawiang_0xE649CED321557334_public.asc">4116 33BE 1B4A 19D4 8D77 9ADE E649 CED3 2155 7334</a></code><br>
|
||||
|
||||
@@ -33,7 +33,43 @@
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<button class="hamburger-toggle" @click="toggleMobileHamburger">
|
||||
<Icon name="oundr:menu"/>
|
||||
</button>
|
||||
</div>
|
||||
</section>
|
||||
<nav v-if="mobileHamburger" class="hamburger-menu">
|
||||
<ul class="nav-wrapper">
|
||||
<li class="nav-link">
|
||||
<NuxtLink @click="toggleMobileHamburger" href="/">Home</NuxtLink>
|
||||
</li>
|
||||
<!-- <li class="nav-link">
|
||||
<NuxtLink href="/blog">Blog</NuxtLink>
|
||||
</li>
|
||||
<li class="nav-link">
|
||||
<NuxtLink href="/projects">Projects</NuxtLink>
|
||||
</li>
|
||||
<li class="nav-link">
|
||||
<NuxtLink href="/about">About</NuxtLink>
|
||||
</li>-->
|
||||
<li class="nav-link">
|
||||
<NuxtLink @click="toggleMobileHamburger" href="/contact">Contact</NuxtLink>
|
||||
</li>
|
||||
<li class="nav-link">
|
||||
<NuxtLink @click="toggleMobileHamburger" href="/fonts">Fonts</NuxtLink>
|
||||
</li>
|
||||
<li class="nav-link">
|
||||
<NuxtLink @click="toggleMobileHamburger" href="/collections">Collections</NuxtLink>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
</template>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
const mobileHamburger = ref(false);
|
||||
|
||||
function toggleMobileHamburger() {
|
||||
mobileHamburger.value = !mobileHamburger.value
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user