j1-template 2023.6.0 → 2023.7.0

data/assets/data/quicklinks.html

@@ -46,10 +46,11 @@ exclude_from_search:                    true
 
 {% assign translator_defaults       = modules.defaults.translator.defaults %}
 {% assign translator_settings       = modules.translator.settings %}
+{% assign speak2me_defaults         = modules.defaults.speak2me.defaults %}
+{% assign speak2me_settings         = modules.speak2me.settings %}
 {% assign toggler_defaults          = modules.defaults.theme_toggler.defaults %}
 {% assign toggler_settings          = modules.theme_toggler.settings %}
 
-
 {% comment %} Modules disabled
 --------------------------------------------------------------------------------
 {% assign nbi_defaults              = modules.defaults.nbinteract.defaults %}
@@ -71,8 +72,9 @@ exclude_from_search:                    true
 {% assign lunr_search_options       = lunr_search_defaults | merge: lunr_search_settings %}
 {% assign quicklinks_options        = nav_quicklinks_defaults | merge: nav_quicklinks_settings %}
 {% assign consent_options           = consent_defaults | merge: consent_settings %}
-{% assign translator_options        = translator_defaults | merge: translator_settings %}
 {% assign toggler_options           = toggler_defaults | merge: toggler_settings %}
+{% assign translator_options        = translator_defaults | merge: translator_settings %}
+{% assign speak2me_options          = speak2me_defaults | merge: speak2me_settings %}
 
 {% comment %} Control Center disabled
 --------------------------------------------------------------------------------
@@ -95,28 +97,30 @@ exclude_from_search:                    true
 {% assign home_url                  = quicklinks_options.home_url %}
 {% assign home_label                = quicklinks_options.home_label %}
 
-{% assign back_icon                 = quicklinks_options.back_icon %}
-{% assign back_url                  = quicklinks_options.back_url %}
-{% assign back_label                = quicklinks_options.back_label %}
-
 {% assign disqus_icon               = quicklinks_options.disqus_icon %}
-{% assign github_icon               = quicklinks_options.github_icon %}
-{% assign patreon_icon              = quicklinks_options.patreon_icon %}
-{% assign facebook_icon             = quicklinks_options.facebook_icon %}
-{% assign twitter_icon              = quicklinks_options.twitter_icon %}
-
 {% assign disqus_url                = quicklinks_options.disqus_url %}
-{% assign github_url                = quicklinks_options.github_url %}
-{% assign patreon_url               = quicklinks_options.patreon_url %}
-{% assign facebook_url              = quicklinks_options.facebook_url %}
-{% assign twitter_url               = quicklinks_options.twitter_url %}
-
 {% assign disqus_label              = quicklinks_options.disqus_label %}
+
+{% assign github_icon               = quicklinks_options.github_icon %}
+{% assign github_url                = quicklinks_options.github_url %}
 {% assign github_label              = quicklinks_options.github_label %}
+
+{% assign patreon_icon              = quicklinks_options.patreon_icon %}
+{% assign patreon_url               = quicklinks_options.patreon_url %}
 {% assign patreon_label             = quicklinks_options.patreon_label %}
+
+{% assign facebook_icon             = quicklinks_options.facebook_icon %}
+{% assign facebook_url              = quicklinks_options.facebook_url %}
 {% assign facebook_label            = quicklinks_options.facebook_label %}
+
+{% assign twitter_icon              = quicklinks_options.twitter_icon %}
+{% assign twitter_url               = quicklinks_options.twitter_url %}
 {% assign twitter_label             = quicklinks_options.twitter_label %}
 
+{% assign buymeacoffee_icon        = quicklinks_options.buymeacoffee_icon %}
+{% assign buymeacoffee_url         = quicklinks_options.buymeacoffee_url %}
+{% assign buymeacoffee_label       = quicklinks_options.buymeacoffee_label %}
+
 {% comment %} Action buttons
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign cookies_icon              = quicklinks_options.cookies_icon %}
@@ -131,10 +135,15 @@ exclude_from_search:                    true
 {% assign translate_action          = quicklinks_options.translate_action %}
 {% assign translate_label           = quicklinks_options.translate_label %}
 
+{% assign speak2me_icon             = quicklinks_options.speak2me_icon %}
+{% assign speak2me_action           = quicklinks_options.speak2me_action %}
+{% assign speak2me_label            = quicklinks_options.speak2me_label %}
+
 {% assign theme_toggler_icon        = quicklinks_options.theme_toggler_icon %}
 {% assign theme_toggler_action      = quicklinks_options.theme_toggler_action %}
 {% assign theme_toggler_label       = quicklinks_options.theme_toggler_label %}
 
+
 {% comment %} Unused buttons
 --------------------------------------------------------------------------------
 {% assign r_text_icon               = quicklinks_options.r_text_icon %}
@@ -161,14 +170,15 @@ exclude_from_search:                    true
 {% assign control_center_url        = cc_app_config_options.quicklinks_url %}
 
 {% comment %} Show|Hide QuickLink icons
+<!-- authentication_enabled: {{ authentication_enabled | debug }} -->
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign show_quicksearch_icon     = lunr_search_options.enabled  %}
-{% assign show_translator_icon      = translator_options.enabled  %}
-{% assign show_theme_toggler_icon   = toggler_options.enabled  %}
-{% assign show_control_center_icon  = cc_app_config_options.enabled %}
-{% assign show_auth_manager_icon    = authentication_enabled  %}
+{% assign show_quicksearch_icon     = lunr_search_options.enabled %}
+{% assign show_translator_icon      = translator_options.enabled %}
+{% assign show_speak2me_icon        = speak2me_options.enabled %}
+{% assign show_theme_toggler_icon   = toggler_options.enabled %}
 
-<!-- authentication_enabled: {{ authentication_enabled | debug }} -->
+{% assign show_control_center_icon  = cc_app_config_options.enabled %}
+{% assign show_auth_manager_icon    = authentication_enabled %}
 
 {% comment %} Show|Hide CookieConsent icon
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -192,9 +202,8 @@ exclude_from_search:                    true
 
 {% comment %} QuickLink icons (Disabled)
 --------------------------------------------------------------------------------
-
 {% assign show_control_center_icon  = cc_app_config_options.enabled %}
-{% assign show_notebooks_icon       = nbi_defaults.enabled  %}
+{% assign show_notebooks_icon       = nbi_defaults.enabled %}
 
 {% comment %} Show|Hide RSizer icon
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -206,14 +215,12 @@ exclude_from_search:                    true
 
 {% comment %} Show|Hide Google Translate icon
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign show_google_translate_icon = true  %}
-{% assign show_google_translate_lang = false  %}
-{% assign translate_lang = 'gb'  %}
-
+{% assign show_google_translate_icon = true %}
+{% assign show_google_translate_lang = false %}
+{% assign translate_lang = 'gb' %}
 --------------------------------------------------------------------------------
 {% endcomment %}
 
-
 {% comment %} Select icon family and size (color set dynamically by adapter)
 -------------------------------------------------------------------------------- {% endcomment %}
 {% if quicklinks_options.icon_family == 'FontAwesome' or quicklinks_options.icon_family == 'FontAwesome4' or quicklinks_options.icon_family == 'FontAwesome5' %}
@@ -237,9 +244,11 @@ exclude_from_search:                    true
 {% endif %}
 
 
+
 {% comment %} Main
 ================================================================================ {% endcomment %}
 <!-- [INFO   ][~/assets/data/quicklinks.html               ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
+<!-- [INFO   ][~/assets/data/quicklinks.html               ] [ fick dich ins knie] -->
 <head>
   <meta name="robots" content="noindex, nofollow">
 </head>
@@ -255,13 +264,13 @@ exclude_from_search:                    true
 
   {% comment %} Link buttons
   ------------------------------------------------------------------------------ {% endcomment %}
-  {% if back_url != "none" %}<li id="quickLinksBackButton" class="nav-icon"><a id="page_back_id" href="{{back_url}}" aria-label="{{back_label}}"><i class="nav-icon {{icon_family}} {{icon_family}}-{{back_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if home_url != "none" %}<li id="quickLinksHomeButton" class="nav-icon"><a id="home_id" href="{{home_url}}" aria-label="{{home_label}}"><i class="nav-icon {{icon_family}} {{icon_family}}-{{home_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if disqus_url != "none" %}<li id="quickLinksDisqusButton" class="nav-icon"><a id="disqus_id" href="{{disqus_url}}" aria-label="{{disqus_label}}" target="blank"><i class="nav-icon {{icon_family}} {{icon_family}}-{{disqus_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if github_url != "none" %}<li id="quickLinksGithubButton" class="nav-icon"><a id="github_id" href="{{github_url}}" aria-label="{{github_label}}" target="blank"><i class="nav-icon {{icon_family}} {{icon_family}}-{{github_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if patreon_url != "none" %}<li id="quickLinksPatreonButton" class="nav-icon"><a id="patreon_id" href="{{patreon_url}}" aria-label="{{patreon_label}}" target="blank"><i class="nav-icon {{icon_family}} {{icon_family}}-{{patreon_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if facebook_url != "none" %}<li id="quickLinksFacebookButton" class="nav-icon"><a id="facebook_id" href="{{facebook_url}}" aria-label="{{facebook_label}}" target="blank"><i class="nav-icon {{icon_family}} {{icon_family}}-{{facebook_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if twitter_url != "none" %}<li id="quickLinksTwitterButton" class="nav-icon"><a id="twitter_id" href="{{twitter_url}}" aria-label="{{twitter_label}}" target="blank"><i class="nav-icon {{icon_family}} {{icon_family}}-{{twitter_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if buymeacoffee_url != "none" %}<li id="quickLinksBuyMeAcoffeebutton" class="nav-icon"><a id="buymeacoffee_id" href="{{buymeacoffee_url}}" target="blank" aria-label="{{buymeacoffee_label}}"><i class="nav-icon {{icon_family}} {{icon_family}}-{{buymeacoffee_icon}} {{icon_size}}"></i></a></li>{% endif %}
 
   {% comment %} Action buttons
   ------------------------------------------------------------------------------ {% endcomment %}
@@ -269,6 +278,7 @@ exclude_from_search:                    true
   {% if show_auth_manager_icon %}<li id="quickLinksSignInOutButton" class="nav-icon sign-inout" style="display: none;"><a class="nav-icon" id="navLinkSignInOut" aria-label="SignOut" href="#" data-bs-toggle="modal" data-bs-target="#{{signin_modal_id}}"><i id="iconSignInOut" class="nav-icon {{icon_family}} {{icon_family}}-{{signin_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_cookieconsent_icon %}<li id="quickLinksCookieButton" class="nav-icon {{cookies_action}}" style="display: block;"><a href="#" aria-label="{{cookies_label}}"><i class="nav-icon {{icon_family}} {{icon_family}}-{{cookies_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_translator_icon %}<li id="quickLinksTranslateButton" class="nav-icon {{translate_action}}" style="display: block;"><a href="#" aria-label="{{translate_label}}"><i class="nav-icon {{icon_family}} {{icon_family}}-{{translate_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if show_speak2me_icon %}<li id="quickLinksSpeakButton" class="nav-icon {{speak2me_action}}" style="display: block;"><a href="#" aria-label="{{speak2me_label}}"><i class="nav-icon {{icon_family}} {{icon_family}}-{{speak2me_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_theme_toggler_icon %}<li id="quickLinksThemeTogglerButton" class="nav-icon {{theme_toggler_action}}" style="display: block;"><a href="#" aria-label="{{theme_toggler_label}}"><i class="nav-icon {{icon_family}} {{icon_family}}-{{theme_toggler_icon}} {{icon_size}}"></i></a></li>{% endif %}
 
   {% comment %} Unused

data/assets/data/speak2me.html

@@ -0,0 +1,219 @@
+---
+regenerate:                             true
+exclude_from_search:                    true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/speak2me.html
+ # Liquid PROCEDURE to generate the HTML (data) portion of modal used
+ # by the J1 speak2me module
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2023 Juergen Adams
+ #
+ # J1 Theme is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #   liquid_var: {{ liquid_var | debug }}
+ #   config: {{ config | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set global settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment     = site.environment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign modules         = site.data.modules %}
+
+{% comment %} Process YML config data
+================================================================================ {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign speak2me_defaults = modules.defaults.speak2me.defaults %}
+{% assign speak2me_settings = modules.speak2me.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign speak2me_options  = speak2me_defaults | merge: speak2me_settings %}
+
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+
+{% comment %} Main
+================================================================================ {% endcomment %}
+<!-- [INFO   ] [~/assets/data/translator.html                ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
+<head>
+  <meta name="robots" content="noindex, nofollow">
+</head>
+
+
+{% comment %} Modal Speak2Me (tts dialog)
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- start modal container -->
+<div id="speak2me-modal-data">
+  <!-- start modal -->
+  <div id="speak2me-modal"
+    class="modal-dialog modal-frame modal-top modal-notify modal-primary"
+    data-bs-backdrop="static"
+    data-bs-keyboard="false"
+    tabindex="-1" role="document">
+    <!-- start modal content  -->
+    <div class="modal-content">
+
+      <div class="modal-header">
+        <p class="lead">{{speak2me_options.modal.title}}</p>
+      </div>
+
+      <!-- start modal body  -->
+      <div class="modal-body">
+
+        <!-- start settings -->
+        <div class="settings-area mb-5" data-speak2me-ignore>
+          <h2 class="ml-2 mt-4 mb-4">{{speak2me_options.modal.settings.voice_settings_title}}</h2>
+          <div class="mb-3">
+            <div>
+              <!-- speed selector -->
+              <label class="form-label mr-3" for="rate">{{speak2me_options.modal.settings.voice_speed_label}}</label>
+              <input id="rate" class="form-range" style="height: unset"
+                name="rate"
+                type="range"
+                min="{{speak2me_options.modal.settings.voice_speed_min}}"
+                max="{{speak2me_options.modal.settings.voice_speed_max}}"
+                step="{{speak2me_options.modal.settings.voice_speed_step}}"
+                value="{{speak2me_options.modal.settings.voice_speed_value}}"
+                oninput="j1.adapter.speak2me.update(this, value)"
+                onchange="j1.adapter.speak2me.update(this, value)"
+              />
+              <span class="val ml-3">{{speak2me_options.modal.settings.voice_speed_value}}</span>
+            </div>
+            <div>
+              <!-- pitch selector -->
+              <label for="pitch" class="form-label mr-3">{{speak2me_options.modal.settings.voice_pitch_label}}</label>
+              <input id="pitch" class="form-range" style="height: unset"
+                name="pitch"
+                type="range"
+                min="{{speak2me_options.modal.settings.voice_pitch_min}}"
+                max="{{speak2me_options.modal.settings.voice_pitch_max}}"
+                step="{{speak2me_options.modal.settings.voice_pitch_step}}"
+                value="{{speak2me_options.modal.settings.voice_pitch_value}}"
+                oninput="j1.adapter.speak2me.update(this, value)"
+                onchange="j1.adapter.speak2me.update(this, value)"
+              />
+              <span class="val ml-3">{{speak2me_options.modal.settings.voice_pitch_value}}</span>
+            </div>
+            <div>
+              <!-- volume selector -->
+              <label for="volume" class="form-label mr-3">{{speak2me_options.modal.settings.voice_volume_label}}</label>
+              <input id="volume" class="form-range" style="height: unset"
+                name="volume"
+                type="range"
+                min="{{speak2me_options.modal.settings.voice_volume_min}}"
+                max="{{speak2me_options.modal.settings.voice_volume_max}}"
+                step="{{speak2me_options.modal.settings.voice_volume_step}}"
+                value="{{speak2me_options.modal.settings.voice_volume_value}}"
+                oninput="j1.adapter.speak2me.update(this, value)"
+                nchange="j1.adapter.speak2me.update(this, value)"
+              />
+              <span class="val ml-3">{{speak2me_options.modal.settings.voice_volume_value}}</span>
+            </div>
+
+            <div id="voiceSelector" class="ml-2 mt-3" ></div>
+
+          </div>
+
+          <h2 class="ml-2 mt-5 mb-3">{{speak2me_options.modal.settings.voice_control_title}}</h2>
+          <!-- start control buttons -->
+          <div class="ml-2">
+
+            <!-- speak button -->
+            <button type="button"
+              id="speak_button"
+              class="btn btn-{{speak2me_options.modal.settings.speak_button_style}} btn-sm"
+              style="min-width: 180px"
+              onclick="j1.adapter.speak2me.speak('{{speak2me_options.speechSelector}}')"
+              data-bs-dismiss="modal">
+              <i class="mdib mdib-speaker mdib-sm mr-2"></i>
+              {{speak2me_options.modal.settings.speak_button_text}}
+            </button>
+
+            <!-- stop button -->
+            <button type="button"
+              id="stop_button"
+              class="btn btn-{{speak2me_options.modal.settings.stop_button_style}} btn-sm"
+              style="min-width: 180px"
+              onclick="j1.adapter.speak2me.stop()"
+              data-bs-dismiss="modal">
+              <i class="mdib mdib-speaker-off mdib-sm mr-2"></i>
+              {{speak2me_options.modal.settings.stop_button_text}}
+            </button>
+
+            <!-- pause button -->
+            <button type="button"
+              id="pause_button"
+              class="btn btn-{{speak2me_options.modal.settings.pause_button_style}} btn-sm"
+              style="min-width: 180px"
+              onclick="j1.adapter.speak2me.pause()">
+              <i class="mdib mdib-pause mdib-sm mr-2"></i>
+              {{speak2me_options.modal.settings.pause_button_text}}
+            </button>
+
+            <!-- resume button -->
+            <button type="button"
+              id="resume_button"
+              class="btn btn-{{speak2me_options.modal.settings.resume_button_style}} btn-sm"
+              style="min-width: 180px"
+              onclick="j1.adapter.speak2me.resume()">
+              <i class="mdib mdib-play-pause mdib-sm mr-2"></i>
+              {{speak2me_options.modal.settings.resume_button_text}}
+            </button>
+
+            <!-- exit (modal) button -->
+            <button type="button"
+              id="exit_button"
+              class="btn btn-{{speak2me_options.modal.settings.exit_button_style}}  btn-sm"
+              style="min-width: 180px"
+              data-bs-dismiss="modal">
+              <i class="mdib mdib-close mdib-sm mr-2"></i>
+              {{speak2me_options.modal.settings.exit_button_text}}
+            </button>
+          </div>
+          <!-- end control buttons -->
+        </div>
+        <!-- end settings -->
+      </div>
+      <!-- end modal body  -->
+    </div>
+    <!-- end modal content  -->
+  </div>
+  <!-- end modal -->
+</div>
+<!-- end modal container -->
+
+{% comment %} END Modal Speak2Me (tts dialog)
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% endcapture %}
+
+{% if production %}
+  {% capture _LINE_FEED %}{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ cache | strip_html_comments }}{% else %}{% capture _content %}{{ cache | strip_html_comments }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ cache | strip_html_comments | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}
+{% else %}
+  {{ cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}

data/assets/data/translator.html

@@ -151,16 +151,44 @@ exclude_from_search:                    true
       </div>
 
       <div class="modal-footer">
-        <button id="translator-buttonDoNotAgree" type="button" class="btn btn-outline-secondary mb-1 mr-2" style="min-width: 20rem">
+        <button
+          id="translator-buttonDoNotAgree"
+          type="button"
+          class="btn btn-outline-secondary mb-1 mr-2"
+          style="min-width: 20rem">
         No, disable translation
         </button>
-        <button id="translator-buttonAgree" type="button" class="btn btn-primary mb-1 mr-2" style="min-width: 20rem">
+
+        <button
+          id="translator-buttonAgree"
+          type="button"
+          class="btn btn-primary mb-1 mr-2"
+          style="min-width: 20rem">
         Yes, please translate
         </button>
-        <button id="translator-buttonSave" type="button" class="btn btn-outline-secondary mb-1 mr-2" style="display:none; min-width: 20rem">
+
+        <button
+          id="translator-buttonExit"
+          type="button"
+          class="btn btn-warning mb-1 mr-2"
+          style="min-width: 20rem"
+          data-bs-dismiss="modal">
+        Do nothing
+        </button>
+
+        <button
+          id="translator-buttonSave"
+          type="button"
+          class="btn btn-outline-secondary mb-1 mr-2"
+          style="display:none; min-width: 20rem">
         Save selection
         </button>
-        <button id="translator-buttonAgreeAll" type="button" class="btn btn-primary mb-1 mr-2" style="display:none; min-width: 20rem">
+
+        <button
+          id="translator-buttonAgreeAll"
+          type="button"
+          class="btn btn-primary mb-1 mr-2"
+          style="display:none; min-width: 20rem">
         I Agree on all
         </button>
       </div>