Localise the help page

components/help/price.vue

@@ -0,0 +1,63 @@
+<template>
+  <div class="help-section">
+    <h4 v-text="$t('sectionTitle')" class="help-title mb-m" />
+    <spoiler :title="$t('q1.title')">
+      <p v-text="$t('q1.answer1')" />
+    </spoiler>
+    <spoiler :title="$t('q2.title')">
+      <p v-text="$t('q2.answer1')" />
+      <p v-text="$t('q2.answer2')" />
+    </spoiler>
+  </div>
+</template>
+
+<script>
+import spoiler from '@/components/shared/spoiler.vue'
+
+export default {
+  components: {
+    spoiler
+  }
+}
+</script>
+
+<i18n>
+{
+  "en": {
+    "sectionTitle": "Totally free!",
+    "q1": {
+      "title": "How do you make money?",
+      "answer1": "Cmpct.io is a free service, we don’t run this service to make money therefore we don’t collect and sell your data, or offer premium tiers of service. What you see is what you get, completely free to use."
+    },
+    "q2": {
+      "title": "Can I support the running costs?",
+      "answer1": "Yes, it doesn’t cost much to run cmpct.io, but if you use the service a lot and want to support it to keep it running why not consider checking out our Patreon page?",
+      "answer2": "Any money we collect through Patreon goes towards the running costs of cmpct.io, such as the Web Servers and bandwidth we use."
+    }
+  },
+  "fr": {
+    "sectionTitle": "Complètement gratuit!",
+    "q1": {
+      "title": "Comment gagnez-vous de l'argent?",
+      "answer1": "Cmpct.io est un service gratuit, nous n'exécutons pas ce service pour gagner de l'argent, donc nous ne collectons pas et ne vendons pas vos données, ni n'offrons des niveaux de service premium. Ce que vous voyez est ce que vous obtenez, totalement gratuit."
+    },
+    "q2": {
+      "title": "Puis-je contribuer?",
+      "answer1": "Oui, cmpct.io ne coûte pas cher, mais si vous utilisez beaucoup le service et que vous voulez le soutenir pour le faire fonctionner, pourquoi ne pas consulter notre page Patreon?",
+      "answer2": "Tout l'argent que nous collectons via Patreon sert à couvrir les coûts de fonctionnement de cmpct.io, tels que les serveurs Web et la bande passante que nous utilisons."
+    }
+  },
+  "es": {
+    "sectionTitle": "¡Totalmente libre!",
+    "q1": {
+      "title": "¿Cómo se gana dinero?",
+      "answer1": "Cmpct.io es un servicio gratuito, no ejecutamos este servicio para ganar dinero, por lo tanto, no recopilamos ni vendemos sus datos, ni ofrecemos niveles de servicio premium. Lo que ves es lo que obtienes, completamente gratis."
+    },
+    "q2": {
+      "title": "¿Puedo contribuir?",
+      "answer1": "Sí, no cuesta mucho ejecutar cmpct.io, pero si usa mucho el servicio y desea mantenerlo en funcionamiento, ¿por qué no considera visitar nuestra página de Patreon?",
+      "answer2": "El dinero que recaudamos a través de Patreon se destina a los costos de funcionamiento de cmpct.io, como los servidores web y el ancho de banda que utilizamos."
+    }
+  }
+}
+</i18n>

components/help/privacy.vue

@@ -0,0 +1,101 @@
+<template>
+  <div class="help-section">
+    <h4 v-text="$t('sectionTitle')" class="help-title mb-m" />
+    <spoiler :title="$t('q1.title')">
+      <p v-text="$t('q1.answer1')" />
+      <p v-text="$t('q1.bullet1')" />
+      <p v-text="$t('q1.bullet2')" />
+      <p v-text="$t('q1.bullet3')" />
+    </spoiler>
+    <spoiler :title="$t('q2.title')">
+      <p v-text="$t('q2.answer1')" />
+    </spoiler>
+    <spoiler :title="$t('q3.title')">
+      <p v-text="$t('q3.answer1')" />
+    </spoiler>
+    <spoiler :title="$t('q4.title')">
+      <p v-text="$t('q4.answer1')" />
+    </spoiler>
+  </div>
+</template>
+
+<script>
+import spoiler from '@/components/shared/spoiler.vue'
+
+export default {
+  components: {
+    spoiler
+  }
+}
+</script>
+
+<i18n>
+{
+  "en": {
+    "sectionTitle": "Your privacy",
+    "q1": {
+      "title": "What data do you collect?",
+      "answer1": "We only actively collect information that we need to run the service, that includes the following",
+      "bullet1": "Website URL: That you submit to generate a short link",
+      "bullet2": "Your name: But only if you choose to provide it when adding a comment or report.",
+      "bullet3": "Network information: All requests on the internet transmit some data when communicating, this includes information like your IP address and your User Agent (web browser name). We don’t use or store this information."
+    },
+    "q2": {
+      "title": "Do you sell my data?",
+      "answer1": "No, we absolutely don’t sell or give your data away, we only collect information we need to deliver the service. Cmpct.io is privacy first, it is free to use; you don’t pay with your personal information either."
+    },
+    "q3": {
+      "title": "What do you store on my device?",
+      "answer1": "We wanted to deliver a useful 'history' feature on the homepage so you can quickly get back to links you used previously. We store this information on your device (using LocalStorage). You can clear this data whenever you want, and it is never transmitted to our servers."
+    },
+    "q4": {
+      "title": "What analytics do you use?",
+      "answer1": "We use Application Insights to gather some metrics such as page and network performance so we can continue to deliver a reliable service. Using this information we can see why errors are occurring on our website, but we cannot use it to identify you, nor would we want too."
+    }
+  },
+  "fr": {
+    "sectionTitle": "Votre vie privée",
+    "q1": {
+      "title": "Quelles données collectez-vous?",
+      "answer1": "Nous collectons uniquement les informations dont nous avons besoin pour exécuter le service, notamment les informations suivantes...",
+      "bullet1": "URL du site Web: que vous soumettez pour générer un lien court",
+      "bullet2": "Votre nom: mais uniquement si vous choisissez de le fournir lors de l'ajout d'un commentaire ou d'un rapport.",
+      "bullet3": "Informations réseau: toutes les demandes sur Internet transmettent certaines données lors de la communication, notamment des informations telles que votre adresse IP et votre agent utilisateur (nom du navigateur Web). Nous n'utilisons ni ne stockons ces informations."
+    },
+    "q2": {
+      "title": "Vendez-vous mes données?",
+      "answer1": "Non, nous ne vendons ni ne donnons absolument vos données, nous collectons uniquement les informations dont nous avons besoin pour fournir le service. Cmpct.io est la confidentialité d'abord, il est gratuit à utiliser; vous ne payez pas non plus avec vos informations personnelles."
+    },
+    "q3": {
+      "title": "Que stockez-vous sur mon appareil?",
+      "answer1": "Nous voulions proposer une fonctionnalité 'historique' utile sur la page d'accueil afin que vous puissiez rapidement revenir aux liens que vous avez utilisés précédemment. Nous stockons ces informations sur votre appareil (à l'aide de LocalStorage). Vous pouvez effacer ces données quand vous le souhaitez et elles ne sont jamais transmises à nos serveurs."
+    },
+    "q4": {
+      "title": "Quelles analyses utilisez-vous?",
+      "answer1": "Nous utilisons Application Insights pour collecter certaines mesures telles que les performances des pages et du réseau afin de pouvoir continuer à fournir un service fiable. En utilisant ces informations, nous pouvons voir pourquoi des erreurs se produisent sur notre site Web, mais nous ne pouvons pas les utiliser pour vous identifier, et nous ne le souhaiterions pas non plus."
+    }
+  },
+  "es": {
+    "sectionTitle": "Tu privacidad",
+    "q1": {
+      "title": "¿Qué datos recopilas?",
+      "answer1": "Solo recopilamos activamente la información que necesitamos para ejecutar el servicio, que incluye lo siguiente",
+      "bullet1": "URL del sitio web: que envía para generar un enlace corto",
+      "bullet2": "Su nombre: pero solo si elige proporcionarlo al agregar un comentario o informe.",
+      "bullet3": "Información de red: todas las solicitudes en Internet transmiten algunos datos cuando se comunican, esto incluye información como su dirección IP y su Agente de usuario (nombre del navegador web). No utilizamos ni almacenamos esta información."
+    },
+    "q2": {
+      "title": "¿Venden mis datos?",
+      "answer1": "No, no vendemos ni cedemos sus datos, solo recopilamos la información que necesitamos para brindar el servicio. Cmpct.io es privacidad primero, es de uso gratuito; tampoco paga con su información personal."
+    },
+    "q3": {
+      "title": "¿Qué guardas en mi dispositivo?",
+      "answer1": "Queríamos ofrecer una función útil de 'historial' en la página de inicio para que pueda volver rápidamente a los enlaces que utilizó anteriormente. Almacenamos esta información en su dispositivo (usando LocalStorage). Puede borrar estos datos cuando lo desee, y nunca se transmiten a nuestros servidores."
+    },
+    "q4": {
+      "title": "¿Qué análisis utilizas?",
+      "answer1": "Utilizamos Application Insights para recopilar algunas métricas, como el rendimiento de la página y de la red, de modo que podamos continuar brindando un servicio confiable. Al usar esta información, podemos ver por qué se producen errores en nuestro sitio web, pero no podemos usarla para identificarlo, ni tampoco nos gustaría."
+    }
+  }
+}
+</i18n>

components/help/safety.vue

@@ -0,0 +1,71 @@
+<template>
+  <div class="help-section">
+    <h4 v-text="$t('sectionTitle')" class="help-title mb-m" />
+    <spoiler :title="$t('q1.title')">
+      <p v-text="$t('q1.answer1')" />
+    </spoiler>
+    <spoiler :title="$t('q2.title')">
+      <p v-text="$t('q2.answer1')" />
+      <p v-text="$t('q2.answer2')" />
+      <p v-text="$t('q2.answer3')" />
+      <p v-text="$t('q2.answer4')" />
+    </spoiler>
+  </div>
+</template>
+
+<script>
+import spoiler from '@/components/shared/spoiler.vue'
+
+export default {
+  components: {
+    spoiler
+  }
+}
+</script>
+
+<i18n>
+{
+  "en": {
+    "sectionTitle": "Your safety",
+    "q1": {
+      "title": "Is cmpct.io safe?",
+      "answer1": "We built cmpct.io because we saw that scammers swarmed around link shortening websites, this is a shame as the service is actually really useful. So cmpct.io has been built from the ground up to be safe, protecting you from unsafe websites."
+    },
+    "q2": {
+      "title": "Why is cmpct.io safe?",
+      "answer1": "When you generate a link through similar websites like bit.ly you are given a short link, when you visit that link you are immediately redirected to the original website. If the original website is safe then the service works as designed, but scammers may choose to use these services to hide from you where the link will actually go.",
+      "answer2": "We don’t automatically redirect you to the original URL, when using a link from cmpct.io you are always presented with a landing page that tells you where the link will go.",
+      "answer3": "Scammers hate cmpct.io, because not only can you see where the link will go, you can even report a link for being unsafe which means other users are safer too. As a result scammer’s don’t use cmpct.io; preferring to use services where they can trick you much easier.",
+      "answer4": "Socially engineered scam’s are on the rise, just because your colleague or friend sent you a link does not mean it is safe. We always trust content sent to us by somebody we know, but if that other person is compromised you could be putting yourself at risk by trusting inherently. With cmpct.io you will be safer because you actively choose to go to a link."
+    }
+  },
+  "fr": {
+    "sectionTitle": "Votre sécurité",
+    "q1": {
+      "title": "Cmpct.io est-il sûr?",
+      "answer1": "Nous avons construit cmpct.io parce que nous avons vu que des escrocs pullulaient autour des sites Web de raccourcissement de liens, c'est dommage car le service est en fait vraiment utile. Donc, cmpct.io a été conçu à partir de zéro pour être sûr, vous protégeant des sites Web dangereux."
+    },
+    "q2": {
+      "title": "Pourquoi cmpct.io est-il sûr?",
+      "answer1": "Lorsque vous générez un lien via des sites Web similaires comme bit.ly, vous recevez un lien court, lorsque vous visitez ce lien, vous êtes immédiatement redirigé vers le site Web d'origine. Si le site Web d'origine est sûr, le service fonctionne comme prévu, mais les fraudeurs peuvent choisir d'utiliser ces services pour vous cacher où le lien ira réellement.",
+      "answer2": "Nous ne vous redirigeons pas automatiquement vers l'URL d'origine, lorsque vous utilisez un lien de cmpct.io, vous êtes toujours présenté avec une page de destination qui vous indique où le lien ira.",
+      "answer3": "Les fraudeurs détestent cmpct.io, car non seulement vous pouvez voir où le lien ira, mais vous pouvez même signaler un lien comme étant dangereux, ce qui signifie que les autres utilisateurs sont également plus sûrs. En conséquence, l'escroc n'utilise pas cmpct.io; préférant utiliser des services où ils peuvent vous tromper beaucoup plus facilement.",
+      "answer4": "Les escroqueries d'ingénierie sociale sont en augmentation, ce n'est pas parce que votre collègue ou ami vous a envoyé un lien qu'il est sûr. Nous faisons toujours confiance au contenu qui nous est envoyé par quelqu'un que nous connaissons, mais si cette autre personne est compromise, vous pourriez vous mettre en danger en faisant confiance intrinsèquement. Avec cmpct.io, vous serez plus en sécurité car vous choisissez activement d'accéder à un lien."
+    }
+  },
+  "es": {
+    "sectionTitle": "Tu seguridad",
+    "q1": {
+      "title": "¿Es seguro cmpct.io?",
+      "answer1": "Creamos cmpct.io porque vimos que los estafadores pululaban por los sitios web de acortamiento de enlaces, es una pena, ya que el servicio es realmente útil. Por lo tanto, cmpct.io se ha creado desde cero para ser seguro y protegerlo de sitios web inseguros."
+    },
+    "q2": {
+      "title": "¿Por qué es seguro cmpct.io?",
+      "answer1": "Cuando genera un enlace a través de sitios web similares como bit.ly, se le proporciona un enlace corto, cuando visita ese enlace, se lo redirige inmediatamente al sitio web original. Si el sitio web original es seguro, entonces el servicio funciona según lo diseñado, pero los estafadores pueden optar por utilizar estos servicios para esconderse de dónde irá realmente el enlace.",
+      "answer2": "No lo redireccionamos automáticamente a la URL original, cuando utiliza un enlace de cmpct.io siempre se le presenta una página de destino que le indica a dónde irá el enlace.",
+      "answer3": "Los estafadores odian cmpct.io, porque no solo puedes ver a dónde irá el enlace, sino que también puedes informar que un enlace no es seguro, lo que significa que otros usuarios también están más seguros. Como resultado, los estafadores no usan cmpct.io; prefiriendo usar servicios donde pueden engañarte mucho más fácilmente.",
+      "answer4": "Las estafas de ingeniería social están en aumento, solo porque su colega o amigo le haya enviado un enlace no significa que sea seguro. Siempre confiamos en el contenido que nos envía alguien que conocemos, pero si esa otra persona se ve comprometida, usted podría estar en riesgo al confiar inherentemente. Con cmpct.io estará más seguro porque elige activamente ir a un enlace."
+    }
+  }
+}
+</i18n>