✨ feat: add custom quotation marks for multilingual quotes

Allows users to specify custom opening and closing quotation marks for
the multilingual quote shortcode.
The quotation marks can be configured per language in config.toml.
If not specified, default quotation marks will be used.

config.toml

@@ -67,6 +67,9 @@ table_of_contents = "Tabla de contenido"
 last_updated_on = "Última actualización el"
 show_original_quote = "Mostrar cita original"
 show_translation = "Mostrar traducción"
+# Quotation marks for multilingual quote shortcode.
+open_quotation_mark = "«"
+close_quotation_mark = "»"
 
 [languages.ca.translations]
 language_name = "Català"
@@ -97,6 +100,9 @@ table_of_contents = "Taula de contingut"
 last_updated_on = "Última actualizació el"
 show_original_quote = "Mostra la cita original"
 show_translation = "Mostra la traducció"
+# Quotation marks for multilingual quote shortcode.
+open_quotation_mark = "«"
+close_quotation_mark = "»"
 
 [extra]
 

templates/shortcodes/multilingual_quote.html

@@ -1,18 +1,34 @@
+{%- if lang != config.default_language -%}
+    {%- set open_quote = trans(key="open_quotation_mark" | safe, lang=lang) -%}
+    {%- set close_quote = trans(key="close_quotation_mark" | safe, lang=lang) -%}
+{%- else -%}
+    {%- set open_quote = "“" -%}
+    {%- set close_quote = "”" -%}
+{%- endif -%}
+
 <div class="quote-container">
     <input type="checkbox" id="toggle" class="quote-toggle">
     <div class="quote">
         <div class="translated">
             <blockquote>
-                <p>"{{ translated }}"</p>
+                <p>{{ open_quote ~ translated ~ close_quote }}</p>
                 <p> — {{ author }} <label for="toggle" class="quote-label quote-label-original">
-                    ({%- if lang != config.default_language %}{{ trans(key="show_original_quote" | safe, lang=lang) }}{% else %}Show original quote{% endif %})</label></p>
+                    ({%- if lang != config.default_language -%}
+                        {{ trans(key="show_original_quote" | safe, lang=lang) }}
+                    {%- else -%}
+                        Show original quote
+                    {%- endif -%})</label></p>
             </blockquote>
         </div>
         <div class="original">
             <blockquote>
-                <p>"{{ original }}"</p>
+                <p>{{ open_quote ~ original ~ close_quote }}</p>
                 <p> — {{ author }} <label for="toggle" class="quote-label quote-label-translate">
-                    ({%- if lang != config.default_language %}{{ trans(key="show_translation" | safe, lang=lang) }}{% else %}Show translation{% endif %})
+                    ({%- if lang != config.default_language -%}
+                        {{ trans(key="show_translation" | safe, lang=lang) }}
+                    {%- else -%}
+                        Show translation
+                    {%- endif -%})
                 </label></p>            
             </blockquote>
         </div>