From cc7b2c5281519e8383f60ccd11156d88c589a206 Mon Sep 17 00:00:00 2001
From: Astro-CQM <saturn@astro.win>
Date: Fri, 4 Apr 2025 16:28:53 +0900
Subject: [PATCH] fix: special thanks

---
 .../src/components/MkVisitorDashboard.vue     |  1 -
 packages/frontend/src/pages/about.vue         | 42 ++++++++++++++++++-
 2 files changed, 40 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/components/MkVisitorDashboard.vue b/packages/frontend/src/components/MkVisitorDashboard.vue
index 72fa0faf7..7f88a9a7b 100644
--- a/packages/frontend/src/components/MkVisitorDashboard.vue
+++ b/packages/frontend/src/components/MkVisitorDashboard.vue
@@ -57,7 +57,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 		-->
 		<div :class="$style.legalNotice">
 			<div>© {{ new Date().getFullYear() }} OSCAR Node #4</div>
-			<div>Special Illustration by <u><a href="https://x.com/@DK_DK42" target="_blank" rel="noopener">@DK_DK42</a></u></div>
 		</div>
 		<div :class="$style.links">
 			<a href="#" @click="os.pageWindow('/about')"><u>{{ instanceName }}</u></a>
diff --git a/packages/frontend/src/pages/about.vue b/packages/frontend/src/pages/about.vue
index 9c6adc5bc..0f3db6087 100644
--- a/packages/frontend/src/pages/about.vue
+++ b/packages/frontend/src/pages/about.vue
@@ -27,8 +27,8 @@ SPDX-License-Identifier: AGPL-3.0-only
 				</MkKeyValue>
 
 				<div style="display:flex;flex-direction:column;align-items:center;justify-content:center">
-					<div>© {{ new Date().getFullYear() }} OSCAR Node #4</div>
-					<div>Special Illustration by <u><a href="https://x.com/@DK_DK42" target="_blank" rel="noopener">@DK_DK42</a></u></div>
+					<div>Powered by OSCAR Node #4 with ❤️.</div>
+					<div>© {{ new Date().getFullYear() }} OSCAR Node #4, All Rights Reserved.</div>
 				</div>
 
 				<!--
@@ -168,6 +168,43 @@ SPDX-License-Identifier: AGPL-3.0-only
 						<FormLink :to="`/manifest.json`" external>manifest.json</FormLink>
 					</div>
 				</FormSection>
+
+				<FormSection>
+					<template #label>Special Thanks</template>
+					<FormSection>
+						<template #label>Character Design</template>
+						<MkKeyValue oneline style="margin: 1em 0;">
+							<template #key>Sergio</template>
+							<template #value><MkLink url="https://x.com/koko_san_">@koko_san_</MkLink></template>
+						</MkKeyValue>
+						<MkKeyValue oneline style="margin: 1em 0;">
+							<template #key>Floyd</template>
+							<template #value><MkLink url="https://x.com/Astro_CQM">@Astro_CQM</MkLink>, <MkLink url="https://x.com/iyosuke_114">@iyosuke_114</MkLink></template>
+						</MkKeyValue>
+						<MkKeyValue oneline style="margin: 1em 0;">
+							<template #key>Oscar</template>
+							<template #value><MkLink url="https://x.com/Astro_CQM">@Astro_CQM</MkLink>, <MkLink url="https://x.com/koko_san_">@koko_san_</MkLink></template>
+						</MkKeyValue>
+					</FormSection>
+					<FormSection>
+						<template #label>ST@R P:ACE Branding</template>
+						<MkKeyValue oneline style="margin: 1em 0;">
+							<template #key>Logo Design</template>
+							<template #value><MkLink url="https://crepe.cm/@r0I1xmCy">@r0I1xmCy</MkLink></template>
+						</MkKeyValue>
+						<MkKeyValue oneline style="margin: 1em 0;">
+							<template #key>Main Illustrations</template>
+							<template #value><MkLink url="https://x.com/iyosuke_114">@iyosuke_114</MkLink></template>
+						</MkKeyValue>
+					</FormSection>
+					<FormSection>
+						<template #label>OSCAR Node #4 Branding</template>
+						<MkKeyValue oneline style="margin: 1em 0;">
+							<template #key>Special Illustration</template>
+							<template #value><MkLink url="https://x.com/DK_DK42">@DK_DK42</MkLink></template>
+						</MkKeyValue>
+					</FormSection>
+				</FormSection>
 			</div>
 		</MkSpacer>
 		<MkSpacer v-else-if="tab === 'emojis'" :contentMax="1000" :marginMin="20">
@@ -190,6 +227,7 @@ import FormSection from '@/components/form/section.vue';
 import FormSuspense from '@/components/form/suspense.vue';
 import FormSplit from '@/components/form/split.vue';
 import MkA from '@/components/global/MkA.vue';
+import MkLink from '@/components/MkLink.vue';
 import MkAvatar from '@/components/global/MkAvatar.vue';
 import MkFolder from '@/components/MkFolder.vue';
 import MkKeyValue from '@/components/MkKeyValue.vue';