starts to add infrastructure for putting in translations

.github/workflows/dev_push_to_s3.yml

@@ -6,7 +6,7 @@ name: dev Push to S3
 on:
   push:
     branches:
-      - main
+      - add-translations
 
 jobs:
   build:

package.json

@@ -14,7 +14,7 @@
     "@fortawesome/pro-light-svg-icons": "5.15.4",
     "@fortawesome/pro-regular-svg-icons": "5.15.4",
     "@fortawesome/pro-solid-svg-icons": "5.15.4",
-    "@phila/pinboard": "1.2.8",
+    "@phila/pinboard": "https://github.com/CityOfPhiladelphia/pinboard#9ee47b2",
     "bulma": "^0.9.1",
     "core-js": "^3.25.1",
     "vue": "^2.6.10"

src/components/customGreeting.vue

@@ -11,22 +11,43 @@
     </div>
 
     <div
+      id="main-area"
       class="main-area"
     >
       <div class="greeting-section">
-        <h3>About this finder</h3>
-        <p>This tool can help you find organizations that offer immigrant-focused services in Philadelphia. You can:</p>
-        <div class="callout">
-          <ul>
-            <li>Browse the list of organizations.</li>
-            <li>Search by address or keyword.</li>
-            <li>Filter your results by service type.</li>
-          </ul>
-        </div>
-      </div>
-      <div class="greeting-section">
-        <h3>Adding your organization</h3>
-        <p>Does your organization offer services for immigrants? Contact the Office of Immigrant Affairs at <a href="mailto:[email protected]">[email protected]</a> to learn how to be added to this finder.</p>
+        <h3>
+          {{ $t('introPage.section1Title') }}
+        </h3>
+
+        <!-- <p>This tool can help you find organizations that offer immigrant-focused services in Philadelphia. You can:</p> -->
+        <p v-html="$t('introPage.p0')" />
+
+        <!-- <div class="callout"> -->
+        <ul>
+          <li>Browse the list of organizations.</li>
+          <li>Search by address or keyword.</li>
+          <li>Filter your results by service type.</li>
+        </ul>
+        <!-- </div> -->
+        <!-- </div> -->
+        <!-- <div class="greeting-section"> -->
+
+
+        <p v-html="$t('introPage.p1')" />
+        <ul>
+          <li
+            v-for="(item, index) in $config.i18n.data.messages['en-US'].introPage.ul1"
+            :key="index"
+            class="intro-list-item"
+          >
+            {{ $t('introPage.ul1.' + index) }}
+          </li>
+        </ul>
+        <!-- <h3>
+          Adding your organization
+        </h3>
+
+        <p>Does your organization offer services for immigrants? Contact the Office of Immigrant Affairs at <a href="mailto:[email protected]">[email protected]</a> to learn how to be added to this finder.</p> -->
       </div>
     </div> <!-- end of main-area -->
   </div>

src/i18n/en-us.js

@@ -0,0 +1,34 @@
+
+export default {
+  language: 'English',
+  app: {
+    title: 'Resources for immigrants',
+    subtitle: 'Find services for immigrants in Philadelphia',
+    noResults: 'We\'re sorry, there are no results for that search. Adjust the filters you\'ve selected and try again.',
+    searchPlaceholders: {
+      all: 'Search by address',
+    },
+  },
+  introPage: {
+    section1Title: "About this finder",
+    p0: "This tool can help you find organizations that offer immigrant-focused services in Philadelphia. You can:",
+    ul1: {
+      li: "Browse the list of organizations.",
+      li2: "Search by address or keyword.",
+      li3: "Filter your results by service type.",
+    },
+    section2Title: "Adding your organization",
+    p1: "Does your organization offer services for immigrants? Contact the Office of Immigrant Affairs at <a target='_blank' href='mailto:[email protected]'>[email protected]</a> to learn how to be added to this finder.",
+  },
+  'Arts & culture': 'Arts & culture',
+  'Citizenship application help': 'Citizenship application help',
+  'English (ESL) classes': 'English (ESL) classes',
+  'Health/mental health services': 'Health/mental health services',
+  'Housing assistance': 'Housing assistance',
+  'Immigrant advocacy': 'Immigrant advocacy',
+  'Immigrant focused youth programs': 'Immigrant focused youth programs',
+  'Job readiness': 'Job readiness',
+  'Legal services': 'Legal services',
+  'Refugee/asylee services': 'Refugee/asylee services',
+  'Victim/witness support': 'Victim/witness support',
+};

src/i18n/es.js

@@ -0,0 +1,34 @@
+
+export default {
+  language: 'Spanish',
+  app: {
+    title: 'Spanish Resources for immigrants',
+    subtitle: 'Spanish Find services for immigrants in Philadelphia',
+    noResults: 'We\'re sorry, there are no results for that search. Adjust the filters you\'ve selected and try again.',
+    searchPlaceholders: {
+      all: 'Search by address',
+    },
+  },
+  introPage: {
+    section1Title: "Spanish About this finder",
+    p0: "Spanish This tool can help you find organizations that offer immigrant-focused services in Philadelphia. You can:",
+    ul1: {
+      li: "Spanish Browse the list of organizations.",
+      li2: "Spanish Search by address or keyword.",
+      li3: "Spanish Filter your results by service type.",
+    },
+    section2Title: "Spanish Adding your organization",
+    p1: "Spanish Does your organization offer services for immigrants? Contact the Office of Immigrant Affairs at <a target='_blank' href='mailto:[email protected]'>[email protected]</a> to learn how to be added to this finder.",
+  },
+  'Arts & culture': 'Spanish Arts & culture',
+  'Citizenship application help': 'Spanish Citizenship application help',
+  'English (ESL) classes': 'Spanish English (ESL) classes',
+  'Health/mental health services': 'Spanish Health/mental health services',
+  'Housing assistance': 'Spanish Housing assistance',
+  'Immigrant advocacy': 'Spanish Immigrant advocacy',
+  'Immigrant focused youth programs': 'Spanish Immigrant focused youth programs',
+  'Job readiness': 'Spanish Job readiness',
+  'Legal services': 'Spanish Legal services',
+  'Refugee/asylee services': 'Spanish Refugee/asylee services',
+  'Victim/witness support': 'Spanish Victim/witness support',
+};