Add formatting help markup/translations

app/views/layouts/base.html.haml

@@ -30,6 +30,7 @@
       = render 'navigation/guest'
     = render 'shared/announcements'
     = yield
+    = render "shared/formatting"
     - if Rails.env.development?
       #debug
         %hr

app/views/shared/_format_link.html.haml

@@ -0,0 +1,3 @@
+%a.text-muted.text-decoration-none.fs-7{ href: "#", data: { controller: "format-popup" }, tabindex: "0" }
+  %i.fab.fa-markdown
+  = t("voc.format_markdown")

app/views/shared/_formatting.html.haml

@@ -0,0 +1,4 @@
+#formatting-options.d-none{ aria: { hidden: true } }
+  = t(".body_html", app_name: APP_CONFIG["site_name"])
+
+

config/locales/views.en.yml

@@ -550,6 +550,13 @@ en:
       unsubscribe_all: "Disable on all devices"
       description: "Here you can set up or disable push notifications for new questions in your inbox."
   shared:
+    formatting:
+      body_html: |
+        <p>%{app_name} uses <b>Markdown</b> for formatting</p>
+        <p>Add two new lines for a new paragraph to start</p>
+        <p><code>*italic text*</code> for <i>italic text</i></p>
+        <p><code>**bold text**</code> for <b>bold text</b></p>
+        <p><code>[link](https://example.com)</code> for <a href="https://example.com">link</a></p>
     links:
       about: "About"
       source: "Source code"

config/locales/voc.en.yml

@@ -10,6 +10,7 @@ en:
     delete: "Delete"
     edit: "Edit"
     follow: "Follow"
+    format_markdown: "Styling with Markdown is supported"
     load: "Load more"
     login: "Sign in"
     logout: "Sign out"