From 4ddc5f7e5e16b1f45217907a123c2fcb02d0aad1 Mon Sep 17 00:00:00 2001
From: ajuvonen <ajuvonen@hotmail.com>
Date: Wed, 27 Mar 2024 12:27:54 +0200
Subject: [PATCH] Change home page links and text

---
 .../__snapshots__/HomeView.spec.ts.snap        |  9 ++++-----
 src/i18n/en.json                               |  6 ++----
 src/i18n/fi.json                               |  8 +++-----
 src/views/HomeView.vue                         | 18 ++++++++++++------
 4 files changed, 21 insertions(+), 20 deletions(-)

diff --git a/src/components/__tests__/__snapshots__/HomeView.spec.ts.snap b/src/components/__tests__/__snapshots__/HomeView.spec.ts.snap
index f1467ab..26d1d2e 100644
--- a/src/components/__tests__/__snapshots__/HomeView.spec.ts.snap
+++ b/src/components/__tests__/__snapshots__/HomeView.spec.ts.snap
@@ -3,10 +3,9 @@
 exports[`HomeView > mounts 1`] = `
 "<div data-v-b4e148ca="" class="home__overlay text-body-1 text-grey-lighten-5">
   <h1 data-v-b4e148ca="" class="text-h3 text-center">Let's GetFit </h1>
-  <p data-v-b4e148ca="" class="mt-10">GetFit is a free, easy-to-use exercise program planner that allows you to plan a schedule spanning multiple weeks.</p>
-  <p data-v-b4e148ca="" class="mt-4">To get started, navigate to settings and fill some basic info. Then, go to your schedule and start planning activities.</p>
-  <p data-v-b4e148ca="" class="mt-4">If you give your schedule a starting date, a daily agenda will appear on this screen. All data persists in your browser's local storage only, and is not sent anywhere.</p>
-  <p data-v-b4e148ca="" class="mt-10"><i data-v-b4e148ca="" class="mdi-github mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i><a data-v-b4e148ca="" class="text-grey-lighten-5 ml-2" href="https://www.github.com/ajuvonen/getfit">GitHub</a></p><button data-v-b4e148ca="" type="button" class="v-btn v-theme--light v-btn--density-default v-btn--size-x-small v-btn--variant-text home__photo-credit"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
+  <p data-v-b4e148ca="" class="mt-10">GetFit is a free exercise program planner that allows you to plan a schedule spanning multiple weeks. To get started, navigate to settings and fill some basic info. Then, go to your schedule and start planning activities. If you give your schedule a starting date, a daily agenda will appear on this screen.</p>
+  <p data-v-b4e148ca="" class="mt-4">Schedules created with GetFit can be exported to .ics format, which is compatible with most email clients and calendars. You can install GetFit as a web app on your device, in which case you can work also offline. All data persists on your device, and is not sent anywhere.</p>
+  <p data-v-b4e148ca="" class="mt-10"><i data-v-b4e148ca="" class="mdi-github mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i><a data-v-b4e148ca="" class="text-grey-lighten-5 ml-2" target="_blank" noopener="" noreferrer="" href="https://www.github.com/ajuvonen/getfit">GitHub</a></p><button data-v-b4e148ca="" type="button" class="v-btn v-theme--light v-btn--density-default v-btn--size-x-small v-btn--variant-text home__photo-credit"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
     <!----><span class="v-btn__content" data-no-activator="">Photo credits</span>
     <!---->
     <!---->
@@ -22,7 +21,7 @@ exports[`HomeView > mounts with agenda 1`] = `
   <div data-v-c4ee72cd="" data-v-b4e148ca="" class="daily-agenda has-scroll mt-10 d-flex">
     <p data-v-c4ee72cd="" class="mx-auto">No trainings. Enjoy your day off!</p>
   </div>
-  <p data-v-b4e148ca="" class="mt-10"><i data-v-b4e148ca="" class="mdi-github mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i><a data-v-b4e148ca="" class="text-grey-lighten-5 ml-2" href="https://www.github.com/ajuvonen/getfit">GitHub</a></p><button data-v-b4e148ca="" type="button" class="v-btn v-theme--light v-btn--density-default v-btn--size-x-small v-btn--variant-text home__photo-credit"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
+  <p data-v-b4e148ca="" class="mt-10"><i data-v-b4e148ca="" class="mdi-github mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i><a data-v-b4e148ca="" class="text-grey-lighten-5 ml-2" target="_blank" noopener="" noreferrer="" href="https://www.github.com/ajuvonen/getfit">GitHub</a></p><button data-v-b4e148ca="" type="button" class="v-btn v-theme--light v-btn--density-default v-btn--size-x-small v-btn--variant-text home__photo-credit"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
     <!----><span class="v-btn__content" data-no-activator="">Photo credits</span>
     <!---->
     <!---->
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 9acd095..3dc32e9 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -64,9 +64,8 @@
     "credits": "Photo credits",
     "dailyAgenda": "Today:",
     "noTrainings": "No trainings. Enjoy your day off!",
-    "p1": "GetFit is a free, easy-to-use exercise program planner that allows you to plan a schedule spanning multiple weeks.",
-    "p2": "To get started, navigate to settings and fill some basic info. Then, go to your schedule and start planning activities.",
-    "p3": "If you give your schedule a starting date, a daily agenda will appear on this screen. All data persists in your browser's local storage only, and is not sent anywhere.",
+    "p1": "GetFit is a free exercise program planner that allows you to plan a schedule spanning multiple weeks. To get started, navigate to settings and fill some basic info. Then, go to your schedule and start planning activities. If you give your schedule a starting date, a daily agenda will appear on this screen.",
+    "p2": "Schedules created with GetFit can be exported to .ics format, which is compatible with most email clients and calendars. You can install GetFit as a web app on your device, in which case you can work also offline. All data persists on your device, and is not sent anywhere.",
     "title": "Let's GetFit "
   },
   "intensities": {
@@ -115,7 +114,6 @@
     "plainCards": "Plain",
     "programName": "Program Name",
     "startDate": "Program Start Date",
-    "startDateHint": "Required for ICS export",
     "startOfWeek": "Start of Week",
     "theme": "Theme",
     "title": "Schedule Settings",
diff --git a/src/i18n/fi.json b/src/i18n/fi.json
index 70c578d..c4b731b 100644
--- a/src/i18n/fi.json
+++ b/src/i18n/fi.json
@@ -64,9 +64,8 @@
     "credits": "Valokuvat",
     "dailyAgenda": "Tänään:",
     "noTrainings": "Ei harjoituksia. Nauti lepopäivästäsi!",
-    "p1": "GetFit on ilmainen, helppokäyttöinen sovellus, jonka avulla voit suunnitella usean viikon harjoitusohjelman.",
-    "p2": "Aloittaaksesi, siirry asetuksiin ja täytä ohjelman perustiedot. Siirry sen jälkeen ohjelmaasi ja aloita harjoitusten suunnittelu.",
-    "p3": "Mikäli annat ohjelmallesi aloituspäivän, päivittäiset harjoituksesi näkyvät tässä näkymässä. Tietoja säilytetään vain selaimesi paikallisessa tallennustilassa, eikä niitä lähetetä mihinkään.",
+    "p1": "GetFit on ilmainen sovellus usean viikon harjoitteluohjelman luontiin. Aloita menemällä asetuksiin ja täyttämällä ohjelman perustiedot. Siirry sen jälkeen ohjelmasivulle ja aloita harjoitusten luonti. Jos annat ohjelmallesi aloituspäivän, päivittäinen treeniohjelmasi ilmestyy tähän näkymään.",
+    "p2": "Sovelluksella luodut harjoitusohjelmat voidaan viedä .ics-tiedostoksi, joka on yhteensopiva useimpien sähköposti- ja kalenteriohjelmien kanssa. Voit asentaa GetFitin myös omalle laitteellesi, jolloin käyttö onnistuu myös ilman verkkoyhteyttä. Kaikki data säilytetään laitteellasi, eikä sitä lähetetä mihinkään.",
     "title": "Let's GetFit"
   },
   "intensities": {
@@ -78,7 +77,7 @@
   "export": {
     "download": "Vie kalenteri",
     "filename": "Harjoitusohjelma",
-    "guide": "Alta voit viedä ohjelmasi .ics-kalenteritiedostoksi, tai tulostaa sen. Kalenteritiedoston luonti edellyttää, että ohjelmalla on aloituspäivämäärä määriteltynä asetuksissa. Parhaan lopputuloksen saavuttamiseksi, tulosta vaakasuunnassa ja aseta sivun marginaalit niin alhaiseksi, kuin mahdollista. Poista sen jälkeen taustakuvien ja -värien tulostus käytöstä.",
+    "guide": "Alta voit viedä ohjelmasi .ics-kalenteritiedostoksi tai tulostaa sen. Kalenteritiedoston luonti edellyttää, että ohjelmalla on aloituspäivämäärä määriteltynä asetuksissa. Parhaan lopputuloksen saavuttamiseksi, tulosta vaakasuunnassa ja aseta sivun marginaalit niin alhaiseksi, kuin mahdollista. Poista sen jälkeen taustakuvien ja -värien tulostus käytöstä.",
     "instructions": "Ohjeet",
     "notes": "Muistiinpanot",
     "print": "Tulosta",
@@ -115,7 +114,6 @@
     "plainCards": "Yksinkertainen",
     "programName": "Ohjelman nimi",
     "startDate": "Aloituspäivä",
-    "startDateHint": "Vaaditaan ICS-exportiin",
     "startOfWeek": "Viikon aloitus",
     "theme": "Teema",
     "title": "Ohjelman asetukset",
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 11c812e..89ac819 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -16,7 +16,9 @@ const agendaAvailable = computed(() => weeks.value.length && settings.value.star
 
 <template>
   <div class="home__overlay text-body-1 text-grey-lighten-5">
-    <h1 class="text-h3 text-center">{{ $t(agendaAvailable ? 'home.dailyAgenda' : 'home.title') }}</h1>
+    <h1 class="text-h3 text-center">
+      {{ $t(agendaAvailable ? 'home.dailyAgenda' : 'home.title') }}
+    </h1>
     <DailyAgenda v-if="agendaAvailable" />
     <template v-else>
       <p class="mt-10">
@@ -25,13 +27,17 @@ const agendaAvailable = computed(() => weeks.value.length && settings.value.star
       <p class="mt-4">
         {{ $t('home.p2') }}
       </p>
-      <p class="mt-4">
-        {{ $t('home.p3') }}
-      </p>
     </template>
     <p class="mt-10">
       <v-icon icon="mdi-github" />
-      <a class="text-grey-lighten-5 ml-2" href="https://www.github.com/ajuvonen/getfit">GitHub</a>
+      <a
+        class="text-grey-lighten-5 ml-2"
+        target="_blank"
+        noopener
+        noreferrer
+        href="https://www.github.com/ajuvonen/getfit"
+        >GitHub</a
+      >
     </p>
     <v-btn
       variant="text"
@@ -49,7 +55,7 @@ const agendaAvailable = computed(() => weeks.value.length && settings.value.star
       <template #content>
         <ul>
           <li v-for="{name, link} in PHOTO_CREDITS" :key="name">
-            <a :href="link" noreferrer noopener>{{ name }}</a>
+            <a :href="link" target="_blank" noreferrer noopener>{{ name }}</a>
           </li>
         </ul>
       </template>