RhenCloud/Cloud-Blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
RhenCloud
2025-12-20 18:46:45 +08:00
parent 5163e756f0
commit 547fd99c23
73 changed files with 15635 additions and 1924 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
app/pages/about.vue
View File

@@ -1,22 +1,15 @@
<script setup lang="ts">
import { aboutPage, footerData, navbarData, socialLinks } from '~/data'
import { aboutPage, footerData, navbarData, socialLinks } from "~/data";
useHead({
title: 'About',
title: "About",
meta: [
{
name: 'description',
name: "description",
content: footerData.aboutAuthor,
},
],
})
defineOgImageComponent('About', {
headline: 'Greetings 👋',
title: navbarData.homeTitle,
description: 'Dive into web development with me and learn Js, Ts, Vue, Nuxt, Docker, k8s',
link: '/riyad.jpg',
})
});
</script>
<template>
@@ -34,32 +27,28 @@ defineOgImageComponent('About', {
:to="socialLinks.githubLink"
target="_blank"
class="px-2 py-1 lg:px-3 lg:py-2 bg-gray-300 text-gray-800 rounded-md dark:bg-slate-700 dark:text-[#F1F2F4]"
aria-label="Github"
>
aria-label="Github">
<Icon name="fa:github" size="1em" class="-translate-y-[-10%]" />
</NuxtLink>
<NuxtLink
:to="socialLinks.linkedinLink"
target="_blank"
class="px-2 py-1 lg:px-3 lg:py-2 bg-gray-300 text-gray-800 rounded-md dark:bg-slate-700 dark:text-[#F1F2F4]"
aria-label="LinkedIn"
>
aria-label="LinkedIn">
<Icon name="fa:linkedin-square" size="1em" class="-translate-y-[-10%]" />
</NuxtLink>
<NuxtLink
:to="socialLinks.twitterLink"
target="_blank"
class="px-2 py-1 lg:px-3 lg:py-2 bg-gray-300 text-gray-800 rounded-md dark:bg-slate-700 dark:text-[#F1F2F4]"
aria-label="Twitter"
>
aria-label="Twitter">
<Icon name="fa:twitter-square" size="1em" class="-translate-y-[-10%]" />
</NuxtLink>
<NuxtLink
:to="socialLinks.stackoverflowLink"
target="_blank"
class="px-2 py-1 lg:px-3 lg:py-2 bg-gray-300 text-gray-800 rounded-md dark:bg-slate-700 dark:text-[#F1F2F4]"
aria-label="StackOverflow"
>
aria-label="StackOverflow">
<Icon name="fa:stack-overflow" size="1em" class="-translate-y-[-10%]" />
</NuxtLink>
</div>