PR: improve features and FAQ

app/components/faq.vue

@@ -7,43 +7,63 @@
     <div id="faq" class="container p-y-3 m-t-2">
         <div class="row">
             <div class="col-lg-8 col-lg-offset-2">
-                <h3>FAQ :</h3>
+                <h3>
+                    <a href="#faq">
+                        <abbr title="Frequently Asked Questions">FAQ</abbr>
+                    </a>
+                </h3>
 
-                <h5 class="blue">{{ $t('faq.q1') }}</h5>
-                <p>
-                    {{ $t('faq.a1') }}
-                </p>
+                <section id="faq_works_in_future">
+                    <h5 class="blue">{{ $t('faq.q_works_in_future') }}</h5>
+                    <p>
+                        {{{ $t('faq.a_works_in_future') }}}
+                    </p>
+                </section>
 
-                <h5 class="blue">{{ $t('faq.q2') }}</h5>
-                <p>
-                    {{ $t('faq.a2') }}
-                </p>
-                <p>
-                    <a class='btn btn-primary btn-sm' href="https://github.com/oslab-fr/lesspass/">
-                        {{ $t('faq.source_code') }}
-                    </a>
-                </p>
-                <h5 class="blue">{{ $t('faq.q3') }}</h5>
+                <section id="faq_trust">
+                    <h5 class="blue">{{ $t('faq.q_trust') }}</h5>
+                    <ul>
+                        <li>{{{ $t('faq.a_trust_we') }}}&nbsp;;</li>
+                        <li>{{{ $t('faq.a_trust_oss') }}}&nbsp;;</li>
+                        <li>{{{ $t('faq.a_trust_code') }}}&nbsp;;</li>
+                        <li>{{{ $t('faq.a_trust_tracking') }}}&nbsp;;</li>
+                        <li>{{{ $t('faq.a_trust_client_side') }}}.</li>
+                    </ul>
+                    <p>
+                        <a class='btn btn-primary btn-sm' href="https://github.com/oslab-fr/lesspass/">
+                            {{ $t('faq.source_code') }}
+                        </a>
+                    </p>
+                </section>
 
-                <p>
-                    {{ $t('faq.a3') }}
-                </p>
-                <h5 class="blue">{{ $t('faq.q4') }}</h5>
+                <section id="faq_make_it_safer">
+                    <h5 class="blue">{{ $t('faq.q_make_it_safer') }}</h5>
+                    <ul>
+                        <li>{{{ $t('faq.a_make_it_safer_private') }}}</li>
+                        <li>{{{ $t('faq.a_make_it_safer_update') }}}</li>
+                    </ul>
+                </section>
 
-                <ul>
-                    <li>{{ $t('faq.a4a') }}</li>
-                    <li>{{ $t('faq.a4b') }}</li>
-                    <li>{{ $t('faq.a4c') }}</li>
-                </ul>
-                <h5 class="blue">{{ $t('faq.q5') }}</h5>
+                <section id="faq_roadmap">
+                    <h5 class="blue">{{ $t('faq.q_roadmap') }}</h5>
+                    <ul>
+                        <li>{{{ $t('faq.a_roadmap_preset_saving') }}}&nbsp;;</li>
+                        <li>{{{ $t('faq.a_roadmap_15min_memory') }}}&nbsp;;</li>
+                        <li>{{{ $t('faq.a_roadmap_offline_mode') }}}.</li>
+                    </ul>
+                </section>
 
-                <p>
-                    {{ $t('faq.a5') }}
-                </p>
-                <h5 class="blue">{{ $t('faq.q6') }}</h5>
-                <p>
-                    {{ $t('faq.a6') }}
-                </p>
+                <section id="faq_password_generation">
+                    <h5 class="blue">{{ $t('faq.q_password_generation') }}</h5>
+                    <p>
+                        {{{ $t('faq.a_password_generation') }}}
+                    </p>
+                    <h5 class="blue">{{ $t('faq.q_pricing') }}</h5>
+                    <ul>
+                        <li>{{{ $t('faq.a_pricing_free') }}}</li>
+                        <li>{{{ $t('faq.a_pricing_enterprise') }}}</li>
+                    </ul>
+                </section>
             </div>
         </div>
     </div>

app/components/features.vue

@@ -27,13 +27,13 @@
         <div class="container">
             <div class="row">
                 <div class="col-lg-8 col-lg-offset-2">
-                    <h2>{{ $t('features.you_should_use_lesspass') }} :</h2>
+                    <h2>{{ $t('features.you_should_use_lesspass') }}</h2>
                     <ul>
-                        <li>{{ $t('features.unique_password') }}</li>
-                        <li>{{ $t('features.love_open_source') }}</li>
-                        <li>{{ $t('features.works_everywhere') }}</li>
-                        <li>{{ $t('features.no_cloud') }}</li>
-                        <li>{{ $t('features.only_one_password') }}</li>
+                        <li>{{{ $t('features.unique_password') }}}&nbsp;;</li>
+                        <li>{{{ $t('features.love_open_source') }}}&nbsp;;</li>
+                        <li>{{{ $t('features.works_everywhere') }}}&nbsp;;</li>
+                        <li>{{{ $t('features.no_cloud') }}}&nbsp;;</li>
+                        <li>{{{ $t('features.only_one_password') }}}.</li>
                     </ul>
                 </div>
             </div>

app/locales/locales.js

@@ -15,12 +15,12 @@ const locales = {
             "source_code": "Source code"
         },
         "features": {
-            "you_should_use_lesspass": "You should use lesspass if",
-            "unique_password": "you want a unique password for each site",
-            "love_open_source": "you love open source",
-            "works_everywhere": "you want an application that works on a computer, smartphone or tablet.",
-            "no_cloud": "you don't want to store your passwords in the cloud",
-            "only_one_password": "you want to remember only one password"
+            "you_should_use_lesspass": "Why should you use LessPass?",
+            "unique_password": "you want a <strong>unique password</strong> for each site",
+            "love_open_source": "you love <strong>open-source</strong>",
+            "works_everywhere": "you want a manager that <strong>works everywhere</strong> (computer, smartphone, tablet and your smartTV)",
+            "no_cloud": "you <strong>don't want to store</strong> your passwords",
+            "only_one_password": "you want to <strong>remember only one</strong> password"
         },
         "passwordgenerator": {
             "email": "Email",
@@ -37,21 +37,28 @@ const locales = {
             "length": "Length"
         },
         "faq": {
-            "q1": "Is LessPass works again tomorrow?",
-            "a1": "You often ask us the question of the sustainability of LessPass. Rest assured LessPass not cost much: $ 10 per month (hosting, domain name and HTTPS certificate). For now LessPass is provisioned for more than a year.",
-            "q2": "If I do not trust LastPass or 1Password, why I would trust LessPass?",
-            "a2": "LessPass unlike other services is open source so the source code can be reused, accessed and audited. You can save LessPass on your computer or corporate server. And LessPass is not connected to any third party (Google Analytics, Facebook, Twitter, etc...). Nobody knows except us, that you use LessPass.",
-            "source_code": "Source code",
-            "q3": "How can I make LessPass even safer?",
-            "a3": "Use a recent browser and updated as Firefox or Chrome. Use LessPass in incognito and close your browser after using it.",
-            "q4": "What features are planned for future versions?",
-            "a4a": "Application logged in to save the information on the sites (not the password)",
-            "a4b": "removing password after 15 minutes of inactivity",
-            "a4c": "registration sites offline",
-            "q5": "Where are generated passwords?",
-            "a5": "The generation of the password is performed on your browser and not on the servers of LessPass.",
-            "q6": "Is LessPass free?",
-            "a6": "LessPass is free and always will be. LessPass Entreprise with support for LDAP, double authentication will pay off for companies."
+            "q_works_in_future": "Will LessPass works in the future?",
+            "a_works_in_future": "Hosting, domain's name and SSL certificate have been <strong>pre-paid until February 2017</strong>.",
+            "q_trust": "I don't trust password manager such as LastPass or 1Password, why should LessPass be any different?",
+            "a_trust_we": "<strong>Neither do we</strong>. Hence our approach",
+            "a_trust_oss": "unlike other services LessPass is <strong>open-source</strong>. So its security can be audited",
+            "a_trust_code": "code is a <a href='https://github.com/oslab-fr/lesspass'>available on Github</a> so you can <strong>install it on your own</strong> computer or corporate server",
+            "a_trust_tracking": "we don't like being tracked, so <strong>NO third-parties</strong> are used site/app (e.g. no <i>Google Analytics</i>, <i>Facebook</i>, etc.)",
+            "a_trust_client_side": "password generation is your business thus done <strong>entirely client-side</strong>",
+            "a_trust_online": "<em>online mode</em> is here to suggest <var>email</var> and <var>site</var>, <i>i.e.</i> store only that",
+            "source_code": "Audit source code",
+            "q_make_it_safer": "How can I make LessPass even safer?",
+            "a_make_it_safer_private": "Use the <strong><a href='https://en.wikipedia.org/wiki/Privacy_mode'>privacy mode</a></strong> of your browser and close when you're done.",
+            "a_make_it_safer_update": "Also, keep your browser up-to-date (this one is obvious).",
+            "q_roadmap": "What is the roadmap for future versions?",
+            "a_roadmap_preset_saving": "<strong>Reduce cognitive load</strong> by saving generation settings in your account, so <var>email</var>, <var>site</var> and <var>ruleset</var> will be stored but not the <var>password</var>.",
+            "a_roadmap_15min_memory": "<strong>improve security</strong> by removing password after 15 minutes of inactivity",
+            "a_roadmap_offline_mode": "full offline mode",
+            "q_password_generation": "Where are the passwords generated?",
+            "a_password_generation": "Generation is performed <strong>on your computer by your browser</strong> and never stored as they never reach LessPass servers (or any others).",
+            "q_pricing": "Is LessPass free?",
+            "a_pricing_free": "LessPass is free and always will be.",
+            "a_pricing_enterprise": "LessPass Enterprise will add support for <abbr title='Lightweight Directory Access Protocol'>LDAP</abbr> and double-authentication for companies."
         }
     },
     "fr": {
@@ -70,12 +77,12 @@ const locales = {
             "source_code": "Code source"
         },
         "features": {
-            "you_should_use_lesspass": "Vous devriez utiliser LessPass si",
-            "unique_password": "vous voulez un mot de passe unique pour chaque site",
-            "love_open_source": "vous aimez l'open source",
-            "works_everywhere": "vous voulez une application qui fonctionne sur ordinateur, smartphone ou tablette.",
-            "no_cloud": "vous ne voulez pas stocker vos mots de passe sur le cloud",
-            "only_one_password": "vous voulez vous souvenir que d'un seul mot de passe"
+            "you_should_use_lesspass": "Pourquoi utiliser LessPass ?",
+            "unique_password": "vous voulez un <strong>mot de passe unique</strong> pour chaque site",
+            "love_open_source": "vous aimez l'<strong>open-source</strong>",
+            "works_everywhere": "vous voulez une application qui <strong>fonctionne partout</strong> (ordinateur, smartphone, tablette et smartTV)",
+            "no_cloud": "vous ne <strong>voulez pas stocker vos mots de passe</strong>",
+            "only_one_password": "vous voulez <strong>retenir un seul</strong> mot de passe"
         },
         "passwordgenerator": {
             "email": "Email",
@@ -92,21 +99,29 @@ const locales = {
             "length": "Longueur"
         },
         "faq": {
-            "q1": "Est ce que LessPass fonctionnera encore demain ?",
-            "a1": "Vous nous posez souvent la question de la pérennité de LessPass. Rassurez-vous, LessPass ne coûte pas grand chose : 10€ par mois (hébergement, nom de domaine et certificat HTTPS). Pour l'instant LessPass est provisionné pour plus d’un an.",
-            "q2": "Si je ne fais pas confiance à LastPass ou 1password, pourquoi je ferais confiance à LessPass ?",
-            "a2": "Contrairement aux autres services, LessPass est open source donc le code source peut être réutilisé, consulté et audité. Vous pouvez sauvegarder LessPass sur votre ordinateur ou votre serveur d’entreprise gratuitement. Ah et LessPass n'est connecté à aucun service externe (Google Analytics, Facebook, Twitter, etc..). Personne ne sait à part nous que vous utilisez LessPass.",
-            "source_code": "Code source",
-            "q3": "Comment puis-je rendre LessPass encore plus sûr ?",
-            "a3": "Utilisez un navigateur récent et à jour comme Firefox ou Chrome. Utilisez LessPass en navigation privée et fermer votre navigateur après son utilisation.",
-            "q4": "Quelles fonctionnalités sont prévues pour les versions à venir ?",
-            "a4a": "application connecté pour sauvegarder les informations sur les sites",
-            "a4b": "suppression du mot de passe après 15 minutes d’inactivités",
-            "a4c": "enregistrement des sites en mode déconnecté",
-            "q5": "Où sont générés les mots de passe ?",
-            "a5": "La génération du mot de passe est effectué sur votre navigateur et pas sur les serveurs de LessPass.",
-            "q6": "Est ce que LessPass est gratuit ?",
-            "a6": "LessPass est gratuit et le sera toujours. L'application LessPass Entreprise avec prise en charge du LDAP et la double autentification sera payante pour les entreprises."
+            "q_works_in_future": "Est ce que LessPass fonctionnera encore demain ?",
+            "a_works_in_future": "Vous nous posez souvent la question de la pérennité de LessPass. Rassurez-vous, LessPass ne coûte pas grand chose. L'hébergement, le nom de domaine et le certificat HTTPS sont déjà provisionnés jusqu'en février 2017.",
+            "q_trust": "Je ne fais pas confiance à LastPass ou 1password, pourquoi je ferais confiance à LessPass ?",
+            "a_trust_lesspass": "Contrairement aux autres services, LessPass est open source donc le code source peut être réutilisé, consulté et audité. Vous pouvez sauvegarder LessPass sur votre ordinateur ou votre serveur d’enterprise gratuitement. Ah et LessPass n'est connecté à aucun service externe (Google Analytics, Facebook, Twitter, etc..). Personne ne sait à part nous que vous utilisez LessPass.",
+            "a_trust_we": "<strong>Nous ne vous demandons pas de nous faire confiance</strong>. D'où notre approche",
+            "a_trust_oss": "À la différence d'autres services, LessPass est <strong>open-source</strong>. De ce fait il peut être –réellement– audité",
+            "a_trust_code": "Le code source est <a href='https://github.com/oslab-fr/lesspass'>disponible sur Github</a>, vous pouvez donc l'<strong>installer sur votre poste</strong> ou un serveur d'entreprise",
+            "a_trust_tracking": "Nous nous opposons au fichage systématique, et par conséquent <strong>aucun outils d'analyse</strong> n'est utilisé dans l'appli ou le site (ex: pas de <i>Google Analytics</i>, <i>Facebook</i>, etc.)",
+            "a_trust_client_side": "La génération des mots de passe doit rester sous votre controle, elle se fait sur votre <strong>navigateur</strong>",
+            "a_trust_online": "<em>le mode connecté</em> a pour but de suggérer vos <var>email</var>s et <var>site</var>s, <i>c.-à-d.</i> qu'il ne stocke rien d'autre",
+            "source_code": "Auditez le code source",
+            "q_make_it_safer": "Comment puis-je rendre LessPass encore plus sûr ?",
+            "a_make_it_safer_private": "Utilisez la <strong><a href='https://fr.wikipedia.org/wiki/Navigation_priv%C3%A9e'>navigation privé</a></strong> de votre navigateur</strong> et fermez le quand vous avez terminé.",
+            "a_make_it_safer_update": "Garder votre navigateur à jour (ce qui corrige les bugs de sécurité).",
+            "q_roadmap": "Quelles fonctionnalités sont prévues pour les versions à venir ?",
+            "a_roadmap_preset_saving": "application connecté pour sauvegarder les informations sur les sites",
+            "a_roadmap_15min_memory": "suppression du mot de passe après 15 minutes d’inactivités",
+            "a_roadmap_offline_mode": "enregistrement des sites en mode déconnecté",
+            "q_password_generation": "Où sont générés les mots de passe ?",
+            "a_password_generation": "La génération du mot de passe est effectué sur votre navigateur et pas sur les serveurs de LessPass.",
+            "q_pricing": "Est ce que LessPass est gratuit ?",
+            "a_pricing_free": "LessPass est gratuit et le sera toujours.",
+            "a_pricing_enterprise": "LessPass Enterprise ajoutera le support <abbr title='Lightweight Directory Access Protocol'>LDAP</abbr> et la double authentication sera payante pour les enterprises."
         }
     }
 };