From e6140b7eef54ddab988ce84350da1b91d2d1971f Mon Sep 17 00:00:00 2001
From: atsu1125 <atsuchan@atsuchan.page>
Date: Sat, 25 Feb 2023 15:34:51 +0900
Subject: [PATCH 1/2] Fix: Show announcement date

---
 locales/en-US.yml                              |  1 +
 locales/ja-JP.yml                              |  1 +
 src/client/components/announcements-window.vue |  9 ++++++++-
 src/client/pages/announcements.vue             |  8 ++++++++
 src/client/ui/visitor/kanban.vue               | 10 +++++++++-
 5 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/locales/en-US.yml b/locales/en-US.yml
index cd84f74fdb..75ee1c7ac3 100644
--- a/locales/en-US.yml
+++ b/locales/en-US.yml
@@ -873,6 +873,7 @@ showVoteConfirm: "Show confirmation dialog before voting"
 voteConfirm: "Are you sure that you want to vote?"
 deleteAccount: "Delete Account"
 deleteAccountConfirm: "Are you sure that you want to delete this account?"
+createdAt: "Created at"
 
 _template:
   edit: "Edit Template..."
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index 0bdcbbec47..6c497522ce 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -910,6 +910,7 @@ showVoteConfirm: "投票する前に確認ダイアログを表示する"
 voteConfirm: "投票しますか？"
 deleteAccount: "アカウント削除"
 deleteAccountConfirm: "本当にこのアカウントを削除しますか？"
+createdAt: "作成日時"
 
 _template:
   edit: "定型文を編集…"
diff --git a/src/client/components/announcements-window.vue b/src/client/components/announcements-window.vue
index 429192cdde..3260574bcf 100644
--- a/src/client/components/announcements-window.vue
+++ b/src/client/components/announcements-window.vue
@@ -13,7 +13,9 @@
 			<mfm :text="currentAnnouncement.text" :once="false"/>
 			<img v-if="currentAnnouncement.imageUrl" :src="currentAnnouncement.imageUrl"/>
 		</div>
-		<div class="time"><MkTime :time="currentAnnouncement.createdAt" mode="detail"/></div>
+		<div class="footer">
+			<div>{{ $ts.createdAt }}: <MkTime :time="currentAnnouncement.createdAt" mode="detail"/></div>
+		</div>
 	</div>
 	<template #footer>
 		<div class="navigation">
@@ -116,6 +118,11 @@ export default defineComponent({
 			margin-bottom: 1em;
 			font-size: 1em;
 		}
+		> .footer {
+			margin: var(--margin) 0 var(--margin) 0;
+			font-size: 85%;
+			opacity: 0.75;
+		}
 }
 .navigation {
 	> button.arrow {
diff --git a/src/client/pages/announcements.vue b/src/client/pages/announcements.vue
index 72fbcdaffd..4906034efc 100644
--- a/src/client/pages/announcements.vue
+++ b/src/client/pages/announcements.vue
@@ -7,6 +7,9 @@
 				<Mfm :text="announcement.text" :once="false"/>
 				<img v-if="announcement.imageUrl" :src="announcement.imageUrl"/>
 			</div>
+			<div class="footer">
+				<div>{{ $ts.createdAt }}: <MkTime :time="announcement.createdAt" mode="detail"/></div>
+			</div>
 			<div class="_footer" v-if="$i && !announcement.isRead">
 				<MkButton @click="read(items, announcement, i)" primary><Fa :icon="faCheck"/> {{ $ts.gotIt }}</MkButton>
 			</div>
@@ -65,6 +68,11 @@ export default defineComponent({
 				max-width: 100%;
 			}
 		}
+		> .footer {
+			margin: var(--margin) 0 var(--margin) 0;
+			font-size: 85%;
+			opacity: 0.75;
+		}
 	}
 }
 </style>
diff --git a/src/client/ui/visitor/kanban.vue b/src/client/ui/visitor/kanban.vue
index b93a72b76a..74a50cded1 100644
--- a/src/client/ui/visitor/kanban.vue
+++ b/src/client/ui/visitor/kanban.vue
@@ -28,6 +28,9 @@
 								<Mfm :text="announcement.text"/>
 								<img v-if="announcement.imageUrl" :src="announcement.imageUrl"/>
 							</div>
+							<div class="footer">
+								<div>{{ $ts.createdAt }}: <MkTime :time="announcement.createdAt" mode="detail"/></div>
+							</div>
 						</section>
 					</MkPagination>
 				</div>
@@ -189,7 +192,7 @@ export default defineComponent({
 				box-sizing: border-box;
 				text-shadow: 0 0 8px black;
 				color: #fff;
-				
+
 				> .signup-disabled {
 					color: var(--infoWarnFg);
 					border: 2px dashed var(--infoWarnBg);
@@ -255,6 +258,11 @@ export default defineComponent({
 						}
 					}
 				}
+				> .footer {
+					margin: var(--margin) 0 var(--margin) 0;
+					font-size: 85%;
+					opacity: 0.75;
+				}
 			}
 
 			> .powered-by {

From 1878679f646166fb5b8fa40f3ed439761626827a Mon Sep 17 00:00:00 2001
From: atsu1125 <atsuchan@atsuchan.page>
Date: Sat, 25 Feb 2023 17:47:09 +0900
Subject: [PATCH 2/2] Add Announcements to visitor menu

---
 src/client/ui/visitor/b.vue      | 2 ++
 src/client/ui/visitor/header.vue | 5 +++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/client/ui/visitor/b.vue b/src/client/ui/visitor/b.vue
index 2a2cb40866..253548b44a 100644
--- a/src/client/ui/visitor/b.vue
+++ b/src/client/ui/visitor/b.vue
@@ -35,7 +35,9 @@
 	<transition name="tray">
 		<div v-if="showMenu" class="menu">
 			<MkA to="/" class="link" active-class="active"><Fa :icon="faHome" class="icon"/>{{ $ts.home }}</MkA>
+			<MkA to="/announcements" class="link" active-class="active"><Fa :icon="faBroadcastTower" class="icon"/>{{ $ts.announcements }}</MkA>
 			<MkA to="/explore" class="link" active-class="active"><Fa :icon="faHashtag" class="icon"/>{{ $ts.explore }}</MkA>
+			<MkA to="/featured" class="link" active-class="active"><Fa :icon="faFireAlt" class="icon"/>{{ $ts.featured }}</MkA>
 			<MkA to="/channels" class="link" active-class="active"><Fa :icon="faSatelliteDish" class="icon"/>{{ $ts.channel }}</MkA>
 			<div class="action">
 				<button class="_buttonPrimary" @click="signup()">{{ $ts.signup }}</button>
diff --git a/src/client/ui/visitor/header.vue b/src/client/ui/visitor/header.vue
index 9a7bf96fc0..be41304af1 100644
--- a/src/client/ui/visitor/header.vue
+++ b/src/client/ui/visitor/header.vue
@@ -3,6 +3,7 @@
 	<div class="wide" v-if="narrow === false">
 		<div class="content">
 			<MkA to="/" class="link" active-class="active"><Fa :icon="faHome" class="icon"/>{{ $ts.home }}</MkA>
+			<MkA to="/announcements" class="link" active-class="active"><Fa :icon="faBroadcastTower" class="icon"/>{{ $ts.announcements }}</MkA>
 			<MkA to="/explore" class="link" active-class="active"><Fa :icon="faHashtag" class="icon"/>{{ $ts.explore }}</MkA>
 			<MkA to="/featured" class="link" active-class="active"><Fa :icon="faFireAlt" class="icon"/>{{ $ts.featured }}</MkA>
 			<MkA to="/channels" class="link" active-class="active"><Fa :icon="faSatelliteDish" class="icon"/>{{ $ts.channel }}</MkA>
@@ -41,7 +42,7 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
-import { faSearch, faHome, faFireAlt, faHashtag, faSatelliteDish, faBars } from '@fortawesome/free-solid-svg-icons';
+import { faSearch, faHome, faFireAlt, faHashtag, faSatelliteDish, faBars, faBroadcastTower } from '@fortawesome/free-solid-svg-icons';
 import XSigninDialog from '@/components/signin-dialog.vue';
 import XSignupDialog from '@/components/signup-dialog.vue';
 import * as os from '@/os';
@@ -58,7 +59,7 @@ export default defineComponent({
 		return {
 			narrow: null,
 			showMenu: false,
-			faSearch, faHome, faFireAlt, faHashtag, faSatelliteDish, faBars,
+			faSearch, faHome, faFireAlt, faHashtag, faSatelliteDish, faBars, faBroadcastTower,
 		};
 	},