LocalCDN-Firefox-Chrome-Brave/pages/popup/popup.html

109 lines
5.8 KiB
HTML
Raw Normal View History

2020-02-27 13:45:29 +01:00
<!DOCTYPE html>
<html>
<head>
2021-04-05 07:43:17 +02:00
<title>Popup | LocalCDN</title>
2020-02-27 13:45:29 +01:00
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2022-12-11 05:21:36 +01:00
<meta charset="utf-8">
2020-02-27 13:45:29 +01:00
<link rel="stylesheet" type="text/css" href="popup.css">
2022-07-04 06:37:46 +02:00
<link rel="stylesheet" type="text/css" href="toggle.css">
2020-06-28 07:43:08 +02:00
<link rel="stylesheet" type="text/css" href="../base.css">
2020-02-27 13:45:29 +01:00
</head>
<body>
<script src="../../core/constants.js"></script>
2020-08-30 18:56:36 +02:00
<script src="../../core/storage-manager.js"></script>
2020-11-05 07:07:29 +01:00
<script src="../../modules/internal/targets.js"></script>
2020-02-27 13:45:29 +01:00
<script src="../../modules/internal/helpers.js"></script>
<script src="popup.js"></script>
<header>
<div class="heading">
2022-12-11 05:21:36 +01:00
<img class="icon-logo" src="../../icons/icon.svg" alt="">
<span id="name-label"></span> <sup id="version-label" class="label-version"></sup>
</div>
2020-05-19 17:24:36 +02:00
<div id="donate-button">
2020-06-05 06:22:09 +02:00
<p id="label-donate" data-i18n-content="labelDonate">Donate</p>
<div id="donate-button-svg" class="button-svg" data-link="donate"></div>
2020-05-16 17:40:46 +02:00
</div>
2020-02-27 13:45:29 +01:00
</header>
2022-12-11 05:21:36 +01:00
<div class="content">
2020-02-27 13:45:29 +01:00
<div id="website-context" class="panel hidden">
<div class="subpanel">
<div id="protection-toggle">
2022-07-04 06:37:46 +02:00
<label class='toggle' for='protection-toggle-switch'>
<input type='checkbox' name='protection-toggle-switch' id='protection-toggle-switch' class="toggle__input">
<span class="toggle__display" hidden>
2022-12-11 05:21:36 +01:00
<img class="toggle__img" src="../../icons/popup_check.svg" alt="">
<img class="toggle__img" src="../../icons/popup_uncheck.svg" alt="">
2022-07-04 06:37:46 +02:00
</span>
</label>
2020-02-27 13:45:29 +01:00
</div>
<div class="label-domain">
<span id="domain-indicator"></span>
</div>
</div>
<div class="subpanel" id="div-manipulateDOM">
<div id="manipulateDOM-toggle">
2022-07-04 06:37:46 +02:00
<label class='toggle' for='manipulateDOM-toggle-switch'>
<input type='checkbox' name='manipulateDOM-toggle-switch' id='manipulateDOM-toggle-switch' class="toggle__input">
<span class="toggle__display" hidden>
2022-12-11 05:21:36 +01:00
<img class="toggle__img" src="../../icons/popup_check.svg" alt="">
<img class="toggle__img" src="../../icons/popup_uncheck.svg" alt="">
2022-07-04 06:37:46 +02:00
</span>
</label>
</div>
2020-05-27 06:22:58 +02:00
<div id="label-manipulateDOM" class="label-domain">
<a id="manipulateDOM-indicator" data-i18n-content="labelManipulateDOM" data-link="faq-html-filter">Filter HTML source code</a>
</div>
2020-02-27 13:45:29 +01:00
</div>
2021-08-13 06:15:10 +02:00
<div class="subpanel" id="div-google-fonts">
<div id="google-fonts-toggle">
2022-07-04 06:37:46 +02:00
<label class='toggle' for='google-fonts-toggle-switch'>
<input type='checkbox' name='google-fonts-toggle-switch' id='google-fonts-toggle-switch' class="toggle__input">
<span class="toggle__display" hidden>
2022-12-11 05:21:36 +01:00
<img class="toggle__img" src="../../icons/popup_check.svg" alt="">
<img class="toggle__img" src="../../icons/popup_uncheck.svg" alt="">
2022-07-04 06:37:46 +02:00
</span>
2021-08-13 06:15:10 +02:00
</label>
</div>
<div class="label-domain">
<span data-i18n-content="blockGoogleFontsTitle">Block Google Fonts</span>
2021-08-13 06:15:10 +02:00
</div>
</div>
2023-07-16 08:00:31 +02:00
<div id="website-context-replaced"></div>
<div id="counter-blocked-missing" class="counter-blocked-missing" hidden>
<table>
<tbody>
<tr>
<td data-i18n-context="counterBlocked">Blocked:</td>
<td id="counter-blocked-number"></td>
</tr>
<tr>
<td data-i18n-context="counterMissing">Missing:</td>
<td id="counter-missing-number"</td>
</tr>
</tbody>
</table>
</div>
2020-02-27 13:45:29 +01:00
</div>
<div id="extension-context" class="panel">
<div id="injection-counter" class="counter">0</div>
2020-11-06 08:06:46 +01:00
<div class="description" data-i18n-content="amountInjectedDescription">Amount of local Content Delivery Network resource injections since installation.</div>
2020-02-27 13:45:29 +01:00
</div>
2022-12-11 05:21:36 +01:00
</div>
2020-02-27 13:45:29 +01:00
<footer>
2020-08-11 16:41:42 +02:00
<div id="testing-utility">
<a id="testing-utility-link" class="link-text" data-i18n-content="websiteBroken" data-link="testing-utility">Website broken?</a>
2020-08-11 07:09:07 +02:00
</div>
<div id="logging-button" class="button">
<div id="logging-button-svg" class="button-svg" data-link="logging"></div>
</div>
<div id="statistics-button" class="button" data-i18n-title="headerStatistics">
<div id="statistics-button-svg" class="button-svg" data-link="statistics"></div>
2020-02-27 13:45:29 +01:00
</div>
2020-08-11 16:41:42 +02:00
<div id="options-button" class="button" data-i18n-title="optionsTitle">
<div id="options-button-svg" class="button-svg"></div>
</div>
2020-02-27 13:45:29 +01:00
</footer>
<div id="popup-incomplete-translation" data-link="translation"></div>
2020-02-27 13:45:29 +01:00
</body>
</html>