From edad875768e00d72ca64cb36d0aa700636e1b0e8 Mon Sep 17 00:00:00 2001
From: nobody <info@localcdn.org>
Date: Fri, 30 Jul 2021 21:25:37 +0200
Subject: [PATCH] Improved: FAQ and options page about generated rules

---
 pages/help/help.html              | 4 +++-
 pages/options/options-advanced.js | 1 -
 pages/options/options.html        | 2 +-
 pages/updates/updates.html        | 2 ++
 4 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/pages/help/help.html b/pages/help/help.html
index 957e5928..514b45de 100644
--- a/pages/help/help.html
+++ b/pages/help/help.html
@@ -55,7 +55,9 @@
         </div>
         <div id="rule-generator" class="notice">
             <h2 data-i18n-content="helpRuleGeneratorTitle">Rule generator</h2>
-            <p data-i18n-content="helpRuleGeneratorDescription">If you want to automatically redirect all supported CDN connections to LocalCDN, you can add these rules to your adblocker to allow these redirections. If you do not want to add these rules, you must allow each CDN connection individually for each website.</p>
+            <p>
+                <span data-i18n-content="helpRuleGeneratorDescription">If you want to automatically redirect all supported CDN connections to LocalCDN, you can add these rules to your adblocker to allow these redirections. If you do not want to add these rules, you must allow each CDN connection individually for each website.</span>
+                <span><a href="https://codeberg.org/nobody/LocalCDN/wiki" target="_blank" rel="nofollow noopener noreferrer">More information about the generated rules</a></span>
             <h3 data-i18n-content="helpRuleGeneratorUblockTitle">Only uBlock Origin:</h3>
             <p data-i18n-content="helpRuleGeneratorUblockDescription">These rules are only relevant in "medium" or "hard" mode, because it blocks all 3rd-party resources. They are not necessary in "default", "easy" or "very-easy" mode. For more information, please visit the uBlock Origin Wiki.</p>
             <table class="table-ublock">
diff --git a/pages/options/options-advanced.js b/pages/options/options-advanced.js
index 4f785c93..daa1ea7f 100644
--- a/pages/options/options-advanced.js
+++ b/pages/options/options-advanced.js
@@ -98,5 +98,4 @@ optionsAdvanced.init = function (opt) {
     document.getElementById('generate-noscript-rules').addEventListener('change', ruleGenerator.openRuleSet);
     document.getElementById('button-copy-rule-set').addEventListener('click', ruleGenerator.copyRuleSet);
     document.getElementById('negate-html-filter-list-warning').addEventListener('click', function () { options._onLinkClick(Links.CODEBERG_HTML_FILTER); });
-    document.getElementById('ruleset-help').addEventListener('click', function () { options._onLinkClick(Links.CODEBERG_RULESET); });
 };
diff --git a/pages/options/options.html b/pages/options/options.html
index e1e70a54..9139cbef 100644
--- a/pages/options/options.html
+++ b/pages/options/options.html
@@ -198,7 +198,7 @@
             <div class="option-group">
                 <section class="option">
                     <div class="title-option without-checkbox">
-                        <a class="no-icon" href="../help/help.html">
+                        <a class="no-icon" href="../help/help.html#rule-generator">
                             <span data-i18n-content="generateRuleSetTitle">Generate rule set</span>
                             <span id="ruleset-help" class="options-help-icon"></span>
                         </a>
diff --git a/pages/updates/updates.html b/pages/updates/updates.html
index 6dfb53ee..86e89ed3 100644
--- a/pages/updates/updates.html
+++ b/pages/updates/updates.html
@@ -38,6 +38,8 @@
                         <br>
                         <li>Fixed: Version detection of Vue.js</li>
                         <li>Fixed: Latest version of toastr.js (<a href="https://codeberg.org/nobody/LocalCDN/issues/590">#590</a>)</li>
+                        <br>
+                        <li>Improved: FAQ and options page about generated rules</li>
                     </ul>
                     <div id="generator-section">
                         <div class="topic-label">