end of cotowali

components/LiHeader.vue

@@ -3,10 +3,11 @@
     class="header"
     v-bind="$attrs"
   >
-    <div class="flex items-center">
+    <div class="flex items-end">
       <nuxt-link :to="localePath('/')">
         <CotowaliLogoText />
       </nuxt-link>
+      <span class="ml-2 font-thin">is no longer maintained.</span>
     </div>
     <nav>
       <ul class="nav-list">

components/LiHero.vue

@@ -52,7 +52,7 @@ const { t } = useI18n({ useScope: 'local' })
 
 <style scoped>
 .hero {
-  @apply flex justify-center items-center;
+  @apply flex justify-start items-center;
   @apply py-24;
 }
 </style>

content/docs/getting-started.en.md

@@ -1,5 +1,11 @@
 # Getting Started
 
+::alert
+<span class="vertical-middle">
+Cotowali is no longer maintained.
+</span>
+::
+
 ## Setup
 
 You can install Cotowali with [Konryu](https://github.com/cotowali/konryu) that is written in Cotowali itself。

pages/index.vue

@@ -1,12 +1,31 @@
+<i18n lang="json">
+{
+  "en": {
+    "no longer maintained": "Cotowali is no longer maintained.",
+    "thank you for support": "Thank you for your support during development."
+  },
+  "ja": {
+    "no longer maintained": "Cotowali の開発は終了しました。",
+    "thank you for support": "開発中のご支援に感謝します。ありがとうございました。"
+  }
+}
+</i18n>
 <template>
   <div>
     <section class="w-hero mx-auto">
       <LiHero />
     </section>
     <section class="bg-dark-darken-1 py-8">
+      <Alert class="w-hero mx-auto">
+        <div>{{ t('no longer maintained') }}</div>
+        <div>{{ t('thank you for support') }}</div>
+      </Alert>
       <div class="w-hero mx-auto bg-dark-darken-1">
         <LiSponsors />
       </div>
     </section>
   </div>
 </template>
+<script setup lang="ts">
+const { t } = useI18n({ useScope: 'local' })
+</script>