style(about): One and only for OSCAR (2)

locales/en-US.yml

@@ -1260,6 +1260,8 @@ alwaysConfirmFollow: "Always confirm when following"
 inquiry: "Contact"
 here: "here"
 credits: "Closing Credits"
+timeWillCome: "Will this have your name on it someday?"
+thankYou: "Oscar will always surf the waves with you, forever."
 _bubbleGame:
   howToPlay: "How to play"
   hold: "Hold"

locales/ja-JP.yml

@@ -1269,6 +1269,8 @@ blockThisUser: "このユーザーをブロックする"
 muteThisUser: "このユーザーをミュートする"
 here: "こちら"
 credits: "スタッフロール"
+timeWillCome: "いつかこの欄にあなたの名前が書かれる日が来るのでしょうか？"
+thankYou: "オスカーはあなたと一緒にサーフィンします。 いつまでも。"
 
 _bubbleGame:
   howToPlay: "遊び方"

locales/ko-KR.yml

@@ -862,7 +862,7 @@ low: "낮음"
 emailNotConfiguredWarning: "메일 주소가 설정되어 있지 않습니다."
 ratio: "비율"
 previewNoteText: "본문 미리보기"
-customCss: "CSS 유저화"
+customCss: "CSS 커스터마이즈"
 customCssWarn: "이 설정은 기능을 알고 있는 경우에만 사용해야 합니다. 잘못된 값을 입력하면 클라이언트가 정상적으로 작동하지 않을 수 있습니다."
 global: "글로벌"
 squareAvatars: "프로필 아바타를 사각형으로 표시"
@@ -1253,6 +1253,8 @@ launchApp: "앱 실행"
 useNativeUIForVideoAudioPlayer: "브라우저 UI에서 미디어 재생"
 here: "여기"
 credits: "엔딩 크레딧"
+timeWillCome: "언젠가 이 칸에 당신의 이름이 쓰여지는 날이 올까요?"
+thankYou: "오스카는 당신과 함께 서핑할 것입니다. 언제까지고."
 _bubbleGame:
   howToPlay: "설명"
   hold: "홀드"

packages/frontend/src/pages/about.vue

@@ -139,6 +139,22 @@ SPDX-License-Identifier: AGPL-3.0-only
 								</span>
 							</span>
 						</MkA>
+						<MkA v-if="$i !== null" :to="`/@${$i.username}`" :class="$style.contributor">
+							<img :src="$i.avatarUrl ?? undefined" :class="$style.contributorAvatar" :alt="`Profile image of @${$i.username}@oscar.surf`">
+							<span :class="$style.contributorUsername">{{ `@${$i.username}` }}
+								<span :class="$style.contributorClient">
+									<span :class="$style.thankYou">{{ i18n.ts.thankYou }}</span>
+								</span>
+							</span>
+						</MkA>
+						<MkA v-else to="/about" :class="$style.contributor">
+							<img src="/static-assets/avatar.png" :class="$style.contributorAvatar" alt="Misskey default profile image">
+							<span :class="$style.contributorUsername">Visitor
+								<span :class="$style.contributorClient">
+									<span :class="$style.visitor">{{ i18n.ts.timeWillCome }}</span>
+								</span>
+							</span>
+						</MkA>
 					</div>
 				</FormSection>
 
@@ -173,7 +189,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 import { computed, watch, ref } from 'vue';
 import * as Misskey from 'misskey-js';
 import XEmojis from './about.emojis.vue';
-import XFederation from './about.federation.vue';
+// import XFederation from './about.federation.vue';
 import { version, host } from '@/config.js';
 import FormLink from '@/components/form/link.vue';
 import FormSection from '@/components/form/section.vue';
@@ -187,6 +203,7 @@ import MkInstanceStats from '@/components/MkInstanceStats.vue';
 import MkHorizontalSwipe from '@/components/MkHorizontalSwipe.vue';
 import { misskeyApi } from '@/scripts/misskey-api.js';
 import number from '@/filters/number.js';
+import { $i } from "@/account.js";
 import { i18n } from '@/i18n.js';
 import { definePageMetadata } from '@/scripts/page-metadata.js';
 import { claimAchievement } from '@/scripts/achievements.js';
@@ -352,5 +369,13 @@ definePageMetadata(() => ({
 	> .oscar {
 		color: #00ff63;
 	}
+
+	> .thankYou {
+		color: #5a70ff;
+	}
+
+	> .visitor {
+		color: #ebff3a;
+	}
 }
 </style>