Change home page links and text

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>
     <!---->
     <!---->

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",

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",

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>