106 lines
7.0 KiB
HTML
106 lines
7.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Popup | LocalCDN</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta charset="utf-8" />
|
|
<link rel="stylesheet" type="text/css" href="popup.css">
|
|
<link rel="stylesheet" type="text/css" href="toggle.css">
|
|
<link rel="stylesheet" type="text/css" href="../base.css">
|
|
</head>
|
|
<body>
|
|
<script src="../../core/constants.js"></script>
|
|
<script src="../../core/storage-manager.js"></script>
|
|
<script src="../../modules/internal/targets.js"></script>
|
|
<script src="../../modules/internal/helpers.js"></script>
|
|
<script src="popup.js"></script>
|
|
<header>
|
|
<div class="heading">
|
|
<img class="icon-logo" src="../../icons/icon.svg" alt="Extension Icon">
|
|
<span id="name-label"></span> <sup id="version-label" class="label-version"></sup>
|
|
</div>
|
|
<div id="donate-button">
|
|
<p id="label-donate" data-i18n-content="labelDonate">Donate</p>
|
|
<div id="donate-button-svg" class="button-svg" data-link="donate"></div>
|
|
</div>
|
|
</header>
|
|
<section class="content">
|
|
<div id="website-context" class="panel hidden">
|
|
<div class="subpanel">
|
|
<div id="protection-toggle">
|
|
<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>
|
|
<svg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden="true" focusable="false" class="toggle__icon toggle__icon--checkmark">
|
|
<path d='M6.08471 10.6237L2.29164 6.83059L1 8.11313L6.08471 13.1978L17 2.28255L15.7175 1L6.08471 10.6237Z' fill='currentcolor' stroke='currentcolor' />
|
|
</svg>
|
|
<svg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden="true" focusable="false" class="toggle__icon toggle__icon--cross">
|
|
<path d='M11.167 0L6.5 4.667L1.833 0L0 1.833L4.667 6.5L0 11.167L1.833 13L6.5 8.333L11.167 13L13 11.167L8.333 6.5L13 1.833L11.167 0Z' fill='currentcolor' />
|
|
</svg>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div class="label-domain">
|
|
<span id="domain-indicator"></span>
|
|
</div>
|
|
</div>
|
|
<div class="subpanel" id="div-manipulateDOM">
|
|
<div id="manipulateDOM-toggle">
|
|
<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>
|
|
<svg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden="true" focusable="false" class="toggle__icon toggle__icon--checkmark">
|
|
<path d='M6.08471 10.6237L2.29164 6.83059L1 8.11313L6.08471 13.1978L17 2.28255L15.7175 1L6.08471 10.6237Z' fill='currentcolor' stroke='currentcolor' />
|
|
</svg>
|
|
<svg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden="true" focusable="false" class="toggle__icon toggle__icon--cross">
|
|
<path d='M11.167 0L6.5 4.667L1.833 0L0 1.833L4.667 6.5L0 11.167L1.833 13L6.5 8.333L11.167 13L13 11.167L8.333 6.5L13 1.833L11.167 0Z' fill='currentcolor' />
|
|
</svg>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<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>
|
|
</div>
|
|
<div class="subpanel" id="div-google-fonts">
|
|
<div id="google-fonts-toggle">
|
|
<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>
|
|
<svg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden="true" focusable="false" class="toggle__icon toggle__icon--checkmark">
|
|
<path d='M6.08471 10.6237L2.29164 6.83059L1 8.11313L6.08471 13.1978L17 2.28255L15.7175 1L6.08471 10.6237Z' fill='currentcolor' stroke='currentcolor' />
|
|
</svg>
|
|
<svg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden="true" focusable="false" class="toggle__icon toggle__icon--cross">
|
|
<path d='M11.167 0L6.5 4.667L1.833 0L0 1.833L4.667 6.5L0 11.167L1.833 13L6.5 8.333L11.167 13L13 11.167L8.333 6.5L13 1.833L11.167 0Z' fill='currentcolor' />
|
|
</svg>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div class="label-domain">
|
|
<span data-i18n-content="blockGoogleFontsTitle">Block Google Fonts</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="extension-context" class="panel">
|
|
<div id="injection-counter" class="counter">0</div>
|
|
<div class="description" data-i18n-content="amountInjectedDescription">Amount of local Content Delivery Network resource injections since installation.</div>
|
|
</div>
|
|
</section>
|
|
<footer>
|
|
<div id="testing-utility">
|
|
<a id="testing-utility-link" class="link-text" data-i18n-content="websiteBroken" data-link="testing-utility">Website broken?</a>
|
|
</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>
|
|
</div>
|
|
<div id="options-button" class="button" data-i18n-title="optionsTitle">
|
|
<div id="options-button-svg" class="button-svg"></div>
|
|
</div>
|
|
</footer>
|
|
<div id="popup-incomplete-translation" data-link="translation"></div>
|
|
</body>
|
|
</html>
|