safer-indie-wiki-buddy/pages/settings/index.html

405 lines
18 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters!

This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden characters.

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="UTF-8" />
<link rel="icon" href="../../images/logo.png" />
<title>Indie Wiki Buddy settings</title>
<link rel="stylesheet" href="../../css/common.css" type="text/css">
<link rel="stylesheet" href="../../css/settings.css" type="text/css">
</head>
<body>
<div id="container">
<div id="header">
<span id="version"></span>
<h1>Indie Wiki Buddy</h1>
</div>
<div id="links">
<a href="../guide/index.html">Guide</a>
<a href="https://getindie.wiki" target="_blank">Website</a>
<a href="https://getindie.wiki/changelog/" target="_blank">Changelog</a>
<a href="https://getindie.wiki/#submit" target="_blank">Submit a Wiki</a>
<a href="https://github.com/KevinPayravi/indie-wiki-buddy" target="_blank">Source Code</a>
</div>
<div id="notificationBannerContainer">
<span id="notificationBannerOpera">
Opera users: By default, Opera will block extensions from running on search engines.
Search engine access can be enabled per-extension by going to "about:extensions"
and selecting the "Allow access to search page results" option under Indie Wiki Buddy.
<a id="operaPermsHideLink" href="#">Hide this message</a>
</span>
<span id="notificationBannerReview">
Enjoying Indie Wiki Buddy? Please leave a review!
<div id="notificationBannerReviewLinks">
<a id="reviewReminderChromeLink" target="_blank"
href="https://chrome.google.com/webstore/detail/indie-wiki-buddy/fkagelmloambgokoeokbpihmgpkbgbfm">Chrome</a>
<div>|</div>
<a id="reviewReminderFirefoxLink" target="_blank"
href="https://addons.mozilla.org/en-US/firefox/addon/indie-wiki-buddy/">Firefox</a>
<div>|</div>
<a id="reviewReminderHideLink" href="#">Hide this message</a>
</div>
<br />
Having issues or ideas for improvement? Please <a target="_blank" href="https://getindie.wiki/#contact">contact
me</a>!
</span>
</div>
<div id="content">
<div id="firstInstallInfo">
Thanks for installing Indie Wiki Buddy! Let's get you set up.
<br /><br />
Use the links above to see the full guide, submit new wikis, or contact the developer.
<br /><br />
In the settings below, you can toggle features on and off.
This includes the option to enable <a href="https://breezewiki.com/" target="_blank">BreezeWiki</a>,
an alternative frontend that renders Fandom wikis without ads or bloat.
<br /><br />
Below that, you can individually configure what happens when you visit Fandom, Fextralife, and Neoseeker
wikis that have an independent alternative, as well as what happens to their results in search engines.
For visiting wikis, you can choose to be
<img src="../../images/toggle-alert.png" width="12" alt="" /> alerted (default)
or
<img src="../../images/toggle-redirect.png" width="12" alt="" />
automatically redirected.
On search engines, you can choose to
<img src="../../images/toggle-replace.png" width="12" alt="" /> replace (default)
or
<img src="../../images/toggle-hide.png" width="12" alt="" /> hide
search results.
<br /><br />
You can access these settings in the future via the extension's icon
<img src="../../images/logo-32.png" width="15" alt="icon of an arrow pointing to the right" />
at the top right of your browser. If you don't see the icon,
it may be in the extension dropdown, which can be opened via the jigsaw icon
<img src="../../images/jigsaw.png" width="15" alt="" /> (also at the top right of your browser).
<hr />
</div>
<form name="options" class="options">
<fieldset id="generalSettings">
<legend><span aria-hidden="true">⚙️</span> General settings</legend>
<div class="settingToggle">
<label>
<input id="powerCheckbox" type="checkbox" />
<span id="powerIcon" aria-hidden="true"></span>
<span id="powerText"></span>
</label>
</div>
<div class="settingToggle">
<label>
<input id="notificationsCheckbox" type="checkbox" />
<span id="notificationsIcon" aria-hidden="true"></span>
Desktop notifications for
redirections
</label>
</div>
<div class="settingToggle">
<label>
<input id="crossLanguageCheckbox" type="checkbox" />
<span id="crossLanguageIcon" aria-hidden="true"></span>
Redirect non-English Fandom wikis to
indie English wikis when no same-language wiki exists
</label>
</div>
<div class="settingToggle">
<label>
<input id="openChangelogCheckbox" type="checkbox" />
<span id="openChangelogIcon" aria-hidden="true"></span>
Open changelog when Indie Wiki Buddy is updated
</label>
</div>
</fieldset>
<fieldset id="generalSettings">
<legend><span aria-hidden="true">🔍</span> Search engine filtering </legend>
<div class="settingToggle searchEngineToggles">
<label>
<input id="googleCheckbox" data-search-engine="google" type="checkbox" />
Google
</label>
<label>
<input id="bingCheckbox" data-search-engine="bing" type="checkbox" />
Bing
</label>
<label>
<input id="duckduckgoCheckbox" data-search-engine="duckduckgo" type="checkbox" />
DuckDuckGo
</label>
<label>
<input id="braveCheckbox" data-search-engine="brave" type="checkbox" />
Brave
</label>
<label>
<input id="ecosiaCheckbox" data-search-engine="ecosia" type="checkbox" />
Ecosia
</label>
<label>
<input id="kagiCheckbox" data-search-engine="kagi" type="checkbox" />
Kagi
</label>
<label>
<input id="qwantCheckbox" data-search-engine="qwant" type="checkbox" />
Qwant
</label>
<label>
<input id="startpageCheckbox" data-search-engine="startpage" type="checkbox" />
Startpage
</label>
<label>
<input id="yahooCheckbox" data-search-engine="yahoo" type="checkbox" />
Yahoo
</label>
<label>
<input id="yandexCheckbox" data-search-engine="yandex" type="checkbox" />
Yandex
</label>
</div>
<hr>
<div class="settingToggle">
<label>
<input id="hiddenResultsBannerCheckbox" type="checkbox" />
<img src="../../images/toggle-banner.png" height="12" alt="" />
On search engines, show banner when non-indie results are hidden
</label>
</div>
<div class="settingToggle">
<label>
<input id="reorderResultsCheckbox" type="checkbox" />
<img src="../../images/toggle-move-up.png" height="12" alt="" />
On Google, move indie wiki results above non-indie results
</label>
</div>
</fieldset>
<fieldset id="breezewikiSettings">
<legend>
<span aria-hidden="true"></span> BreezeWiki alternative frontend for Fandom (<a id="breeezwikiLearnMore"
href="https://breezewiki.com/" target="_blank">learn more</a>)
</legend>
<div role="radiogroup">
<div class="radioGroup vertical">
<label>
<input id="breeezwikiSettingDisabledRadio" type="radio" name="breezewikiSetting" value="off" />
<img src="../../images/toggle-disabled.png" height="12" alt="" />
BreezeWiki off
</label>
<label>
<input id="breezewikiSettingBannerRadio" type="radio" name="breezewikiSetting" value="banner" />
<img src="../../images/toggle-alert.png" height="12" alt="" />
Insert banner link to take you to BreezeWiki
</label>
<label>
<input id="breezewikiSettingRedirectRadio" type="radio" name="breezewikiSetting" value="redirect" />
<img src="../../images/toggle-redirect.png" height="12" alt="" />
Automatically redirect Fandom to BreezeWiki
</label>
</div>
</div>
<div id="breezewikiHost" class="settingToggle">
<label>
BreezeWiki host:
<select name="breezewikiHost" id="breezewikiHostSelect"></select>
</label>
<label id="breezewikiCustomHost">
Custom BreezeWiki domain:
<input type="text" id="customBreezewikiHost" name="customBreezewikiHost" placeholder="bw.example.com"
size="30" />
<button id="setCustomBreezewikiDomain" type="button">
Set domain
</button>
<span id="breezewikiCustomHostStatus"></span>
</label>
</div>
</fieldset>
<!--
Custom search engines are currently disabled
due to content scripts being unregistered on-update.
-->
<!-- <fieldset id="customSearchEngines">
<legend>
<span aria-hidden="true">🔍</span> Custom search engines
</legend>
<div id="customSearchEnginesContainer">
<div id="customSearchEnginesList"></div>
<div id="customSearchEnginesAdd">
<input type="text" id="newCustomSearchEngineDomain" placeholder="Search engine domain (e.g. search.example.org)" />
<select id="newCustomSearchEnginePreset">
<option value="searxng">SearXNG</option>
<option value="whoogle">Whoogle</option>
</select>
<button id="addCustomSearchEngine">Add</button>
</div>
</div>
</fieldset> -->
<h2>Individual wiki settings</h2>
<fieldset id="legend">
<legend>
<span aria-hidden="true"></span> Icon legend
</legend>
<span class="text-sm">When visiting Fandom, Fextralife, or Neoseeker wikis with an independent alternative,
IWB
can:</span>
<div>
<div>
<img src="../../images/toggle-disabled.png" width="16" height="16" alt="" /> Do nothing
</div>
<div>
<img src="../../images/toggle-alert.png" width="16" height="16" alt="" /> Display banner
linking to indie wiki
</div>
<div>
<img src="../../images/toggle-redirect.png" width="16" height="16" alt="" /> Redirect to
indie wiki
</div>
</div>
<span class="text-sm">When search engine results include Fandom, Fextralife, or Neoseeker wikis
with an independent alternative, IWB can:</span>
<div>
<div>
<img src="../../images/toggle-disabled.png" width="16" height="16" alt="" /> Do nothing
</div>
<div>
<img src="../../images/toggle-replace.png" width="16" height="16" alt="" /> Replace result with link
to indie wiki
</div>
<div>
<img src="../../images/toggle-hide.png" width="16" height="16" alt="" /> Hide the result
</div>
</div>
</fieldset>
<div id="wikiFiltersContainer">
<div>
<div id="langSelectCaption">Filter wikis by language:</div>
<select name="lang" id="langSelect">
<option value="ALL" selected>All languages</option>
<option value="DE">[DE] German / Deutsch</option>
<option value="EN">[EN] English</option>
<option value="ES">[ES] Spanish / Español</option>
<option value="FI">[FI] Finnish / suomi</option>
<option value="FR">[FR] French / Français</option>
<option value="HU">[HU] Hungarian / Magyar</option>
<option value="IT">[IT] Italian / Italiano</option>
<option value="JA">[JA] Japanese / 日本語</option>
<option value="KO">[KO] Korean / 한국어</option>
<option value="LZH">[LZH] Classical Chinese / 文言文</option>
<option value="PL">[PL] Polish / Polski</option>
<option value="PT">[PT] Portuguese / Português</option>
<option value="RU">[RU] Russian / Русский язык</option>
<option value="TH">[TH] Thai / ภาษาไทย</option>
<option value="TOK">[TOK] Toki Pona</option>
<option value="UK">[UK] Ukrainian / Українська</option>
<option value="ZH">[ZH] Chinese / 中文</option>
</select>
</div>
<div>
<div id="filterInputCaption">Filter wikis by name:</div>
<input id="filterInput" type="text" name="filterInput" placeholder="Enter wiki name..." />
</div>
</div>
<div class="sticky">
<div id="togglesColumnLabels" class="toggles">
<div>
<span></span>
<div>
<div>Wiki experience</div>
<div>Search experience</div>
</div>
</div>
</div>
<div id="togglesKeys" class="toggles togglesHeader">
<div>
<span>Click icon to set all wikis in column:</span>
<div class="inputsContainer">
<div>
<button id="setAllDisabled" type="button" data-title="Do nothing when visiting non-indie wiki"
aria-label="Do nothing when visiting non-indie wiki">
</button>
</div>
<div>
<button id="setAllAlert" type="button" data-title="Show banner when indie wiki is available"
aria-label="Show banner when indie wiki is available">
</button>
</div>
<div>
<button id="setAllRedirect" type="button" data-title="Automatically redirect to indie wiki"
aria-label="Automatically redirect to indie wiki">
</button>
</div>
<div>
<button id="setAllSearchEngineDisabled" type="button" data-title="Do nothing on search engines"
aria-label="Do nothing on search engines">
</button>
</div>
<div>
<button id="setAllSearchEngineReplace" type="button" data-title="Replace non-indie search results"
aria-label="Replace non-indie search results">
</button>
</div>
<div>
<button id="setAllSearchEngineHide" type="button"
data-title="Hide non-indie wiki from search results">
</button>
</div>
</div>
</div>
</div>
</div>
<div id="togglesDefaults" class="toggles togglesHeader">
<div>
<span>Default for new wikis in future updates:</span>
<div class="inputsContainer">
<div>
<input id="defaultWikiActionDisabledRadio" type="radio" name="defaultWikiAction" value="disabled"
aria-label="Do nothing" />
<label data-title="Do nothing when visiting non-indie wiki"
for="defaultWikiActionDisabledRadio"></label>
</div>
<div>
<input id="defaultWikiActionAlertRadio" type="radio" name="defaultWikiAction" value="alert"
aria-label="Display banner linking to indie wiki" />
<label data-title="Show banner when indie wiki is available" for="defaultWikiActionAlertRadio"></label>
</div>
<div>
<input id="defaultWikiActionRedirectRadio" type="radio" name="defaultWikiAction" value="redirect"
aria-label="Redirect to indie wiki" />
<label data-title="Automatically redirect to indie wiki" for="defaultWikiActionRedirectRadio"></label>
</div>
<div>
<input id="defaultSearchActionDisabledRadio" type="radio" name="defaultSearchAction" value="disabled"
aria-label="Do nothing" />
<label data-title="Do nothing on search engines" for="defaultSearchActionDisabledRadio"></label>
</div>
<div>
<input id="defaultSearchActionReplaceRadio" type="radio" name="defaultSearchAction" value="replace"
aria-label="Replace non-indie results" />
<label data-title="Replace non-indie search results" for="defaultSearchActionReplaceRadio"></label>
</div>
<div>
<input id="defaultSearchActionHideRadio" type="radio" name="defaultSearchAction" value="hide"
aria-label="Hide non-indie results" />
<label data-title="Hide non-indie wiki from search results" for="defaultSearchActionHideRadio"></label>
</div>
</div>
</div>
</div>
<div id="toggles" class="toggles"></div>
</form>
<hr />
<div id="footer">
<h2>Fun Stats</h2>
Alerted to indie wikis <span id="countAlerts"></span> times
<br />
Automatically redirected to indie wikis <span id="countRedirects"></span> times
<br />
Automatically redirected to BreezeWiki <span id="countBreezeWiki"></span> times
<br />
<span id="countSearchFilters"></span> search engine results filtered
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../../scripts/common-functions.js"></script>
<script type="text/javascript" src="../common-page-functions.js"></script>
<script type="text/javascript" src="settings.js"></script>
</html>