Merge pull request #383 from scalamatsuri/master

Production! Release 2024-06-15 14:33:51

components/top/Banners.vue

@@ -2,12 +2,12 @@
 en:
   sponsorship: 'Sponsorship(ja)'
   call-for-proposals: 'Call for proposals'
-  ticket: 'Get a Ticket'
+  ticket: 'Doorkeeper'
   tshirt: 'Get a (Ninja) T-Shirt'
 ja:
   sponsorship: 'スポンサー募集'
   call-for-proposals: 'セッションに応募'
-  ticket: 'チケット購入'
+  ticket: 'Doorkeeper'
   tshirt: '(忍者)Tシャツ購入'
 </i18n>
 <template>

components/top/Events.vue

@@ -91,10 +91,10 @@ ja:
 
 <template>
   <section class="content">
-    <h2 class="content_title">Ticket</h2>
-    <div class="content_text">
-      <span v-html="t('ticket_info')" />
-    </div>
+    <!-- <h2 class="content_title">Ticket</h2> -->
+    <!-- <div class="content_text"> -->
+      <!-- <span v-html="t('ticket_info')" /> -->
+    <!-- </div> -->
     <h2 class="content_title">Events</h2>
     <div class="content_text">
       <span v-html="t('event_overview_1')" />

components/top/ThankYou.vue

@@ -0,0 +1,52 @@
+<i18n lang="yaml">
+en:
+  title: 'Thank You'
+  overview: |
+    ScalaMatsuri 2024 came out to be another successful one thanks in many parts to sponsors, speakers, staffs, and your attendance!<br/>
+    We owe you great gratitude, and we hope to see you again next time. Please register to Doorkeeper to get notified.
+ja:
+  title: '開催御礼'
+  overview: |
+    ScalaMatsuri 2024 は参加者、スピーカー、スポンサー、スタッフ等、皆様のおかげで盛況のうちに終了しました。<br/>
+    ご来場・ご協力いただいた皆様、ありがとうございました。<br/>
+    また、下記Doorkeeperのリンクよりメンバー登録をしておいてくださると、次回開催の情報をいち早くゲットできます！
+</i18n>
+
+<template>
+  <section class="content">
+    <div class="content_inner">
+      <h2 class="content_title">
+        {{ t('title') }}
+      </h2>
+      <p class="content_text">
+        <span v-html="t('overview')" />
+      </p>
+    </div>
+  </section>
+</template>
+
+<script setup lang="ts">
+const { t } = useI18n()
+</script>
+
+<style lang="scss" scoped>
+.content {
+  padding: 0 20px;
+  text-align: center;
+  max-width: $pcMinWidth - 40px;
+  margin: 0 auto 50px;
+}
+
+.content_title {
+  display: inline-block;
+  margin-top: 40px;
+  font-weight: bold;
+  font-size: 48px;
+  color: #bd3844;
+}
+.content_text {
+  margin-top: 40px;
+  font-size: 16px;
+  line-height: 28px;
+}
+</style>

pages/index.vue

@@ -4,6 +4,7 @@
   <ClientOnly fallback-tag="span" fallback="Loading comments...">
     <TopNews />
   </ClientOnly>
+  <TopThankYou />
   <TopBanners />
   <TopEvents />
   <TopSponsors />