Merge pull request #2612 from wallabag/add-shortcuts-help

Added help about shortcuts

13 files changed, 531 insertions, 24 deletions

diff --git a/src/Wallabag/CoreBundle/Resources/translations/messages.da.yml b/src/Wallabag/CoreBundle/Resources/translations/messages.da.yml
index d6c294a4..8a20cbe0 100644
--- a/src/Wallabag/CoreBundle/Resources/translations/messages.da.yml
+++ b/src/Wallabag/CoreBundle/Resources/translations/messages.da.yml
@@ -273,6 +273,9 @@ about:
 howto:
     page_title: 'How-to'
     # page_description: 'There are several ways to save an article:'
+    tab_menu:
+        # add_link: "Add a link"
+        # shortcuts: "Use shortcuts"
     top_menu:
         browser_addons: 'Browserudvidelser'
         mobile_apps: 'Apps'
@@ -290,6 +293,33 @@ howto:
         # windows: 'on the Microsoft Store'
     bookmarklet:
         description: 'Træk dette link til din bogmærkeliste:'
+    shortcuts:
+        # page_description: Here are the shortcuts available in wallabag.
+        # shortcut: Shortcut
+        # action: Action
+        # all_pages_title: Shortcuts available in all pages
+        # go_unread: Go to unread
+        # go_starred: Go to starred
+        # go_archive: Go to archive
+        # go_all: Go to all entries
+        # go_tags: Go to tags
+        # go_config: Go to config
+        # go_import: Go to import
+        # go_developers: Go to developers
+        # go_howto: Go to howto (this page!)
+        # go_logout: Logout
+        # list_title: Shortcuts available in listing pages
+        # search: Display the search form
+        # article_title: Shortcuts available in entry view
+        # open_original: Open original URL of the entry
+        # toggle_favorite: Toggle star status for the entry
+        # toggle_archive: Toggle read status for the entry
+        # delete: Delete the entry
+        # material_title: Shortcuts available with Material theme only
+        # add_link: Add a new link
+        # hide_form: Hide the current form (search or new link)
+        # arrows_navigation: Navigate through articles
+        # open_article: Display the selected entry
 
 quickstart:
     # page_title: 'Quickstart'
diff --git a/src/Wallabag/CoreBundle/Resources/translations/messages.de.yml b/src/Wallabag/CoreBundle/Resources/translations/messages.de.yml
index 8a67e0df..68e9c333 100644
--- a/src/Wallabag/CoreBundle/Resources/translations/messages.de.yml
+++ b/src/Wallabag/CoreBundle/Resources/translations/messages.de.yml
@@ -273,6 +273,9 @@ about:
 howto:
     page_title: 'How-To'
     page_description: 'Es gibt mehrere Möglichkeiten, einen Artikel zu speichern:'
+    tab_menu:
+        # add_link: "Add a link"
+        # shortcuts: "Use shortcuts"
     top_menu:
         browser_addons: 'Browser-Erweiterungen'
         mobile_apps: 'Apps'
@@ -290,6 +293,33 @@ howto:
         windows: 'im Microsoft-Store'
     bookmarklet:
         description: 'Ziehe diesen Link in deine Lesezeichenleiste:'
+    shortcuts:
+        # page_description: Here are the shortcuts available in wallabag.
+        # shortcut: Shortcut
+        # action: Action
+        # all_pages_title: Shortcuts available in all pages
+        # go_unread: Go to unread
+        # go_starred: Go to starred
+        # go_archive: Go to archive
+        # go_all: Go to all entries
+        # go_tags: Go to tags
+        # go_config: Go to config
+        # go_import: Go to import
+        # go_developers: Go to developers
+        # go_howto: Go to howto (this page!)
+        # go_logout: Logout
+        # list_title: Shortcuts available in listing pages
+        # search: Display the search form
+        # article_title: Shortcuts available in entry view
+        # open_original: Open original URL of the entry
+        # toggle_favorite: Toggle star status for the entry
+        # toggle_archive: Toggle read status for the entry
+        # delete: Delete the entry
+        # material_title: Shortcuts available with Material theme only
+        # add_link: Add a new link
+        # hide_form: Hide the current form (search or new link)
+        # arrows_navigation: Navigate through articles
+        # open_article: Display the selected entry
 
 quickstart:
     page_title: 'Schnelleinstieg'
diff --git a/src/Wallabag/CoreBundle/Resources/translations/messages.en.yml b/src/Wallabag/CoreBundle/Resources/translations/messages.en.yml
index 63216a0f..9e13ad0e 100644
--- a/src/Wallabag/CoreBundle/Resources/translations/messages.en.yml
+++ b/src/Wallabag/CoreBundle/Resources/translations/messages.en.yml
@@ -272,6 +272,9 @@ about:
 
 howto:
     page_title: 'How to'
+    tab_menu:
+        add_link: "Add a link"
+        shortcuts: "Use shortcuts"
     page_description: 'There are several ways to save an article:'
     top_menu:
         browser_addons: 'Browser addons'
@@ -290,6 +293,33 @@ howto:
         windows: 'on the Microsoft Store'
     bookmarklet:
         description: 'Drag & drop this link to your bookmarks bar:'
+    shortcuts:
+        page_description: Here are the shortcuts available in wallabag.
+        shortcut: Shortcut
+        action: Action
+        all_pages_title: Shortcuts available in all pages
+        go_unread: Go to unread
+        go_starred: Go to starred
+        go_archive: Go to archive
+        go_all: Go to all entries
+        go_tags: Go to tags
+        go_config: Go to config
+        go_import: Go to import
+        go_developers: Go to developers
+        go_howto: Go to howto (this page!)
+        go_logout: Logout
+        list_title: Shortcuts available in listing pages
+        search: Display the search form
+        article_title: Shortcuts available in entry view
+        open_original: Open original URL of the entry
+        toggle_favorite: Toggle star status for the entry
+        toggle_archive: Toggle read status for the entry
+        delete: Delete the entry
+        material_title: Shortcuts available with Material theme only
+        add_link: Add a new link
+        hide_form: Hide the current form (search or new link)
+        arrows_navigation: Navigate through articles
+        open_article: Display the selected entry
 
 quickstart:
     page_title: 'Quickstart'
diff --git a/src/Wallabag/CoreBundle/Resources/translations/messages.es.yml b/src/Wallabag/CoreBundle/Resources/translations/messages.es.yml
index 3876725e..b8764876 100644
--- a/src/Wallabag/CoreBundle/Resources/translations/messages.es.yml
+++ b/src/Wallabag/CoreBundle/Resources/translations/messages.es.yml
@@ -273,6 +273,9 @@ about:
 howto:
     page_title: 'Ayuda'
     page_description: 'Hay muchas maneras para guardar un artículo:'
+    tab_menu:
+        # add_link: "Add a link"
+        # shortcuts: "Use shortcuts"
     top_menu:
         browser_addons: 'Extensiones de navigador'
         mobile_apps: 'Aplicaciones para smartphone'
@@ -290,6 +293,33 @@ howto:
         windows: 'por la tienda de Microsoft'
     bookmarklet:
         description: 'Desplazar y soltar este link en la barra de marcadores :'
+    shortcuts:
+        # page_description: Here are the shortcuts available in wallabag.
+        # shortcut: Shortcut
+        # action: Action
+        # all_pages_title: Shortcuts available in all pages
+        # go_unread: Go to unread
+        # go_starred: Go to starred
+        # go_archive: Go to archive
+        # go_all: Go to all entries
+        # go_tags: Go to tags
+        # go_config: Go to config
+        # go_import: Go to import
+        # go_developers: Go to developers
+        # go_howto: Go to howto (this page!)
+        # go_logout: Logout
+        # list_title: Shortcuts available in listing pages
+        # search: Display the search form
+        # article_title: Shortcuts available in entry view
+        # open_original: Open original URL of the entry
+        # toggle_favorite: Toggle star status for the entry
+        # toggle_archive: Toggle read status for the entry
+        # delete: Delete the entry
+        # material_title: Shortcuts available with Material theme only
+        # add_link: Add a new link
+        # hide_form: Hide the current form (search or new link)
+        # arrows_navigation: Navigate through articles
+        # open_article: Display the selected entry
 
 quickstart:
     page_title: 'Comienzo rápido'
diff --git a/src/Wallabag/CoreBundle/Resources/translations/messages.fa.yml b/src/Wallabag/CoreBundle/Resources/translations/messages.fa.yml
index 301668e3..e1bfcade 100644
--- a/src/Wallabag/CoreBundle/Resources/translations/messages.fa.yml
+++ b/src/Wallabag/CoreBundle/Resources/translations/messages.fa.yml
@@ -273,6 +273,9 @@ about:
 howto:
     page_title: 'خودآموز'
     page_description: 'راه‌های زیادی برای ذخیرهٔ مقاله‌ها هست:'
+    tab_menu:
+        # add_link: "Add a link"
+        # shortcuts: "Use shortcuts"
     top_menu:
         browser_addons: 'افزونه برای مرورگرها'
         mobile_apps: 'برنامه‌های موبایل'
@@ -290,6 +293,33 @@ howto:
         windows: 'از راه Microsoft Store'
     bookmarklet:
         description: 'این پیوند را به نوار بوک‌مارک مرورگرتان بکشید:'
+    shortcuts:
+        # page_description: Here are the shortcuts available in wallabag.
+        # shortcut: Shortcut
+        # action: Action
+        # all_pages_title: Shortcuts available in all pages
+        # go_unread: Go to unread
+        # go_starred: Go to starred
+        # go_archive: Go to archive
+        # go_all: Go to all entries
+        # go_tags: Go to tags
+        # go_config: Go to config
+        # go_import: Go to import
+        # go_developers: Go to developers
+        # go_howto: Go to howto (this page!)
+        # go_logout: Logout
+        # list_title: Shortcuts available in listing pages
+        # search: Display the search form
+        # article_title: Shortcuts available in entry view
+        # open_original: Open original URL of the entry
+        # toggle_favorite: Toggle star status for the entry
+        # toggle_archive: Toggle read status for the entry
+        # delete: Delete the entry
+        # material_title: Shortcuts available with Material theme only
+        # add_link: Add a new link
+        # hide_form: Hide the current form (search or new link)
+        # arrows_navigation: Navigate through articles
+        # open_article: Display the selected entry
 
 quickstart:
     page_title: 'Quickstart'
diff --git a/src/Wallabag/CoreBundle/Resources/translations/messages.fr.yml b/src/Wallabag/CoreBundle/Resources/translations/messages.fr.yml
index d97eab26..2e4f4f43 100644
--- a/src/Wallabag/CoreBundle/Resources/translations/messages.fr.yml
+++ b/src/Wallabag/CoreBundle/Resources/translations/messages.fr.yml
@@ -272,6 +272,9 @@ about:
 
 howto:
     page_title: "Aide"
+    tab_menu:
+        add_link: "Ajouter un lien"
+        shortcuts: "Utiliser les raccourcis"
     page_description: "Il y a plusieurs façon d’enregistrer un article :"
     top_menu:
         browser_addons: "Extensions de navigateur"
@@ -290,6 +293,33 @@ howto:
         windows: "sur Microsoft Store"
     bookmarklet:
         description: "Glissez et déposez ce lien dans votre barre de favoris :"
+    shortcuts:
+        page_description: Voici les raccourcis disponibles dans wallabag.
+        shortcut: Raccourci
+        action: Action
+        all_pages_title: Raccourcis disponibles dans toutes les pages
+        go_unread: Afficher les articles non lus
+        go_starred: Afficher les articles favoris
+        go_archive:  Afficher les articles lus
+        go_all: Afficher tous les articles
+        go_tags: Afficher les tags
+        go_config: Aller à la configuration
+        go_import: Aller aux imports
+        go_developers: Aller à la section Développeurs
+        go_howto: Afficher l'aide (cette page !)
+        go_logout: Se déconnecter
+        list_title: Raccourcis disponibles dans les pages de liste
+        search: Afficher le formulaire de recherche
+        article_title: Raccourcis disponibles quand on affiche un article
+        open_original: Ouvrir l'URL originale de l'article
+        toggle_favorite: Changer le statut Favori de l'article
+        toggle_archive: Changer le status Lu de l'article
+        delete: Supprimer l'article
+        material_title: Raccourcis disponibles avec le thème Material uniquement
+        add_link: Ajouter un nouvel article
+        hide_form: Masquer le formulaire courant (recherche ou nouvel article)
+        arrows_navigation: Naviguer à travers les articles
+        open_article: Afficher l'article sélectionné
 
 quickstart:
     page_title: "Pour bien débuter"
diff --git a/src/Wallabag/CoreBundle/Resources/translations/messages.it.yml b/src/Wallabag/CoreBundle/Resources/translations/messages.it.yml
index 4be99a27..d84f7dbf 100644
--- a/src/Wallabag/CoreBundle/Resources/translations/messages.it.yml
+++ b/src/Wallabag/CoreBundle/Resources/translations/messages.it.yml
@@ -273,6 +273,9 @@ about:
 howto:
     page_title: 'How to'
     page_description: 'Ci sono diversi modi per salvare un contenuto:'
+    tab_menu:
+        # add_link: "Add a link"
+        # shortcuts: "Use shortcuts"
     top_menu:
         browser_addons: 'tramite addons del Browser'
         mobile_apps: 'tramite app Mobile'
@@ -290,6 +293,33 @@ howto:
         windows: 'sullo store di Microsoft'
     bookmarklet:
         description: 'Trascinando e rilasciando questo link sulla barra dei bookmark del tuo browser:'
+    shortcuts:
+        # page_description: Here are the shortcuts available in wallabag.
+        # shortcut: Shortcut
+        # action: Action
+        # all_pages_title: Shortcuts available in all pages
+        # go_unread: Go to unread
+        # go_starred: Go to starred
+        # go_archive: Go to archive
+        # go_all: Go to all entries
+        # go_tags: Go to tags
+        # go_config: Go to config
+        # go_import: Go to import
+        # go_developers: Go to developers
+        # go_howto: Go to howto (this page!)
+        # go_logout: Logout
+        # list_title: Shortcuts available in listing pages
+        # search: Display the search form
+        # article_title: Shortcuts available in entry view
+        # open_original: Open original URL of the entry
+        # toggle_favorite: Toggle star status for the entry
+        # toggle_archive: Toggle read status for the entry
+        # delete: Delete the entry
+        # material_title: Shortcuts available with Material theme only
+        # add_link: Add a new link
+        # hide_form: Hide the current form (search or new link)
+        # arrows_navigation: Navigate through articles
+        # open_article: Display the selected entry
 
 quickstart:
     page_title: 'Introduzione'
diff --git a/src/Wallabag/CoreBundle/Resources/translations/messages.oc.yml b/src/Wallabag/CoreBundle/Resources/translations/messages.oc.yml
index 5ded91f9..f2215a07 100644
--- a/src/Wallabag/CoreBundle/Resources/translations/messages.oc.yml
+++ b/src/Wallabag/CoreBundle/Resources/translations/messages.oc.yml
@@ -273,6 +273,9 @@ about:
 howto:
     page_title: 'Ajuda'
     page_description: "I a mai d'un biais d'enregistrar un article :"
+    tab_menu:
+        # add_link: "Add a link"
+        # shortcuts: "Use shortcuts"
     top_menu:
         browser_addons: 'Extensions de navigator'
         mobile_apps: 'Aplicacions mobil'
@@ -290,6 +293,33 @@ howto:
         windows: 'sus Microsoft Store'
     bookmarklet:
         description: 'Lisatz-depausatz aqueste ligam dins vòstra barra de favorits :'
+    shortcuts:
+        # page_description: Here are the shortcuts available in wallabag.
+        # shortcut: Shortcut
+        # action: Action
+        # all_pages_title: Shortcuts available in all pages
+        # go_unread: Go to unread
+        # go_starred: Go to starred
+        # go_archive: Go to archive
+        # go_all: Go to all entries
+        # go_tags: Go to tags
+        # go_config: Go to config
+        # go_import: Go to import
+        # go_developers: Go to developers
+        # go_howto: Go to howto (this page!)
+        # go_logout: Logout
+        # list_title: Shortcuts available in listing pages
+        # search: Display the search form
+        # article_title: Shortcuts available in entry view
+        # open_original: Open original URL of the entry
+        # toggle_favorite: Toggle star status for the entry
+        # toggle_archive: Toggle read status for the entry
+        # delete: Delete the entry
+        # material_title: Shortcuts available with Material theme only
+        # add_link: Add a new link
+        # hide_form: Hide the current form (search or new link)
+        # arrows_navigation: Navigate through articles
+        # open_article: Display the selected entry
 
 quickstart:
     page_title: 'Per ben començar'
diff --git a/src/Wallabag/CoreBundle/Resources/translations/messages.pl.yml b/src/Wallabag/CoreBundle/Resources/translations/messages.pl.yml
index c124b744..0e48c3c6 100644
--- a/src/Wallabag/CoreBundle/Resources/translations/messages.pl.yml
+++ b/src/Wallabag/CoreBundle/Resources/translations/messages.pl.yml
@@ -273,6 +273,9 @@ about:
 howto:
     page_title: 'Howto'
     page_description: 'Sposoby zapisania artykułu:'
+    tab_menu:
+        # add_link: "Add a link"
+        # shortcuts: "Use shortcuts"
     top_menu:
         browser_addons: 'Wtyczki dla przeglądarki'
         mobile_apps: 'Aplikacje mobilne'
@@ -290,6 +293,33 @@ howto:
         windows: 'w Microsoft Store'
     bookmarklet:
         description: 'Przeciągnij i upuść ten link na swój pasek zakładek'
+    shortcuts:
+        # page_description: Here are the shortcuts available in wallabag.
+        # shortcut: Shortcut
+        # action: Action
+        # all_pages_title: Shortcuts available in all pages
+        # go_unread: Go to unread
+        # go_starred: Go to starred
+        # go_archive: Go to archive
+        # go_all: Go to all entries
+        # go_tags: Go to tags
+        # go_config: Go to config
+        # go_import: Go to import
+        # go_developers: Go to developers
+        # go_howto: Go to howto (this page!)
+        # go_logout: Logout
+        # list_title: Shortcuts available in listing pages
+        # search: Display the search form
+        # article_title: Shortcuts available in entry view
+        # open_original: Open original URL of the entry
+        # toggle_favorite: Toggle star status for the entry
+        # toggle_archive: Toggle read status for the entry
+        # delete: Delete the entry
+        # material_title: Shortcuts available with Material theme only
+        # add_link: Add a new link
+        # hide_form: Hide the current form (search or new link)
+        # arrows_navigation: Navigate through articles
+        # open_article: Display the selected entry
 
 quickstart:
     page_title: 'Szybki start'
diff --git a/src/Wallabag/CoreBundle/Resources/translations/messages.pt.yml b/src/Wallabag/CoreBundle/Resources/translations/messages.pt.yml
index 4084469c..3dd6e7d8 100644
--- a/src/Wallabag/CoreBundle/Resources/translations/messages.pt.yml
+++ b/src/Wallabag/CoreBundle/Resources/translations/messages.pt.yml
@@ -273,6 +273,9 @@ about:
 howto:
     page_title: 'How to'
     page_description: 'Existem diferentes formas de salvar um artigo:'
+    tab_menu:
+        # add_link: "Add a link"
+        # shortcuts: "Use shortcuts"
     top_menu:
         browser_addons: 'Extensões de navegadores'
         mobile_apps: "App's móveis"
@@ -290,6 +293,33 @@ howto:
         windows: 'na Microsoft Store'
     bookmarklet:
         description: 'Arraste e solve este link na sua barra de favoritos:'
+    shortcuts:
+        # page_description: Here are the shortcuts available in wallabag.
+        # shortcut: Shortcut
+        # action: Action
+        # all_pages_title: Shortcuts available in all pages
+        # go_unread: Go to unread
+        # go_starred: Go to starred
+        # go_archive: Go to archive
+        # go_all: Go to all entries
+        # go_tags: Go to tags
+        # go_config: Go to config
+        # go_import: Go to import
+        # go_developers: Go to developers
+        # go_howto: Go to howto (this page!)
+        # go_logout: Logout
+        # list_title: Shortcuts available in listing pages
+        # search: Display the search form
+        # article_title: Shortcuts available in entry view
+        # open_original: Open original URL of the entry
+        # toggle_favorite: Toggle star status for the entry
+        # toggle_archive: Toggle read status for the entry
+        # delete: Delete the entry
+        # material_title: Shortcuts available with Material theme only
+        # add_link: Add a new link
+        # hide_form: Hide the current form (search or new link)
+        # arrows_navigation: Navigate through articles
+        # open_article: Display the selected entry
 
 quickstart:
     page_title: 'Começo Rápido'
diff --git a/src/Wallabag/CoreBundle/Resources/translations/messages.ro.yml b/src/Wallabag/CoreBundle/Resources/translations/messages.ro.yml
index a6a7e146..0386c0b6 100644
--- a/src/Wallabag/CoreBundle/Resources/translations/messages.ro.yml
+++ b/src/Wallabag/CoreBundle/Resources/translations/messages.ro.yml
@@ -273,6 +273,9 @@ about:
 howto:
     page_title: 'Cum să'
     # page_description: 'There are several ways to save an article:'
+    tab_menu:
+        # add_link: "Add a link"
+        # shortcuts: "Use shortcuts"
     top_menu:
         browser_addons: 'Add-On-uri de Browser'
         mobile_apps: 'Aplicații mobile'
@@ -290,6 +293,33 @@ howto:
         windows: 'prin Microsoft Store'
     bookmarklet:
         description: 'Drag & drop acest link în bara de bookmark-uri:'
+    shortcuts:
+        # page_description: Here are the shortcuts available in wallabag.
+        # shortcut: Shortcut
+        # action: Action
+        # all_pages_title: Shortcuts available in all pages
+        # go_unread: Go to unread
+        # go_starred: Go to starred
+        # go_archive: Go to archive
+        # go_all: Go to all entries
+        # go_tags: Go to tags
+        # go_config: Go to config
+        # go_import: Go to import
+        # go_developers: Go to developers
+        # go_howto: Go to howto (this page!)
+        # go_logout: Logout
+        # list_title: Shortcuts available in listing pages
+        # search: Display the search form
+        # article_title: Shortcuts available in entry view
+        # open_original: Open original URL of the entry
+        # toggle_favorite: Toggle star status for the entry
+        # toggle_archive: Toggle read status for the entry
+        # delete: Delete the entry
+        # material_title: Shortcuts available with Material theme only
+        # add_link: Add a new link
+        # hide_form: Hide the current form (search or new link)
+        # arrows_navigation: Navigate through articles
+        # open_article: Display the selected entry
 
 quickstart:
     # page_title: 'Quickstart'
diff --git a/src/Wallabag/CoreBundle/Resources/translations/messages.tr.yml b/src/Wallabag/CoreBundle/Resources/translations/messages.tr.yml
index 630ad0ca..74601f4e 100644
--- a/src/Wallabag/CoreBundle/Resources/translations/messages.tr.yml
+++ b/src/Wallabag/CoreBundle/Resources/translations/messages.tr.yml
@@ -273,6 +273,9 @@ about:
 howto:
     page_title: 'Yardım'
     # page_description: 'There are several ways to save an article:'
+    tab_menu:
+        # add_link: "Add a link"
+        # shortcuts: "Use shortcuts"
     top_menu:
         browser_addons: 'Tarayıcı eklentileri'
         mobile_apps: 'Mobil uygulamalar'
@@ -290,6 +293,33 @@ howto:
         # windows: 'on the Microsoft Store'
     bookmarklet:
         description: "Bu bağlantı ile yer imlerinizi sürükleyip bırakarak wallabag'e ekleyebilirsiniz:"
+    shortcuts:
+        # page_description: Here are the shortcuts available in wallabag.
+        # shortcut: Shortcut
+        # action: Action
+        # all_pages_title: Shortcuts available in all pages
+        # go_unread: Go to unread
+        # go_starred: Go to starred
+        # go_archive: Go to archive
+        # go_all: Go to all entries
+        # go_tags: Go to tags
+        # go_config: Go to config
+        # go_import: Go to import
+        # go_developers: Go to developers
+        # go_howto: Go to howto (this page!)
+        # go_logout: Logout
+        # list_title: Shortcuts available in listing pages
+        # search: Display the search form
+        # article_title: Shortcuts available in entry view
+        # open_original: Open original URL of the entry
+        # toggle_favorite: Toggle star status for the entry
+        # toggle_archive: Toggle read status for the entry
+        # delete: Delete the entry
+        # material_title: Shortcuts available with Material theme only
+        # add_link: Add a new link
+        # hide_form: Hide the current form (search or new link)
+        # arrows_navigation: Navigate through articles
+        # open_article: Display the selected entry
 
 quickstart:
     page_title: 'Hızlı başlangıç'
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/common/Static/howto.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/common/Static/howto.html.twig
index 67a10190..3b02993e 100644
--- a/src/Wallabag/CoreBundle/Resources/views/themes/common/Static/howto.html.twig
+++ b/src/Wallabag/CoreBundle/Resources/views/themes/common/Static/howto.html.twig
@@ -7,39 +7,186 @@
     <div class="row">
         <div class="col s12">
             <div class="card-panel settings">
-                <p>{{ 'howto.page_description'|trans }}</p>
 
                 <div class="row">
-
-                    <div class="col s12">
-                        <a href="{{ path('new') }}">{{ 'howto.form.description'|trans }}</a>
-                    </div>
-
-                    <div class="col s12">
-                        <h5>{{ 'howto.top_menu.browser_addons'|trans }}</h5>
-                        <ul>
-                            <li><a href="{{ addonsUrl.firefox }}" target="_blank">{{ 'howto.browser_addons.firefox'|trans }}</a></li>
-                            <li><a href="{{ addonsUrl.chrome }}" target="_blank">{{ 'howto.browser_addons.chrome'|trans }}</a></li>
+                    <div class="div_tabs col s12">
+                        <ul class="tabs">
+                            <li class="tab col s12 m6 l3"><a class="active" href="#set1">{{ 'howto.tab_menu.add_link'|trans }}</a></li>
+                            <li class="tab col s12 m6 l3"><a href="#set2">{{ 'howto.tab_menu.shortcuts'|trans }}</a></li>
                         </ul>
                     </div>
 
-                    <div class="col s12">
-                        <h5>{{ 'howto.top_menu.mobile_apps'|trans }}</h5>
-                        <ul>
-                            <li>Android: <a href="{{ addonsUrl.f_droid }}" target="_blank">{{ 'howto.mobile_apps.android.via_f_droid'|trans }}</a> / <a href="{{ addonsUrl.google_play }}" target="_blank">{{ 'howto.mobile_apps.android.via_google_play'|trans }}</a></li>
-                            <li>iOS: <a href="{{ addonsUrl.ios }}" target="_blank">{{ 'howto.mobile_apps.ios'|trans }}</a></li>
-                            <li>Windows Phone: <a href="{{ addonsUrl.windows }}" target="_blank">{{ 'howto.mobile_apps.windows'|trans }}</a></li>
-                        </ul>
-                    </div>
+                    <div id="set1" class="col s12">
+                        <p>{{ 'howto.page_description'|trans }}</p>
+
+                        <div class="row">
 
-                    <div class="col s12">
-                        <h5>{{ 'howto.top_menu.bookmarklet'|trans }}</h5>
-                        {{ 'howto.bookmarklet.description'|trans }}
-                        {% include '@WallabagCore/themes/common/Static/_bookmarklet.html.twig' %}
+                            <div class="col s12">
+                                <a href="{{ path('new') }}">{{ 'howto.form.description'|trans }}</a>
+                            </div>
+
+                            <div class="col s12">
+                                <h5>{{ 'howto.top_menu.browser_addons'|trans }}</h5>
+                                <ul>
+                                    <li><a href="{{ addonsUrl.firefox }}" target="_blank">{{ 'howto.browser_addons.firefox'|trans }}</a></li>
+                                    <li><a href="{{ addonsUrl.chrome }}" target="_blank">{{ 'howto.browser_addons.chrome'|trans }}</a></li>
+                                </ul>
+                            </div>
+
+                            <div class="col s12">
+                                <h5>{{ 'howto.top_menu.mobile_apps'|trans }}</h5>
+                                <ul>
+                                    <li>Android: <a href="{{ addonsUrl.f_droid }}" target="_blank">{{ 'howto.mobile_apps.android.via_f_droid'|trans }}</a> / <a href="{{ addonsUrl.google_play }}" target="_blank">{{ 'howto.mobile_apps.android.via_google_play'|trans }}</a></li>
+                                    <li>iOS: <a href="{{ addonsUrl.ios }}" target="_blank">{{ 'howto.mobile_apps.ios'|trans }}</a></li>
+                                    <li>Windows Phone: <a href="{{ addonsUrl.windows }}" target="_blank">{{ 'howto.mobile_apps.windows'|trans }}</a></li>
+                                </ul>
+                            </div>
+
+                            <div class="col s12">
+                                <h5>{{ 'howto.top_menu.bookmarklet'|trans }}</h5>
+                                {{ 'howto.bookmarklet.description'|trans }}
+                                {% include '@WallabagCore/themes/common/Static/_bookmarklet.html.twig' %}
+                            </div>
+
+                        </div>
                     </div>
 
-                </div>
+                    <div id="set2" class="col s12">
+                        <p>{{ 'howto.shortcuts.page_description'|trans }}</p>
+
+                        <h5>{{ 'howto.shortcuts.all_pages_title'|trans }}</h5>
 
+                        <table class="bordered">
+                            <thead>
+                                <tr>
+                                    <th>{{ 'howto.shortcuts.shortcut'|trans }}</th>
+                                    <th>{{ 'howto.shortcuts.action'|trans }}</th>
+                                </tr>
+                            </thead>
+
+                            <tbody>
+                                <tr>
+                                    <td><code>g u</code></td>
+                                    <td>{{ 'howto.shortcuts.go_unread'|trans }}</td>
+                                </tr>
+                                <tr>
+                                    <td><code>g s</code></td>
+                                    <td>{{ 'howto.shortcuts.go_starred'|trans }}</td>
+                                </tr>
+                                <tr>
+                                    <td><code>g r</code></td>
+                                    <td>{{ 'howto.shortcuts.go_archive'|trans }}</td>
+                                </tr>
+                                <tr>
+                                    <td><code>g a</code></td>
+                                    <td>{{ 'howto.shortcuts.go_all'|trans }}</td>
+                                </tr>
+                                <tr>
+                                    <td><code>g t</code></td>
+                                    <td>{{ 'howto.shortcuts.go_tags'|trans }}</td>
+                                </tr>
+                                <tr>
+                                    <td><code>g c</code></td>
+                                    <td>{{ 'howto.shortcuts.go_config'|trans }}</td>
+                                </tr>
+                                <tr>
+                                    <td><code>g i</code></td>
+                                    <td>{{ 'howto.shortcuts.go_import'|trans }}</td>
+                                </tr>
+                                <tr>
+                                    <td><code>g d</code></td>
+                                    <td>{{ 'howto.shortcuts.go_developers'|trans }}</td>
+                                </tr>
+                                <tr>
+                                    <td><code>?</code></td>
+                                    <td>{{ 'howto.shortcuts.go_howto'|trans }}</td>
+                                </tr>
+                                <tr>
+                                    <td><code>g l</code></td>
+                                    <td>{{ 'howto.shortcuts.go_logout'|trans }}</td>
+                                </tr>
+                            </tbody>
+                        </table>
+
+                        <h5>{{ 'howto.shortcuts.list_title'|trans }}</h5>
+
+                        <table class="bordered">
+                            <thead>
+                            <tr>
+                                <th>{{ 'howto.shortcuts.shortcut'|trans }}</th>
+                                <th>{{ 'howto.shortcuts.action'|trans }}</th>
+                            </tr>
+                            </thead>
+
+                            <tbody>
+                            <tr>
+                                <td><code>s</code></td>
+                                <td>{{ 'howto.shortcuts.search'|trans }}</td>
+                            </tr>
+                            </tbody>
+                        </table>
+
+                        <h5>{{ 'howto.shortcuts.article_title'|trans }}</h5>
+
+                        <table class="bordered">
+                            <thead>
+                            <tr>
+                                <th>{{ 'howto.shortcuts.shortcut'|trans }}</th>
+                                <th>{{ 'howto.shortcuts.action'|trans }}</th>
+                            </tr>
+                            </thead>
+
+                            <tbody>
+                            <tr>
+                                <td><code>o</code></td>
+                                <td>{{ 'howto.shortcuts.open_original'|trans }}</td>
+                            </tr>
+                            <tr>
+                                <td><code>f</code></td>
+                                <td>{{ 'howto.shortcuts.toggle_favorite'|trans }}</td>
+                            </tr>
+                            <tr>
+                                <td><code>a</code></td>
+                                <td>{{ 'howto.shortcuts.toggle_archive'|trans }}</td>
+                            </tr>
+                            <tr>
+                                <td><code>del</code></td>
+                                <td>{{ 'howto.shortcuts.delete'|trans }}</td>
+                            </tr>
+                            </tbody>
+                        </table>
+
+                        <h5>{{ 'howto.shortcuts.material_title'|trans }}</h5>
+
+                        <table class="bordered">
+                            <thead>
+                            <tr>
+                                <th>{{ 'howto.shortcuts.shortcut'|trans }}</th>
+                                <th>{{ 'howto.shortcuts.action'|trans }}</th>
+                            </tr>
+                            </thead>
+
+                            <tbody>
+                            <tr>
+                                <td><code>g n</code></td>
+                                <td>{{ 'howto.shortcuts.add_link'|trans }}</td>
+                            </tr>
+                            <tr>
+                                <td><code>esc</code></td>
+                                <td>{{ 'howto.shortcuts.hide_form'|trans }}</td>
+                            </tr>
+                            <tr>
+                                <td><code>← →</code></td>
+                                <td>{{ 'howto.shortcuts.arrows_navigation'|trans }}</td>
+                            </tr>
+                            <tr>
+                                <td><code>enter</code></td>
+                                <td>{{ 'howto.shortcuts.open_article'|trans }}</td>
+                            </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    
             </div>
         </div>
     </div>