Merge pull request #753 from clrfund/chore/update-devconsea-copy

Update copy on landing page and round infomation
clrfund · May 17, 2024 · 0b0947e · 0b0947e
2 parents 0dd864a + 709c458
commit 0b0947e
Show file tree

Hide file tree

Showing 6 changed files with 42 additions and 9 deletions.
diff --git a/vue-app/src/components/RoundInformation.vue b/vue-app/src/components/RoundInformation.vue
@@ -250,9 +250,15 @@
               <div class="round-info-title">{{ $t('roundInfo.div20') }}</div>
             </div>
           </div>
-          <div class="round-announcement-info">
-            {{ $t('roundInfo.div21') }}
-          </div>
+          <i18n-t class="round-announcement-info" keypath="roundInfo.div21" tag="div" scope="global">
+            <template v-slot:link>
+              <span>
+                <links class="link-here" to="https://devcon.org/en/road-to-devcon/" hideArrow>{{
+                  $t('roundInfo.linkDevcon')
+                }}</links>
+              </span>
+            </template>
+          </i18n-t>
         </div>
         <div class="round-value-info">
           <div class="round-info-sub-item">
@@ -470,6 +476,10 @@ const blockExplorer = computed(() => ({
   line-height: 120%;
   margin: 0;
 }
+.link-here {
+  text-decoration: underline;
+  color: var(--text-color);
+}
 .verified-container {
   align-self: flex-end;
 }

diff --git a/vue-app/src/locales/cn.json b/vue-app/src/locales/cn.json
@@ -659,6 +659,8 @@
     "hero": {
       "title": "将您最喜欢的项目送往月球！",
       "subtitle": "您捐赠的每个项目都将获得额外资金。",
+      "link": "",
+      "roadToDevcon": "",
       "info": "如何运作"
     },
     "callout": {
@@ -1070,6 +1072,7 @@
     "div19": "",
     "div20": "没有安排筹款活动",
     "div21": "我们还没有安排新的筹款活动。请保持关注！",
+    "linkDevcon": "",
     "pluralism": "",
     "more": "融资回顾: "
   },

diff --git a/vue-app/src/locales/en.json b/vue-app/src/locales/en.json
@@ -657,13 +657,15 @@
       "leaderboard": "View Results"
     },
     "hero": {
-      "title": "Send your favorite projects to the moon!",
-      "subtitle": "Every project you contribute to gets a portion of extra funding.",
+      "title": "Join the Road to Devcon and support Ethereum communities in Southeast Asia!",
+      "subtitle": "Every community you contribute to gets a portion of extra funding.",
+      "link": "Check out all the {roadToDevcon} events and join them here!",
+      "roadToDevcon": "Road to Devcon",
       "info": "How it works"
     },
     "callout": {
-      "title": "Join the funding round",
-      "paragraph": "Add your project to the next funding round. If you're working on anything related to public goods, you can join in.",
+      "title": "Join the Road to Devcon funding round",
+      "paragraph": "If your community is a Road to Devcon grantee, you can join the funding round.",
       "action": "Add project",
       "deadline": "to join"
     },
@@ -1068,8 +1070,9 @@
     "div17": "Contributions total",
     "div18": "Contributors",
     "div19": "legend",
-    "div20": "No scheduled round",
-    "div21": "We haven't yet scheduled a funding round. Stay tuned!",
+    "div20": "RTD ROUND",
+    "div21": "{link}",
+    "linkDevcon": "Check out all the events and join them here!",
     "pluralism": "s",
     "more": "More on"
   },

diff --git a/vue-app/src/locales/es.json b/vue-app/src/locales/es.json
@@ -659,6 +659,8 @@
     "hero": {
       "title": "¡Envía tus proyectos favoritos a la Luna!",
       "subtitle": "Cada proyecto al que contribuyas obtiene una parte de financiamiento adicional.",
+      "link": "",
+      "roadToDevcon": "",
       "info": "Cómo funciona"
     },
     "callout": {
@@ -1070,6 +1072,7 @@
     "div19": "leyenda",
     "div20": "Sin ronda programada",
     "div21": "Aún no hemos programado una ronda de financiamiento. ¡Mantente atento/a!",
+    "linkDevcon": "",
     "pluralism": "s",
     "more": "Más"
   },

diff --git a/vue-app/src/plugins/i18n/index.ts b/vue-app/src/plugins/i18n/index.ts
@@ -6,8 +6,10 @@ import es from '@/locales/es.json'
 const defaultLocale = import.meta.env.VITE_I18N_LOCALE || 'en'
 export const languages = [
   { locale: 'en', emoji: '🇺🇸', description: 'English' },
+  /* comment out as we don't have all the translations
   { locale: 'es', emoji: '🇪🇸', description: 'Español' },
   { locale: 'zh-CN', emoji: '🇨🇳', description: '简体中文' },
+  */
   /*
   // comment out as we don't have the translations for these yet
   { locale: 'tw', emoji: '🇹🇼', description: '繁體中文' },

diff --git a/vue-app/src/views/Landing.vue b/vue-app/src/views/Landing.vue
@@ -12,6 +12,13 @@
             <h1>{{ $t('landing.hero.title') }}</h1>
             <div id="subtitle" class="subtitle">
               {{ $t('landing.hero.subtitle') }}
+              <links class="link-here" to="https://devcon.org/en/road-to-devcon/" hideArrow>
+                <i18n-t keypath="landing.hero.link" tag="span" scope="global">
+                  <template v-slot:roadToDevcon
+                    ><b>{{ $t('landing.hero.roadToDevcon') }}</b></template
+                  >
+                </i18n-t>
+              </links>
             </div>
             <div class="btn-group">
               <links v-if="leaderboardRoute" class="btn-action" :to="leaderboardRoute">
@@ -285,6 +292,11 @@ ol li::before {
     margin: 0.5rem 0;
   }
 }
+.link-here {
+  text-decoration: underline;
+  margin-bottom: 1rem;
+  color: var(--text-secondary);
+}
 .link-li {
   text-decoration: underline;
   margin-bottom: 1rem;