📝 Added entire config directory for backup purposes
This commit is contained in:
z3rOR0ne
parent
4b38e59bb6
commit
9b946e2d14
11091 changed files with 1440953 additions and 0 deletions
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
<title>Decentraleyes Background</title>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<script src="../../modules/internal/wrappers.js"></script>
|
||||
<script src="../../modules/internal/helpers.js"></script>
|
||||
|
||||
<script src="../../core/constants.js"></script>
|
||||
<script src="../../core/files.js"></script>
|
||||
<script src="../../core/resources.js"></script>
|
||||
<script src="../../core/mappings.js"></script>
|
||||
<script src="../../core/shorthands.js"></script>
|
||||
<script src="../../core/request-sanitizer.js"></script>
|
||||
<script src="../../core/state-manager.js"></script>
|
||||
<script src="../../core/request-analyzer.js"></script>
|
||||
<script src="../../core/file-guard.js"></script>
|
||||
<script src="../../core/messenger.js"></script>
|
||||
<script src="../../core/interceptor.js"></script>
|
||||
<script src="../../core/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,278 @@
|
|||
/**
|
||||
* Sections
|
||||
*/
|
||||
|
||||
body {
|
||||
color: #555;
|
||||
cursor: default;
|
||||
font-family: 'Noto Sans', Arial, sans-serif !important;
|
||||
font-size: 12px;
|
||||
margin-bottom: 5px;
|
||||
margin-top: -15px;
|
||||
padding: 10px !important;
|
||||
}
|
||||
|
||||
.option {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.notice {
|
||||
border-radius: 3px;
|
||||
box-sizing: border-box;
|
||||
margin-top: 25px;
|
||||
max-width: 470px;
|
||||
padding: 14px 16px;
|
||||
}
|
||||
|
||||
.notice-default {
|
||||
background-color: #f1f1f1;
|
||||
border: 1px solid #d2d2d2;
|
||||
color: #282828;
|
||||
}
|
||||
|
||||
.notice-warning {
|
||||
background-color: #ffd90f;
|
||||
border: 1px solid #d2b115;
|
||||
color: #463a02;
|
||||
}
|
||||
|
||||
.notice-secondary {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Fonts
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'Noto Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('../../modules/noto-sans/noto-sans.woff2')
|
||||
format('woff2');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Noto Sans';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: url('../../modules/noto-sans/noto-sans-bold.woff2')
|
||||
format('woff2');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Noto Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url('../../modules/noto-sans/noto-sans-italic.woff2')
|
||||
format('woff2');
|
||||
}
|
||||
|
||||
/**
|
||||
* Titles
|
||||
*/
|
||||
|
||||
.title-option {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/**
|
||||
* Controls
|
||||
*/
|
||||
|
||||
.input-checkbox {
|
||||
margin: 0 5px 0 0;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.input-text {
|
||||
margin-left: 29px;
|
||||
max-width: 320px;
|
||||
}
|
||||
|
||||
.text-label {
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
.input-checkbox:focus + .text-label {
|
||||
outline: 1px dotted #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Icons
|
||||
*/
|
||||
|
||||
.icon {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Buttons
|
||||
*/
|
||||
|
||||
.button {
|
||||
-moz-user-select: none;
|
||||
background-color: #f5f5f5;
|
||||
border-color: #cfcfcf;
|
||||
border-radius: 2px;
|
||||
border-style: solid;
|
||||
border-width: 1px 1px 2px 1px;
|
||||
color: #282828;
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
font-size: 12px;
|
||||
outline: 0;
|
||||
padding: 5px 22px;
|
||||
text-decoration: none;
|
||||
user-select: none;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.button:focus {
|
||||
background-color: #fff;
|
||||
border-color: #9a9a9a;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.button:active {
|
||||
background-color: #dedede;
|
||||
margin-top: 1px;
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
|
||||
.button-warning {
|
||||
background-color: #ffef95;
|
||||
border-color: #ae920d;
|
||||
color: #1a1500;
|
||||
}
|
||||
|
||||
.button-warning:hover {
|
||||
background-color: #fffbde;
|
||||
border-color: #a48b14;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.button-warning:focus {
|
||||
background-color: #fff9d8;
|
||||
border-color: #91790a;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.button-warning:active {
|
||||
background-color: #d7b002;
|
||||
border-color: #a48900;
|
||||
color: #292100;
|
||||
}
|
||||
|
||||
.button-notice {
|
||||
margin-left: auto;
|
||||
padding: 5px 9px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Links
|
||||
*/
|
||||
|
||||
.link-text {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/**
|
||||
* Miscellaneous
|
||||
*/
|
||||
|
||||
.description-option {
|
||||
color: #757575;
|
||||
font-style: italic;
|
||||
padding-left: 29px;
|
||||
}
|
||||
|
||||
.badge {
|
||||
border-radius: 3px;
|
||||
color: #fff;
|
||||
font-size: 8px;
|
||||
margin-left: 6px;
|
||||
padding: 3px 5px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.badge-warning {
|
||||
background-color: #ffd90f;
|
||||
border: 1px solid #f0c600;
|
||||
color: #463a02;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.label-checkbox {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.notice-head {
|
||||
font-weight: 600;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.notice-body {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.notice-message {
|
||||
line-height: 1.3;
|
||||
margin-right: 14px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Right to Left
|
||||
*/
|
||||
|
||||
body[dir="rtl"] .badge {
|
||||
margin-left: 0;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
body[dir="rtl"] .description-option {
|
||||
margin-left: 0;
|
||||
margin-right: 29px;
|
||||
}
|
||||
|
||||
body[dir="rtl"] .input-checkbox {
|
||||
margin: 0 0 0 4px;
|
||||
}
|
||||
|
||||
body[dir="rtl"] .input-text {
|
||||
margin-left: 0;
|
||||
margin-right: 29px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Compatibility
|
||||
*/
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
body {
|
||||
background-color: #202023;
|
||||
color: #f9f9fa;
|
||||
}
|
||||
|
||||
.description-option {
|
||||
color: #b1b1b3;
|
||||
}
|
||||
|
||||
.input-checkbox:focus + .text-label {
|
||||
outline: 1px dotted #f9f9fa;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,152 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>Decentraleyes Options</title>
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="options.css">
|
||||
|
||||
<script defer src="../../modules/internal/icons.js"></script>
|
||||
<script defer src="../../modules/fontawesome/fontawesome.min.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<script src="../../core/constants.js"></script>
|
||||
<script src="../../modules/internal/helpers.js"></script>
|
||||
|
||||
<script src="options.js"></script>
|
||||
|
||||
<section class="notice notice-warning hidden" id="notice-block-missing">
|
||||
|
||||
<div class="notice-head">
|
||||
|
||||
<i class="fai fa-exclamation-triangle icon"></i>
|
||||
<span data-i18n-content="blockMissingTitle"></span>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="notice-body" dir="ltr">
|
||||
|
||||
<div class="notice-message">
|
||||
This feature breaks websites. Do not leave it enabled, unless you are prepared to manually whitelist any affected domains.
|
||||
</div>
|
||||
|
||||
<div class="button button-notice button-warning" id="button-block-missing" tabindex="0">
|
||||
Disable
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="option">
|
||||
|
||||
<div class="title-option">
|
||||
|
||||
<label class="label-checkbox">
|
||||
|
||||
<input class="input-checkbox" data-option="showIconBadge" type="checkbox">
|
||||
<span class="text-label" data-i18n-content="showIconBadgeTitle"></span>
|
||||
|
||||
</label>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="description-option" data-i18n-content="showIconBadgeDescription"></div>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="option">
|
||||
|
||||
<div class="title-option">
|
||||
|
||||
<label class="label-checkbox">
|
||||
|
||||
<input class="input-checkbox" data-option="blockMissing" type="checkbox">
|
||||
<span class="text-label" data-i18n-content="blockMissingTitle"></span>
|
||||
|
||||
</label>
|
||||
|
||||
<span class="badge badge-warning" data-i18n-content="advancedLabel"></span>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="description-option" data-i18n-content="blockMissingDescription"></div>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="option">
|
||||
|
||||
<div class="title-option">
|
||||
|
||||
<label class="label-checkbox">
|
||||
|
||||
<input class="input-checkbox" data-option="disablePrefetch" type="checkbox">
|
||||
<span class="text-label" data-i18n-content="disablePrefetchTitle"></span>
|
||||
|
||||
</label>
|
||||
|
||||
<span class="badge badge-warning" data-i18n-content="advancedLabel"></span>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="description-option" data-i18n-content="disablePrefetchDescription"></div>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="option">
|
||||
|
||||
<div class="title-option">
|
||||
|
||||
<label class="label-checkbox">
|
||||
|
||||
<input class="input-checkbox" data-option="stripMetadata" type="checkbox">
|
||||
<span class="text-label" data-i18n-content="stripMetadataTitle"></span>
|
||||
|
||||
</label>
|
||||
|
||||
<span class="badge badge-warning" data-i18n-content="advancedLabel"></span>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="description-option" data-i18n-content="stripMetadataDescription"></div>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="option">
|
||||
|
||||
<label for="input-domains" class="title-option" data-i18n-content="whitelistedDomainsTitle"></label>
|
||||
<input id="input-domains" class="input-text" data-option="whitelistedDomains" type="text">
|
||||
<div class="description-option" data-i18n-content="whitelistedDomainsDescription"></div>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="notice notice-default notice-secondary hidden" id="notice-locale">
|
||||
|
||||
<div class="notice-body" dir="ltr">
|
||||
|
||||
<div class="notice-message">
|
||||
|
||||
<i class="fai fa-exclamation-triangle icon"></i>
|
||||
Your preferred language is not yet fully supported.
|
||||
|
||||
</div>
|
||||
|
||||
<a class="button button-notice" id="button-help-translate" tabindex="0">
|
||||
Help Translate
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,261 @@
|
|||
/**
|
||||
* Main Options Page
|
||||
* Belongs to Decentraleyes.
|
||||
*
|
||||
* @author Thomas Rientjes
|
||||
* @since 2016-08-09
|
||||
* @license MPL 2.0
|
||||
*
|
||||
* This Source Code Form is subject to the terms of the Mozilla Public
|
||||
* License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
||||
* You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
/**
|
||||
* Options
|
||||
*/
|
||||
|
||||
var options = {};
|
||||
|
||||
/**
|
||||
* Private Methods
|
||||
*/
|
||||
|
||||
options._renderContents = function () {
|
||||
|
||||
document.body.setAttribute('dir', options._scriptDirection);
|
||||
helpers.insertI18nContentIntoDocument(document);
|
||||
|
||||
options._determineOptionValues()
|
||||
.then(options._renderOptionsPanel);
|
||||
};
|
||||
|
||||
options._renderOptionsPanel = function () {
|
||||
|
||||
let whitelistedDomains, domainWhitelist, elements;
|
||||
|
||||
whitelistedDomains = options._optionValues.whitelistedDomains;
|
||||
domainWhitelist = options._serializeWhitelistedDomains(whitelistedDomains);
|
||||
|
||||
elements = options._optionElements;
|
||||
|
||||
elements.showIconBadge.checked = options._optionValues.showIconBadge;
|
||||
elements.blockMissing.checked = options._optionValues.blockMissing;
|
||||
elements.disablePrefetch.checked = options._optionValues.disablePrefetch;
|
||||
elements.stripMetadata.checked = options._optionValues.stripMetadata;
|
||||
elements.whitelistedDomains.value = domainWhitelist;
|
||||
|
||||
options._registerOptionChangedEventListeners(elements);
|
||||
options._registerMiscellaneousEventListeners();
|
||||
|
||||
if (options._optionValues.blockMissing === true) {
|
||||
options._renderBlockMissingNotice();
|
||||
}
|
||||
|
||||
if (options._languageSupported === false) {
|
||||
options._renderLocaleNotice();
|
||||
}
|
||||
};
|
||||
|
||||
options._renderBlockMissingNotice = function () {
|
||||
|
||||
let blockMissingNoticeElement = document.getElementById('notice-block-missing');
|
||||
blockMissingNoticeElement.setAttribute('class', 'notice notice-warning');
|
||||
};
|
||||
|
||||
options._hideBlockMissingNotice = function () {
|
||||
|
||||
let blockMissingNoticeElement = document.getElementById('notice-block-missing');
|
||||
blockMissingNoticeElement.setAttribute('class', 'notice notice-warning hidden');
|
||||
};
|
||||
|
||||
options._renderLocaleNotice = function () {
|
||||
|
||||
let localeNoticeElement = document.getElementById('notice-locale');
|
||||
localeNoticeElement.setAttribute('class', 'notice notice-default notice-secondary');
|
||||
};
|
||||
|
||||
options._registerOptionChangedEventListeners = function (elements) {
|
||||
|
||||
elements.showIconBadge.addEventListener('change', options._onOptionChanged);
|
||||
elements.blockMissing.addEventListener('change', options._onOptionChanged);
|
||||
elements.disablePrefetch.addEventListener('change', options._onOptionChanged);
|
||||
elements.stripMetadata.addEventListener('change', options._onOptionChanged);
|
||||
elements.whitelistedDomains.addEventListener('keyup', options._onOptionChanged);
|
||||
};
|
||||
|
||||
options._registerMiscellaneousEventListeners = function () {
|
||||
|
||||
let blockMissingButtonElement, helpTranslateButtonElement;
|
||||
|
||||
blockMissingButtonElement = document.getElementById('button-block-missing');
|
||||
helpTranslateButtonElement = document.getElementById('button-help-translate');
|
||||
|
||||
blockMissingButtonElement.addEventListener('click', options._onDisableBlockMissing);
|
||||
helpTranslateButtonElement.addEventListener('click', options._onHelpTranslate);
|
||||
|
||||
blockMissingButtonElement.addEventListener('keydown', function (event) {
|
||||
|
||||
let enterOrSpaceKeyPressed = helpers.enterOrSpaceKeyPressed(event);
|
||||
|
||||
if (enterOrSpaceKeyPressed) {
|
||||
options._onDisableBlockMissing();
|
||||
}
|
||||
});
|
||||
|
||||
helpTranslateButtonElement.addEventListener('keydown', function (event) {
|
||||
|
||||
let enterOrSpaceKeyPressed = helpers.enterOrSpaceKeyPressed(event);
|
||||
|
||||
if (enterOrSpaceKeyPressed) {
|
||||
options._onHelpTranslate();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
options._determineOptionValues = function () {
|
||||
|
||||
return new Promise((resolve) => {
|
||||
|
||||
let optionKeys = Object.keys(options._optionElements);
|
||||
|
||||
helpers.getStoredSettings(optionKeys, function (items) {
|
||||
|
||||
options._optionValues = items;
|
||||
resolve();
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
options._getOptionElement = function (optionKey) {
|
||||
return document.querySelector(`[data-option=${optionKey}]`);
|
||||
};
|
||||
|
||||
options._getOptionElements = function () {
|
||||
|
||||
return {
|
||||
[Setting.SHOW_ICON_BADGE]: options._getOptionElement(Setting.SHOW_ICON_BADGE),
|
||||
[Setting.BLOCK_MISSING]: options._getOptionElement(Setting.BLOCK_MISSING),
|
||||
[Setting.DISABLE_PREFETCH]: options._getOptionElement(Setting.DISABLE_PREFETCH),
|
||||
[Setting.STRIP_METADATA]: options._getOptionElement(Setting.STRIP_METADATA),
|
||||
[Setting.WHITELISTED_DOMAINS]: options._getOptionElement(Setting.WHITELISTED_DOMAINS)
|
||||
};
|
||||
};
|
||||
|
||||
options._configureLinkPrefetching = function (value) {
|
||||
|
||||
if (value === false) {
|
||||
|
||||
// Restore default values of related preference values.
|
||||
chrome.privacy.network.networkPredictionEnabled.clear({});
|
||||
|
||||
} else {
|
||||
|
||||
chrome.privacy.network.networkPredictionEnabled.set({
|
||||
'value': false
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
options._serializeWhitelistedDomains = function (whitelistedDomains) {
|
||||
|
||||
let domainWhitelist, whitelistedDomainKeys;
|
||||
|
||||
whitelistedDomainKeys = Object.keys(whitelistedDomains);
|
||||
domainWhitelist = '';
|
||||
|
||||
whitelistedDomainKeys.forEach(function (domain) {
|
||||
domainWhitelist = `${domainWhitelist}${domain};`;
|
||||
});
|
||||
|
||||
domainWhitelist = domainWhitelist.slice(0, -1);
|
||||
domainWhitelist = domainWhitelist.replace(Whitelist.TRIM_EXPRESSION, '');
|
||||
|
||||
return domainWhitelist;
|
||||
};
|
||||
|
||||
options._parseDomainWhitelist = function (domainWhitelist) {
|
||||
|
||||
let whitelistedDomains = {};
|
||||
|
||||
domainWhitelist.split(Whitelist.VALUE_SEPARATOR).forEach(function (domain) {
|
||||
whitelistedDomains[helpers.normalizeDomain(domain)] = true;
|
||||
});
|
||||
|
||||
return whitelistedDomains;
|
||||
};
|
||||
|
||||
/**
|
||||
* Event Handlers
|
||||
*/
|
||||
|
||||
options._onDocumentLoaded = function () {
|
||||
|
||||
let language = navigator.language;
|
||||
|
||||
options._optionElements = options._getOptionElements();
|
||||
options._languageSupported = helpers.languageIsFullySupported(language);
|
||||
options._scriptDirection = helpers.determineScriptDirection(language);
|
||||
|
||||
options._renderContents();
|
||||
};
|
||||
|
||||
options._onOptionChanged = function ({target}) {
|
||||
|
||||
let optionKey, optionType, optionValue;
|
||||
|
||||
optionKey = target.getAttribute('data-option');
|
||||
optionType = target.getAttribute('type');
|
||||
|
||||
switch (optionType) {
|
||||
case 'checkbox':
|
||||
optionValue = target.checked;
|
||||
break;
|
||||
default:
|
||||
optionValue = target.value;
|
||||
}
|
||||
|
||||
if (optionKey === Setting.BLOCK_MISSING) {
|
||||
|
||||
if (optionValue === true) {
|
||||
options._renderBlockMissingNotice();
|
||||
} else {
|
||||
options._hideBlockMissingNotice();
|
||||
}
|
||||
}
|
||||
|
||||
if (optionKey === Setting.DISABLE_PREFETCH) {
|
||||
options._configureLinkPrefetching(optionValue);
|
||||
}
|
||||
|
||||
if (optionKey === Setting.WHITELISTED_DOMAINS) {
|
||||
optionValue = options._parseDomainWhitelist(optionValue);
|
||||
}
|
||||
|
||||
chrome.storage.local.set({
|
||||
[optionKey]: optionValue
|
||||
});
|
||||
};
|
||||
|
||||
options._onDisableBlockMissing = function () {
|
||||
|
||||
let changeEvent = new Event('change');
|
||||
|
||||
options._optionElements.blockMissing.checked = false;
|
||||
options._optionElements.blockMissing.dispatchEvent(changeEvent);
|
||||
};
|
||||
|
||||
options._onHelpTranslate = function () {
|
||||
|
||||
chrome.tabs.create({
|
||||
'url': 'https://crowdin.com/project/decentraleyes'
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Initializations
|
||||
*/
|
||||
|
||||
document.addEventListener('DOMContentLoaded', options._onDocumentLoaded);
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="7.1673mm" width="7.2061mm" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 25.5334 25.395792">
|
||||
<g transform="translate(177.77 -519.66)">
|
||||
<path d="m-165 519.66c-2.6196 0-4.9735 0.71508-7.2323 2.1971-0.9279 0.60864-2.7283 2.4092-3.337 3.337-1.4712 2.2424-2.1972 4.6154-2.1972 7.1819 0 2.5788 0.7141 4.9223 2.1797 7.1552 0.6309 0.96123 2.4192 2.7501 3.3802 3.3808 1.4791 0.97083 3.2841 1.71 4.9268 2.0176 1.0838 0.20297 3.9457 0.15209 5.0159-0.0894 2.4596-0.55481 4.4742-1.6723 6.29-3.4887 2.4847-2.4856 3.7408-5.4989 3.7408-8.9756 0-3.4682-1.2629-6.498-3.7405-8.9756-2.4919-2.4919-5.5045-3.7404-9.0264-3.7404z" fill="#7db69f"/>
|
||||
<path d="m-165.02 528.24c-0.8699 0-1.6514 0.23746-2.4016 0.72959-0.3081 0.20212-0.9061 0.80004-1.1081 1.1081-0.4886 0.74466-0.7298 1.5326-0.7298 2.3849 0 0.85636 0.2371 1.6346 0.724 2.3761 0.2094 0.3192 0.8033 0.91326 1.1224 1.1227 0.4911 0.32239 1.0906 0.56785 1.6361 0.67001 0.3598 0.0673 1.3102 0.0504 1.6658-0.0297 0.8167-0.18424 1.4856-0.55532 2.0886-1.1585 0.8251-0.8254 1.2423-1.826 1.2423-2.9806 0-1.1517-0.4195-2.1578-1.2421-2.9806-0.8277-0.82751-1.8279-1.2421-2.9976-1.2421z" fill="#4a826c"/>
|
||||
<path d="m-2404.4 671.18c-3.2399-0.0194-6.3107 1.2365-8.6289 3.5547 0 0.002 0 0.004-0.01 0.006-1.9541 1.9569-3.1473 4.4242-3.4687 7.1758-0.1336 1.143-0.1324 1.8177 0.2265 2.3984 0.3941 0.63745 0.9181 0.94336 1.6758 0.94336 0.2981 0 0.6535-0.10695 0.916-0.24414 0.2434-0.12713 0.6126-0.46272 0.7539-0.69141 0.065-0.10555 0.202-0.39493 0.2403-0.56641 0.053-0.23546 0.061-0.41065 0.084-0.74218 0.088-1.2626 0.2865-2.0912 0.7089-3.0312 0.4385-0.97557 0.9254-1.6871 1.6778-2.4395 1.2078-1.2078 2.6659-1.965 4.3828-2.2754 0.3293-0.0595 0.7416-0.0624 1.2617-0.0684s1.0247-0.004 1.3828 0.0469c0.3661 0.0518 0.6053 0.0832 0.9219 0.0391 0.2645-0.0368 0.6003-0.19398 0.791-0.32031 0.8224-0.54467 1.1248-1.5151 0.707-2.4219a0.6513 0.6513 0 0 1 0 -0.002c-0.1439-0.31257-0.5075-0.75154-0.8496-0.92969-0.4136-0.21541-0.8031-0.27857-1.3769-0.3457-0.4667-0.0546-0.9332-0.0832-1.3985-0.0859zm9.3692 6.3516c-1.074-0.004-1.9883 0.87522-1.9883 1.957 0 1.3647 1.5564 2.3925 2.7988 1.8066 0.3338-0.1574 0.8593-0.69555 0.9922-1.0137 0.5288-1.2658-0.423-2.7422-1.8008-2.75zm-1.291 9.6602c-0.5015 0.009-1.1313 0.39448-1.4707 0.78906-0.7801 0.90716-0.9293 1.0694-1.2911 1.3887-1.0664 0.94113-2.4514 1.6118-3.957 1.9062-0.394 0.0771-0.8958 0.072-1.4824 0.0664-0.5866-0.006-1.0998-0.0118-1.4941-0.0957l0.1328 0.0137a0.6513 0.6513 0 0 1 -0.1328 -0.0137c-1.5797-0.33594-2.8091-0.96601-4.0195-2.0606-0.3529-0.31903-0.5674-0.50965-0.8692-0.67969-0.2288-0.12895-0.689-0.22851-0.8945-0.22851-1.03 0-1.951 0.94359-1.9551 1.9688v0.002a0.6513 0.6513 0 0 1 0 0.002c0 0.26313 0.1216 0.80286 0.3028 1.0781 0.2346 0.35637 0.5009 0.59192 0.957 0.99805 1.8218 1.622 4.2177 2.6942 6.6543 2.9746 0.7641 0.0879 1.9155 0.0871 2.6895 0.002 2.1894-0.23969 4.2945-1.0791 6.0489-2.4082 0.7055-0.53445 1.6855-1.491 2.2129-2.1816 0.2682-0.35126 0.4557-0.64063 0.5664-1.0176 0.098-0.33319 0.076-0.788-0.01-1.0938-0.1165-0.42605-0.279-0.59899-0.5546-0.85157-0.2646-0.24237-0.4858-0.39738-0.8809-0.49218-0.1798-0.0432-0.3602-0.0694-0.5527-0.0664z" fill-rule="evenodd" transform="matrix(.82404 0 0 .82404 1816.1 -30.489)" fill="#f1f7f5"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.4 KiB |
|
|
@ -0,0 +1,397 @@
|
|||
/**
|
||||
* Sections
|
||||
*/
|
||||
|
||||
body {
|
||||
background-color: #f0f0f0;
|
||||
color: #555;
|
||||
cursor: default;
|
||||
font-family: 'Noto Sans', Arial, sans-serif !important;
|
||||
font-size: 75%;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
max-width: 348px;
|
||||
}
|
||||
|
||||
header {
|
||||
align-items: center;
|
||||
border-bottom: solid #d3d3d3 1px;
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.panel {
|
||||
overflow: hidden;
|
||||
padding: 10px 8px;
|
||||
}
|
||||
|
||||
.panel:not(:last-child) {
|
||||
border-bottom: 1px solid #d8d8d8;
|
||||
}
|
||||
|
||||
.subpanel {
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
|
||||
footer {
|
||||
overflow: hidden;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Fonts
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'Noto Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('../../modules/noto-sans/noto-sans.woff2')
|
||||
format('woff2');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Noto Sans';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: url('../../modules/noto-sans/noto-sans-bold.woff2')
|
||||
format('woff2');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Noto Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url('../../modules/noto-sans/noto-sans-italic.woff2')
|
||||
format('woff2');
|
||||
}
|
||||
|
||||
/**
|
||||
* Headings
|
||||
*/
|
||||
|
||||
.heading {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.subheading {
|
||||
font-weight: 600;
|
||||
margin-bottom: 2px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/**
|
||||
* Lists
|
||||
*/
|
||||
|
||||
.list {
|
||||
margin: 0;
|
||||
padding: 8px 0 0;
|
||||
}
|
||||
|
||||
.list-item {
|
||||
background-color: #f7f7f7;
|
||||
border: 1px solid #e4e4e4;
|
||||
color: #555;
|
||||
font-weight: 600;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.sublist {
|
||||
align-items: center;
|
||||
background-color: #ececec;
|
||||
border: 1px solid #e0e0e0;
|
||||
box-shadow: inset 0 2px 10px #e2e2e2;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.sublist:last-child {
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
}
|
||||
|
||||
.sublist-item {
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
color: #555;
|
||||
font-weight: 600;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.sublist-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Icons
|
||||
*/
|
||||
|
||||
.icon {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.icon-logo {
|
||||
height: 26px;
|
||||
padding: 14px 6px 14px 8px;
|
||||
width: 26px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Buttons
|
||||
*/
|
||||
|
||||
.button {
|
||||
-moz-user-select: none;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #cfcfcf;
|
||||
color: #5f5f5f;
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
font-size: 12px;
|
||||
padding: 5px 22px;
|
||||
user-select: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.button-toggle {
|
||||
border-color: #d8d8d8;
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
.button-toggle.active {
|
||||
border-color: #cfcfcf;
|
||||
color: #339a6f;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.button:focus {
|
||||
background-color: #f9f9f9;
|
||||
border: 1px solid #bbb;
|
||||
box-shadow: 0 0 4px #b9b9b9;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.button:active {
|
||||
background-color: #dedede;
|
||||
}
|
||||
|
||||
/**
|
||||
* Links
|
||||
*/
|
||||
|
||||
.link-text {
|
||||
color: #6d6d6d;
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
font-size: 13px;
|
||||
line-height: 1;
|
||||
margin: 6px 0 0 2px;
|
||||
padding: 1px 2px 4px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.link-text:hover {
|
||||
color: #555;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.link-text:focus {
|
||||
color: #555;
|
||||
outline-color: #555;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/**
|
||||
* Miscellaneous
|
||||
*/
|
||||
|
||||
.badge {
|
||||
background: #fbfbfb;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #7db69f;
|
||||
color: #4a7767;
|
||||
font-family: monospace;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
margin-right: 7px;
|
||||
padding: 0 13px;
|
||||
}
|
||||
|
||||
.counter {
|
||||
font-size: 36px;
|
||||
font-weight: 600;
|
||||
margin-top: 4px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.description {
|
||||
color: #6d6d6d;
|
||||
font-style: italic;
|
||||
margin: 0 6px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.label-version {
|
||||
color: #457763;
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
.label-domain {
|
||||
color: #6d6d6d;
|
||||
display: flex;
|
||||
font-style: italic;
|
||||
overflow: hidden;
|
||||
padding: 6px 0 0 4px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.side-note {
|
||||
color: #646464;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
/**
|
||||
* Compatibility
|
||||
*/
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
||||
|
||||
body {
|
||||
width: 348px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
/**
|
||||
* Sections
|
||||
*/
|
||||
|
||||
body {
|
||||
background-color: #404040;
|
||||
color: #f9f9fa;
|
||||
}
|
||||
|
||||
header {
|
||||
border-bottom-color: #292929;
|
||||
}
|
||||
|
||||
/**
|
||||
* Lists
|
||||
*/
|
||||
|
||||
.list-item {
|
||||
background-color: #484848;
|
||||
border-color: #292929;
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
.sublist {
|
||||
background-color: #323232;
|
||||
border-color: #292929;
|
||||
box-shadow: inset 0 2px 10px #292929;
|
||||
}
|
||||
|
||||
.sublist:last-child {
|
||||
border-bottom-color: #292929;
|
||||
}
|
||||
|
||||
.sublist-item {
|
||||
border-bottom-color: #2c2c2c;
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Buttons
|
||||
*/
|
||||
|
||||
.button {
|
||||
background-color: #3c3c3c;
|
||||
border-color: #292929;
|
||||
color: #dadada;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background-color: #434343;
|
||||
}
|
||||
|
||||
.button:focus {
|
||||
background-color: #434343;
|
||||
border-color: #292929;
|
||||
box-shadow: 0 0 4px #323232;
|
||||
}
|
||||
|
||||
.button:active {
|
||||
background-color: #393939;
|
||||
}
|
||||
|
||||
.button-toggle {
|
||||
border-color: #363636;
|
||||
color: #636363;
|
||||
}
|
||||
|
||||
.button-toggle.active {
|
||||
border-color: #292929;
|
||||
color: #3dbb87;
|
||||
}
|
||||
|
||||
/**
|
||||
* Links
|
||||
*/
|
||||
|
||||
.link-text {
|
||||
color: #dadada;
|
||||
}
|
||||
|
||||
.link-text:hover {
|
||||
color: #f9f9fa;
|
||||
}
|
||||
|
||||
.link-text:focus {
|
||||
color: #f9f9fa;
|
||||
outline-color: #dadada;
|
||||
}
|
||||
|
||||
/**
|
||||
* Miscellaneous
|
||||
*/
|
||||
|
||||
.badge {
|
||||
background-color: #323232;
|
||||
border-color: #4a826c;
|
||||
color: #f9f9fa;
|
||||
}
|
||||
|
||||
.description {
|
||||
color: #dadada;
|
||||
}
|
||||
|
||||
.label-version {
|
||||
color: #93d7bc;
|
||||
}
|
||||
|
||||
.label-domain {
|
||||
color: #dadada;
|
||||
}
|
||||
|
||||
.panel:not(:last-child) {
|
||||
border-bottom-color: #292929;
|
||||
}
|
||||
|
||||
.side-note {
|
||||
color: #dadada;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,79 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>Decentraleyes Popup</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">
|
||||
|
||||
<script defer src="../../modules/internal/icons.js"></script>
|
||||
<script defer src="../../modules/fontawesome/fontawesome.min.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<script src="../../core/constants.js"></script>
|
||||
<script src="../../modules/internal/helpers.js"></script>
|
||||
|
||||
<script src="popup.js"></script>
|
||||
|
||||
<div id="wrapper" class="hidden">
|
||||
|
||||
<header>
|
||||
|
||||
<img class="icon-logo" src="icon.svg" alt="Extension Icon">
|
||||
<div class="heading">Decentraleyes <sup id="version-label" class="label-version"></sup></div>
|
||||
|
||||
</header>
|
||||
|
||||
<section class="content">
|
||||
|
||||
<div id="website-context" class="panel hidden">
|
||||
|
||||
<div class="subpanel">
|
||||
|
||||
<div id="protection-toggle-button" class="button button-toggle active" tabindex="0">
|
||||
<i class="fai fa-power-off" data-fa-transform="grow-2 down-.5"></i>
|
||||
</div>
|
||||
|
||||
<div class="label-domain">
|
||||
<i class="icon fai fa-globe fa-lg" data-fa-transform="down-1"></i>
|
||||
<span id="domain-indicator"></span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="extension-context" class="panel">
|
||||
|
||||
<div id="injection-counter" class="counter">0</div>
|
||||
|
||||
<div class="subheading" data-i18n-content="amountInjectedTitle"></div>
|
||||
<div class="description" data-i18n-content="amountInjectedDescription"></div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
|
||||
<span id="testing-utility-link" class="link-text" tabindex="0">decentraleyes.org/test</span>
|
||||
|
||||
<div id="options-button" class="button" data-i18n-title="optionsTitle" tabindex="0">
|
||||
<i class="fai fa-cog" data-fa-transform="grow-2 down-.5"></i>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,429 @@
|
|||
/**
|
||||
* Main Popup Page
|
||||
* Belongs to Decentraleyes.
|
||||
*
|
||||
* @author Thomas Rientjes
|
||||
* @since 2016-08-09
|
||||
* @license MPL 2.0
|
||||
*
|
||||
* This Source Code Form is subject to the terms of the Mozilla Public
|
||||
* License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
||||
* You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
/**
|
||||
* Popup
|
||||
*/
|
||||
|
||||
var popup = {};
|
||||
|
||||
/**
|
||||
* Private Methods
|
||||
*/
|
||||
|
||||
popup._renderContents = function () {
|
||||
|
||||
helpers.insertI18nContentIntoDocument(document);
|
||||
helpers.insertI18nTitlesIntoDocument(document);
|
||||
|
||||
popup._renderNonContextualContents();
|
||||
|
||||
popup._determineTargetTab()
|
||||
.then(popup._determineDomainWhitelistStatus)
|
||||
.then(popup._determineResourceInjections)
|
||||
.then(popup._renderContextualContents)
|
||||
.then(popup._showRenderedContents);
|
||||
};
|
||||
|
||||
popup._renderNonContextualContents = function () {
|
||||
|
||||
let versionLabelElement, counterElement, testingUtilityLinkElement, optionsButtonElement;
|
||||
|
||||
versionLabelElement = document.getElementById('version-label');
|
||||
counterElement = document.getElementById('injection-counter');
|
||||
testingUtilityLinkElement = document.getElementById('testing-utility-link');
|
||||
optionsButtonElement = document.getElementById('options-button');
|
||||
|
||||
versionLabelElement.innerText = popup._version;
|
||||
counterElement.innerText = helpers.formatNumber(popup._amountInjected);
|
||||
|
||||
testingUtilityLinkElement.addEventListener('mouseup', popup._onTestingUtilityLinkClicked);
|
||||
optionsButtonElement.addEventListener('mouseup', popup._onOptionsButtonClicked);
|
||||
|
||||
testingUtilityLinkElement.addEventListener('keydown', function (event) {
|
||||
|
||||
let enterOrSpaceKeyPressed = helpers.enterOrSpaceKeyPressed(event);
|
||||
|
||||
if (enterOrSpaceKeyPressed) {
|
||||
|
||||
chrome.tabs.create({
|
||||
'url': 'https://decentraleyes.org/test'
|
||||
});
|
||||
|
||||
window.close();
|
||||
}
|
||||
});
|
||||
|
||||
optionsButtonElement.addEventListener('keydown', function (event) {
|
||||
|
||||
let enterOrSpaceKeyPressed = helpers.enterOrSpaceKeyPressed(event);
|
||||
|
||||
if (enterOrSpaceKeyPressed) {
|
||||
|
||||
chrome.runtime.openOptionsPage();
|
||||
return window.close();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
popup._renderContextualContents = function () {
|
||||
|
||||
if (popup._domain !== null) {
|
||||
popup._renderDomainWhitelistPanel();
|
||||
}
|
||||
|
||||
if (Object.keys(popup._resourceInjections).length > 0) {
|
||||
popup._renderInjectionPanel(popup._resourceInjections);
|
||||
}
|
||||
};
|
||||
|
||||
popup._showRenderedContents = function () {
|
||||
document.getElementById('wrapper').classList.remove('hidden');
|
||||
};
|
||||
|
||||
popup._renderDomainWhitelistPanel = function () {
|
||||
|
||||
let websiteContextElement, protectionToggleElement, domainIndicatorElement;
|
||||
|
||||
websiteContextElement = document.getElementById('website-context');
|
||||
protectionToggleElement = document.getElementById('protection-toggle-button');
|
||||
domainIndicatorElement = document.getElementById('domain-indicator');
|
||||
|
||||
protectionToggleElement.setAttribute('dir', popup._scriptDirection);
|
||||
domainIndicatorElement.innerText = popup._domain;
|
||||
|
||||
if (popup._domainIsWhitelisted === true) {
|
||||
|
||||
let enableProtectionTitle = chrome.i18n.getMessage('enableProtectionTitle');
|
||||
|
||||
protectionToggleElement.setAttribute('class', 'button button-toggle');
|
||||
protectionToggleElement.addEventListener('click', popup._enableProtection);
|
||||
protectionToggleElement.setAttribute('title', enableProtectionTitle);
|
||||
|
||||
protectionToggleElement.addEventListener('keydown', function (event) {
|
||||
|
||||
let enterOrSpaceKeyPressed = helpers.enterOrSpaceKeyPressed(event);
|
||||
|
||||
if (enterOrSpaceKeyPressed) {
|
||||
popup._enableProtection();
|
||||
}
|
||||
});
|
||||
|
||||
} else {
|
||||
|
||||
let disableProtectionTitle = chrome.i18n.getMessage('disableProtectionTitle');
|
||||
|
||||
protectionToggleElement.setAttribute('class', 'button button-toggle active');
|
||||
protectionToggleElement.addEventListener('click', popup._disableProtection);
|
||||
protectionToggleElement.setAttribute('title', disableProtectionTitle);
|
||||
|
||||
protectionToggleElement.addEventListener('keydown', function (event) {
|
||||
|
||||
let enterOrSpaceKeyPressed = helpers.enterOrSpaceKeyPressed(event);
|
||||
|
||||
if (enterOrSpaceKeyPressed) {
|
||||
popup._disableProtection();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
websiteContextElement.setAttribute('class', 'panel');
|
||||
};
|
||||
|
||||
popup._renderInjectionPanel = function (groupedInjections) {
|
||||
|
||||
let websiteContextElement, injectionOverviewElement;
|
||||
|
||||
websiteContextElement = document.getElementById('website-context');
|
||||
injectionOverviewElement = popup._createInjectionOverviewElement(groupedInjections);
|
||||
|
||||
websiteContextElement.append(injectionOverviewElement);
|
||||
};
|
||||
|
||||
popup._enableProtection = function () {
|
||||
|
||||
let message = {
|
||||
'topic': 'whitelist:remove-domain',
|
||||
'value': popup._domain
|
||||
};
|
||||
|
||||
chrome.runtime.sendMessage(message, function () {
|
||||
popup._onProtectionToggled();
|
||||
});
|
||||
};
|
||||
|
||||
popup._disableProtection = function () {
|
||||
|
||||
let message = {
|
||||
'topic': 'whitelist:add-domain',
|
||||
'value': popup._domain
|
||||
};
|
||||
|
||||
chrome.runtime.sendMessage(message, function () {
|
||||
popup._onProtectionToggled();
|
||||
});
|
||||
};
|
||||
|
||||
popup._determineDomainWhitelistStatus = function () {
|
||||
|
||||
return new Promise((resolve) => {
|
||||
|
||||
let message = {
|
||||
'topic': 'domain:fetch-is-whitelisted',
|
||||
'value': popup._domain
|
||||
};
|
||||
|
||||
chrome.runtime.sendMessage(message, function (response) {
|
||||
|
||||
popup._domainIsWhitelisted = response.value;
|
||||
resolve();
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
popup._determineResourceInjections = function () {
|
||||
|
||||
return new Promise((resolve) => {
|
||||
|
||||
let message = {
|
||||
'topic': 'tab:fetch-injections',
|
||||
'value': popup._targetTab.id
|
||||
};
|
||||
|
||||
chrome.runtime.sendMessage(message, function (response) {
|
||||
|
||||
popup._resourceInjections = popup._groupResourceInjections(response.value);
|
||||
resolve();
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
popup._determineTargetTab = function () {
|
||||
|
||||
return new Promise((resolve) => {
|
||||
|
||||
helpers.determineActiveTab().then((activeTab) => {
|
||||
|
||||
popup._targetTab = activeTab;
|
||||
popup._domain = helpers.extractDomainFromUrl(activeTab.url, true);
|
||||
|
||||
resolve();
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
popup._determineAmountInjected = function () {
|
||||
|
||||
return new Promise((resolve) => {
|
||||
|
||||
helpers.getStoredSettings(Setting.AMOUNT_INJECTED, function (items) {
|
||||
|
||||
popup._amountInjected = items.amountInjected || 0;
|
||||
resolve();
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
popup._groupResourceInjections = function (injections) {
|
||||
|
||||
let groupedInjections = {};
|
||||
|
||||
for (let index in injections) {
|
||||
|
||||
if (injections.hasOwnProperty(index)) {
|
||||
|
||||
let {source} = injections[index];
|
||||
|
||||
groupedInjections[source] = groupedInjections[source] || [];
|
||||
groupedInjections[source].push(injections[index]);
|
||||
}
|
||||
}
|
||||
|
||||
return groupedInjections;
|
||||
};
|
||||
|
||||
popup._createInjectionOverviewElement = function (groupedInjections) {
|
||||
|
||||
let injectionOverviewElement = document.createElement('ul');
|
||||
injectionOverviewElement.setAttribute('class', 'list');
|
||||
|
||||
for (let source in groupedInjections) {
|
||||
|
||||
if (groupedInjections.hasOwnProperty(source)) {
|
||||
|
||||
let injectionGroupHeaderElement, injectionGroupElement, cdn;
|
||||
|
||||
cdn = groupedInjections[source];
|
||||
|
||||
injectionGroupHeaderElement = popup._createInjectionGroupHeaderElement(source, cdn);
|
||||
injectionGroupElement = popup._createInjectionGroupElement(source, cdn);
|
||||
|
||||
injectionOverviewElement.appendChild(injectionGroupHeaderElement);
|
||||
injectionOverviewElement.appendChild(injectionGroupElement);
|
||||
}
|
||||
}
|
||||
|
||||
return injectionOverviewElement;
|
||||
};
|
||||
|
||||
popup._createInjectionGroupHeaderElement = function (source, cdn) {
|
||||
|
||||
let injectionGroupHeaderElement, badgeElement, badgeTextNode, cdnNameTextNode;
|
||||
|
||||
injectionGroupHeaderElement = document.createElement('li');
|
||||
injectionGroupHeaderElement.setAttribute('class', 'list-item');
|
||||
|
||||
badgeElement = document.createElement('span');
|
||||
badgeElement.setAttribute('class', 'badge');
|
||||
|
||||
badgeTextNode = document.createTextNode(cdn.length);
|
||||
badgeElement.appendChild(badgeTextNode);
|
||||
|
||||
cdnNameTextNode = document.createTextNode(helpers.determineCdnName(source));
|
||||
|
||||
injectionGroupHeaderElement.appendChild(badgeElement);
|
||||
injectionGroupHeaderElement.appendChild(cdnNameTextNode);
|
||||
|
||||
return injectionGroupHeaderElement;
|
||||
};
|
||||
|
||||
popup._createInjectionGroupElement = function (source, cdn) {
|
||||
|
||||
let injectionGroupElement;
|
||||
|
||||
injectionGroupElement = document.createElement('ul');
|
||||
injectionGroupElement.setAttribute('class', 'sublist');
|
||||
|
||||
for (let injection of cdn) {
|
||||
|
||||
let injectionElement = popup._createInjectionElement(injection);
|
||||
injectionGroupElement.appendChild(injectionElement);
|
||||
}
|
||||
|
||||
return injectionGroupElement;
|
||||
};
|
||||
|
||||
popup._createInjectionElement = function (injection) {
|
||||
|
||||
let injectionElement, filename, name, nameTextNode, noteElement, noteTextNode;
|
||||
|
||||
injectionElement = document.createElement('li');
|
||||
injectionElement.setAttribute('class', 'sublist-item');
|
||||
|
||||
filename = helpers.extractFilenameFromPath(injection.path);
|
||||
name = helpers.determineResourceName(filename);
|
||||
|
||||
nameTextNode = document.createTextNode(`- ${name}`);
|
||||
injectionElement.appendChild(nameTextNode);
|
||||
|
||||
noteElement = document.createElement('span');
|
||||
noteElement.setAttribute('class', 'side-note');
|
||||
|
||||
noteTextNode = document.createTextNode(` v${injection.version}`);
|
||||
|
||||
noteElement.appendChild(noteTextNode);
|
||||
injectionElement.appendChild(noteElement);
|
||||
|
||||
return injectionElement;
|
||||
};
|
||||
|
||||
popup._close = function () {
|
||||
|
||||
chrome.runtime.getPlatformInfo(function (information) {
|
||||
|
||||
if (information.os === chrome.runtime.PlatformOs.ANDROID) {
|
||||
|
||||
chrome.tabs.getCurrent(function (activeTab) {
|
||||
|
||||
if (activeTab) {
|
||||
chrome.tabs.remove(activeTab.id);
|
||||
} else {
|
||||
window.close();
|
||||
}
|
||||
});
|
||||
|
||||
} else {
|
||||
window.close();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Event Handlers
|
||||
*/
|
||||
|
||||
popup._onDocumentLoaded = function () {
|
||||
|
||||
let manifest, language;
|
||||
|
||||
manifest = chrome.runtime.getManifest();
|
||||
language = navigator.language;
|
||||
|
||||
popup._version = helpers.formatVersion(manifest.version);
|
||||
popup._scriptDirection = helpers.determineScriptDirection(language);
|
||||
|
||||
popup._determineAmountInjected()
|
||||
.then(popup._renderContents);
|
||||
};
|
||||
|
||||
popup._onTestingUtilityLinkClicked = function (event) {
|
||||
|
||||
if (event.button === 0 || event.button === 1) {
|
||||
|
||||
chrome.tabs.create({
|
||||
'url': 'https://decentraleyes.org/test',
|
||||
'active': (event.button === 0)
|
||||
});
|
||||
}
|
||||
|
||||
if (event.button === 0) {
|
||||
window.close();
|
||||
}
|
||||
};
|
||||
|
||||
popup._onOptionsButtonClicked = function () {
|
||||
|
||||
chrome.runtime.getPlatformInfo(function (information) {
|
||||
|
||||
if (information.os === chrome.runtime.PlatformOs.ANDROID) {
|
||||
|
||||
chrome.tabs.create({
|
||||
'url': chrome.runtime.getURL('pages/options/options.html'),
|
||||
'active': true
|
||||
});
|
||||
|
||||
return window.close();
|
||||
|
||||
} else {
|
||||
|
||||
chrome.runtime.openOptionsPage();
|
||||
return window.close();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
popup._onProtectionToggled = function () {
|
||||
|
||||
let bypassCache = (typeof browser === 'undefined');
|
||||
|
||||
chrome.tabs.reload(popup._targetTab.id, {bypassCache});
|
||||
popup._close();
|
||||
};
|
||||
|
||||
/**
|
||||
* Initializations
|
||||
*/
|
||||
|
||||
document.addEventListener('DOMContentLoaded', popup._onDocumentLoaded);
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
|
|
@ -0,0 +1,30 @@
|
|||
<svg width="213.68mm" height="139.98mm" version="1.1" viewBox="0 0 757.15 495.97" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="translate(1012.9 489.91)">
|
||||
<g transform="translate(-3065.9 1490.7)">
|
||||
<path transform="translate(10572 368.09)" d="m-8140.9-2348.7a274.29 274.29 0 0 0-266.58 211.04c7.1369-1.3966 14.205-2.9209 21.4-4.2051 15.036-2.6835 30.198-5.1201 45.469-7.3067 15.271-2.1865 30.653-4.1238 46.129-5.8046 15.476-1.6809 31.048-3.1051 46.699-4.2715 15.651-1.1665 31.383-2.0735 47.18-2.7168 15.797-0.6434 31.658-1.0233 47.57-1.1348 16.954-0.1188 33.863 0.067 50.707 0.5527 16.844 0.4858 33.623 1.2711 50.32 2.3516s33.313 2.4557 49.826 4.1211 32.926 3.6208 49.219 5.8613c16.293 2.2406 32.467 4.7664 48.504 7.5723 10.201 1.7849 20.245 3.8763 30.33 5.8867a274.29 274.29 0 0 0-266.77-211.94z" fill="#69ab90"/>
|
||||
<path transform="translate(10572 368.09)" d="m-8140.5-2258.2a184.16 184.16 0 0 0-165.9 104.74c3.9985-0.4699 7.9455-1.0683 11.957-1.5039 15.476-1.6809 31.048-3.1051 46.699-4.2715 15.651-1.1665 31.383-2.0735 47.18-2.7168 15.797-0.6434 31.658-1.0233 47.57-1.1348 16.954-0.1188 33.863 0.067 50.707 0.5527 16.844 0.4858 33.623 1.2711 50.32 2.3516s33.313 2.4557 49.826 4.1211c9.3701 0.945 18.626 2.1953 27.928 3.3262a184.16 184.16 0 0 0-166.29-105.46z" fill="#4a856d"/>
|
||||
<path transform="translate(10572 368.09)" d="m-8140.9-2237c-57.78 0.068-111.19 30.788-140.3 80.699 42.151-4.1659 84.969-6.4492 128.16-6.752 51.484-0.3609 102.54 2.0951 152.66 7.2168-29.034-50.162-82.569-81.082-140.53-81.164z" fill="#d9ccb5"/>
|
||||
<path transform="translate(10572 368.09)" d="m-8139.6-2326.4c-68.213-0.4078-132.43 25.777-181.27 74.619-31.322 31.322-53.165 68.409-64.869 109.85 21.087-3.7573 42.424-7.0203 63.961-9.7968 0.1062-0.2386 0.2051-0.474 0.3125-0.7129 10.523-23.415 22.717-41.107 40.772-59.162 29.234-29.234 64.842-47.747 106.23-55.229 14.678-2.6535 47.206-2.9306 64.086-0.5429 14.755 2.0871 19.279 1.4609 27.205-3.7891 11.038-7.311 15.491-22.356 10.088-34.086-5.7671-12.52-13.568-16.585-37.066-19.334-9.8746-1.1551-19.702-1.7562-29.447-1.8145zm209.14 141.75c-15.595-0.072-28.373 12.42-28.373 27.73 0 2.0809 0.2081 4.0855 0.5879 6.0059 17.56 2.3451 34.986 5.0152 52.252 8.0156 0.3927-0.7733 0.7686-1.5899 1.1309-2.457 7.6967-18.421-5.8421-39.204-25.598-39.295z" fill="#e1eee9" fill-rule="evenodd"/>
|
||||
<path d="m2566.6-1883.9c-3.0097 3.1329-6.9452 2.2975-14.708-2.4482-4.0467-2.2446-5.5995-3.6343-9.6847-5.7832l-6.0229-3.1961-2.0305 3.9932-2.0327 3.9906-3.4678-4.969c-8.9934-12.89-18.056-26.474-17.742-26.592 4.2273-0.3503 19.763-1.3532 37.471-2.7026 0 0-1.0853 2.1672-2.2943 4.5888l-2.0055 4.2775 6.5539 3.5215c3.6047 1.9372 9.4209 5.7407 12.927 8.4524 1.0018 0.7747 1.7262 1.4006 2.4531 2.0301 4.5629 4.4076 4.9708 7.6508 2.557 12.032-0.6314 1.1465-1.2782 2.081-1.9728 2.8041z" fill="#fff"/>
|
||||
<path transform="matrix(1.9024 0 0 1.9024 3412 -1843.7)" d="m-432.68-16.955c-0.92625 0.11186-1.7636 0.61843-2.5957 1.4668-2.5338 2.583-1.7893 5.0501 3.1855 10.545 2.4906 2.751 6.0466 6.7358 7.9004 8.8555 3.7538 4.2926 5.5909 4.8261 8.1582 2.3672 2.8579-2.737 2.1581-5.0574-3.6914-12.246-6.6046-8.1165-10.178-11.324-12.957-10.988z" fill="#fff"/>
|
||||
</g>
|
||||
<path d="m-1011-254.39a378.57 378.57 0 0 0-0.9141 18.264c113.1-33.564 237.73-52.023 365.63-52.92 136.38-0.95605 269.7 18.16 389.99 54.408a378.57 378.57 0 0 0-0.34565-9.7598 378.57 378.57 0 0 0-1.0644-8.7656c-120.38-35.545-253.06-54.097-388.7-53.147-127.3 0.89224-251.38 18.941-364.6 51.92z" color="#000000" color-rendering="auto" fill="#4a856d" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="block-progression:tb;isolation:auto;mix-blend-mode:normal;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-transform:none;white-space:normal"/>
|
||||
<g fill="#69ab90">
|
||||
<path d="m-596.16-130.58h-14.32v72.537h14.32v-30.165h14.789v30.165h14.32v-72.537h-14.32v29.93h-14.789v-29.93z"/>
|
||||
<path d="m-556.38-130.58v72.537h39.203v-12.442h-24.883v-17.723h19.719v-12.442h-19.719v-17.489h24.883v-12.442h-39.203z"/>
|
||||
<path d="m-472.89-58.044v-12.442h-21.714v-60.095h-14.32v72.537h36.034z"/>
|
||||
<path d="m-430.48-58.044v-12.442h-21.714v-60.095h-14.32v72.537h36.034z"/>
|
||||
<path d="m-403.8-69.781c-2.2301 0-3.9907-0.93899-4.9297-2.3475-1.2911-1.878-1.6432-4.8123-1.6432-7.2772v-29.696c0-2.5822 0.23475-5.2818 1.5259-7.2772 0.93899-1.4085 2.817-2.4648 5.0471-2.4648h1.4085c2.3475 0 4.2254 0.93899 5.1644 2.3475 1.2911 1.9954 1.4085 4.8123 1.4085 7.3946v29.696c0 2.4648-0.23475 5.3992-1.5259 7.2772-0.93899 1.4085-2.6996 2.3475-5.0471 2.3475h-1.4085zm-20.893-11.385c0 5.7513 0.58687 12.089 4.1081 16.784 3.4038 4.5776 9.1552 7.0424 17.489 7.0424 8.3335 0 14.085-2.6996 17.489-7.2772 3.5212-4.695 4.2255-11.033 4.2255-16.667v-26.174c0-5.7513-0.70425-12.089-4.2255-16.784-3.4038-4.5776-9.1552-6.925-17.489-6.925-8.3335 0-13.967 2.6996-17.371 7.2772-3.5212 4.695-4.2254 10.916-4.2254 16.667v26.057z"/>
|
||||
<path d="m-613.41-201.17c0 5.7513 1.1737 9.8594 3.8733 13.498 4.1081 5.2818 11.268 8.3335 16.902 11.62 1.7606 0.93899 3.1691 1.878 4.2254 3.0517 0.93899 1.2911 1.6432 2.6996 1.6432 4.5776 0.11738 2.5822-0.58686 4.8123-1.9954 6.2208-1.4085 1.5259-3.5212 2.3475-6.3382 2.3475h-1.4085c-4.5776 0-8.6856-1.0564-13.967-2.6996l-2.1127 11.855c4.4602 1.878 11.503 3.5212 17.606 3.5212 7.5119-0.11737 14.789-2.1127 18.545-7.3945 3.1691-4.3428 3.9907-9.5073 3.9907-14.554 0-5.7513-1.4085-9.6246-3.8733-12.559-1.1737-1.4085-2.5822-2.5822-4.3428-3.6386-4.695-3.0517-10.564-4.9297-14.906-7.9814-2.3475-1.7606-3.8733-3.8733-3.8733-6.925 0-2.6996 0.58687-4.5776 1.7606-5.8687 1.2911-1.4085 3.1691-1.9954 5.8687-1.9954 4.695 0 8.6857 0.93899 13.146 2.1127l2.1127-11.62c-5.1644-1.9954-10.798-3.0517-16.432-2.9343-6.925 0.11737-12.442 2.2301-15.963 6.3382-2.6996 3.0517-4.4602 7.7467-4.4602 13.028z"/>
|
||||
<path d="m-536-160.79 2.3475 13.146h14.202v-3.0517l-15.141-69.485h-18.076l-15.024 68.898v3.6386h13.85l2.3475-13.146h15.493zm-7.7467-43.663 5.5166 31.221h-11.033l5.5166-31.221z"/>
|
||||
<path d="m-474.6-216.55v-3.6386h-12.676l-9.8594 31.574-9.9768-31.574h-13.381v3.756l16.198 44.367v24.414h14.437v-25.118l15.259-43.78z"/>
|
||||
<path d="m-471.74-201.17c0 5.7513 1.1737 9.8594 3.8733 13.498 4.1081 5.2818 11.268 8.3335 16.902 11.62 1.7606 0.93899 3.1691 1.878 4.2255 3.0517 0.93899 1.2911 1.6432 2.6996 1.6432 4.5776 0.11737 2.5822-0.58687 4.8123-1.9954 6.2208-1.4085 1.5259-3.5212 2.3475-6.3382 2.3475h-1.4085c-4.5776 0-8.6856-1.0564-13.967-2.6996l-2.1127 11.855c4.4602 1.878 11.503 3.5212 17.606 3.5212 7.5119-0.11737 14.789-2.1127 18.545-7.3945 3.1691-4.3428 3.9907-9.5073 3.9907-14.554 0-5.7513-1.4085-9.6246-3.8733-12.559-1.1737-1.4085-2.5822-2.5822-4.3428-3.6386-4.695-3.0517-10.564-4.9297-14.906-7.9814-2.3475-1.7606-3.8733-3.8733-3.8733-6.925 0-2.6996 0.58687-4.5776 1.7606-5.8687 1.2911-1.4085 3.1691-1.9954 5.8687-1.9954 4.695 0 8.6857 0.93899 13.146 2.1127l2.1127-11.62c-5.1644-1.9954-10.798-3.0517-16.432-2.9343-6.925 0.11737-12.442 2.2301-15.963 6.3382-2.6996 3.0517-4.4602 7.7467-4.4602 13.028z"/>
|
||||
</g>
|
||||
<path d="m-642.99-219.72h8.3121v161.84h-8.3121z" fill="#4a856d"/>
|
||||
<g fill="#4a856d">
|
||||
<path d="m-887.97-91.967v12.157h70.466v-23.864h-34.895l21.162-34.895c8.5549-13.958 16.209-27.466 16.209-44.351 0-13.283-4.2775-22.963-11.932-28.817-6.5288-5.178-15.759-7.6544-27.241-7.8795-10.356-0.22513-18.01 1.801-27.916 5.8534l4.0523 22.063c8.5549-2.2513 12.382-4.0523 21.387-4.0523 5.178 0 10.131 1.801 12.832 6.7539 1.5759 2.7016 2.2513 6.0785 2.0262 9.9057-0.22513 10.581-5.8534 22.288-11.482 31.068l-34.67 56.057z"/>
|
||||
<path d="m-770.65-107.05h-26.34v27.241h26.34v-27.241z"/>
|
||||
<path d="m-750.43-124.39c0 11.031 1.3508 23.188 8.1047 32.194 6.5288 8.7801 16.434 13.508 32.419 13.508 15.984 0 25.89-5.178 32.419-13.958 6.7539-9.0052 8.1047-21.162 8.1047-31.968v-49.754c0-11.031-1.3508-23.188-8.1047-32.194-6.5288-8.7801-16.434-13.283-32.419-13.283-15.984 0-25.89 4.9529-32.419 13.733-6.7539 9.0052-8.1047 21.162-8.1047 32.194v49.529zm39.848 21.838c-4.2775 0-7.4293-1.801-9.2303-4.5026-2.4764-3.6021-3.1518-9.2303-3.1518-13.958v-56.508c0-4.9529 0.67539-10.356 3.1518-14.183 1.801-2.7016 4.9528-4.5026 9.2303-4.5026h1.3508c4.2775 0 7.4293 1.801 9.2303 4.5026 2.4764 3.8272 3.1518 9.2303 3.1518 14.183v56.508c0 4.7277-0.67539 10.356-3.1518 13.958-1.801 2.7016-4.9529 4.5026-9.2303 4.5026h-1.3508z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.1 KiB |
|
|
@ -0,0 +1,39 @@
|
|||
<svg width="213.68mm" height="139.98mm" version="1.1" viewBox="0 0 757.15 495.97" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="a" x1="-2153.9" x2="-2153.9" y1="-1983.7" y2="-1041.7" gradientTransform="matrix(.7361 0 0 1.1184 971.67 1120)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#7c9437" offset="0"/>
|
||||
<stop stop-color="#eff4e2" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g transform="translate(1012.9 489.91)">
|
||||
<path d="m-633.52-289.08c-4.2555-0.0136-8.5155 0-12.777 0.0312-127.91 0.89658-252.53 19.355-365.63 52.92a378.57 378.57 0 0 0-0.9259 18.506 378.57 378.57 0 0 0 0.9472 26.779 378.57 378.57 0 0 0 4.5606 37.566 378.57 378.57 0 0 0 8.2871 36.924 378.57 378.57 0 0 0 11.934 35.91 378.57 378.57 0 0 0 15.457 34.541 378.57 378.57 0 0 0 18.83 32.824 378.57 378.57 0 0 0 13.689 19.143h609.77a378.57 378.57 0 0 0 7.5468-9.9279 378.57 378.57 0 0 0 19.779-32.262 378.57 378.57 0 0 0 16.459-34.074 378.57 378.57 0 0 0 12.977-35.547 378.57 378.57 0 0 0 9.3634-36.666 378.57 378.57 0 0 0 5.6543-37.416 378.57 378.57 0 0 0 1.8905-37.795 378.57 378.57 0 0 0-0.60143-17.018c-116.53-35.116-245.29-54.153-377.21-54.44z" fill="url(#a)" fill-rule="evenodd"/>
|
||||
<g transform="translate(-3065.9 1490.7)">
|
||||
<path transform="translate(10572 368.09)" d="m-8140.9-2348.7a274.29 274.29 0 0 0-266.58 211.04c7.1369-1.3966 14.205-2.9209 21.4-4.2051 15.036-2.6835 30.198-5.1201 45.469-7.3067 15.271-2.1865 30.653-4.1238 46.129-5.8046 15.476-1.6809 31.048-3.1051 46.699-4.2715 15.651-1.1665 31.383-2.0735 47.18-2.7168 15.797-0.6434 31.658-1.0233 47.57-1.1348 16.954-0.1188 33.863 0.067 50.707 0.5527 16.844 0.4858 33.623 1.2711 50.32 2.3516s33.313 2.4557 49.826 4.1211 32.926 3.6208 49.219 5.8613c16.293 2.2406 32.467 4.7664 48.504 7.5723 10.201 1.7849 20.245 3.8763 30.33 5.8867a274.29 274.29 0 0 0-266.77-211.94z" fill="#69ab90"/>
|
||||
<path transform="translate(10572 368.09)" d="m-8140.5-2258.2a184.16 184.16 0 0 0-165.9 104.74c3.9985-0.4699 7.9455-1.0683 11.957-1.5039 15.476-1.6809 31.048-3.1051 46.699-4.2715 15.651-1.1665 31.383-2.0735 47.18-2.7168 15.797-0.6434 31.658-1.0233 47.57-1.1348 16.954-0.1188 33.863 0.067 50.707 0.5527 16.844 0.4858 33.623 1.2711 50.32 2.3516s33.313 2.4557 49.826 4.1211c9.3701 0.945 18.626 2.1953 27.928 3.3262a184.16 184.16 0 0 0-166.29-105.46z" fill="#4a856d"/>
|
||||
<path transform="translate(10572 368.09)" d="m-8140.9-2237c-57.78 0.068-111.19 30.788-140.3 80.699 42.151-4.1659 84.969-6.4492 128.16-6.752 51.484-0.3609 102.54 2.0951 152.66 7.2168-29.034-50.162-82.569-81.082-140.53-81.164z" fill="#d9ccb5"/>
|
||||
<path transform="translate(10572 368.09)" d="m-8139.6-2326.4c-68.213-0.4078-132.43 25.777-181.27 74.619-31.322 31.322-53.165 68.409-64.869 109.85 21.087-3.7573 42.424-7.0203 63.961-9.7968 0.1062-0.2386 0.2051-0.474 0.3125-0.7129 10.523-23.415 22.717-41.107 40.772-59.162 29.234-29.234 64.842-47.747 106.23-55.229 14.678-2.6535 47.206-2.9306 64.086-0.5429 14.755 2.0871 19.279 1.4609 27.205-3.7891 11.038-7.311 15.491-22.356 10.088-34.086-5.7671-12.52-13.568-16.585-37.066-19.334-9.8746-1.1551-19.702-1.7562-29.447-1.8145zm209.14 141.75c-15.595-0.072-28.373 12.42-28.373 27.73 0 2.0809 0.2081 4.0855 0.5879 6.0059 17.56 2.3451 34.986 5.0152 52.252 8.0156 0.3927-0.7733 0.7686-1.5899 1.1309-2.457 7.6967-18.421-5.8421-39.204-25.598-39.295z" fill="#e1eee9" fill-rule="evenodd"/>
|
||||
<path d="m2566.6-1883.9c-3.0097 3.1329-6.9452 2.2975-14.708-2.4482-4.0467-2.2446-5.5995-3.6343-9.6847-5.7832l-6.0229-3.1961-2.0305 3.9932-2.0327 3.9906-3.4678-4.969c-8.9934-12.89-18.056-26.474-17.742-26.592 4.2273-0.3503 19.763-1.3532 37.471-2.7026 0 0-1.0853 2.1672-2.2943 4.5888l-2.0055 4.2775 6.5539 3.5215c3.6047 1.9372 9.4209 5.7407 12.927 8.4524 1.0018 0.7747 1.7262 1.4006 2.4531 2.0301 4.5629 4.4076 4.9708 7.6508 2.557 12.032-0.6314 1.1465-1.2782 2.081-1.9728 2.8041z" fill="#fff"/>
|
||||
<path transform="matrix(1.9024 0 0 1.9024 3412 -1843.7)" d="m-432.68-16.955c-0.92625 0.11186-1.7636 0.61843-2.5957 1.4668-2.5338 2.583-1.7893 5.0501 3.1855 10.545 2.4906 2.751 6.0466 6.7358 7.9004 8.8555 3.7538 4.2926 5.5909 4.8261 8.1582 2.3672 2.8579-2.737 2.1581-5.0574-3.6914-12.246-6.6046-8.1165-10.178-11.324-12.957-10.988z" fill="#fff"/>
|
||||
</g>
|
||||
<path d="m-1011-254.39a378.57 378.57 0 0 0-0.9141 18.264c113.1-33.564 237.73-52.023 365.63-52.92 136.38-0.95605 269.7 18.16 389.99 54.408a378.57 378.57 0 0 0-0.34565-9.7598 378.57 378.57 0 0 0-1.0644-8.7656c-120.38-35.545-253.06-54.097-388.7-53.147-127.3 0.89224-251.38 18.941-364.6 51.92z" color="#000000" color-rendering="auto" fill="#4a856d" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="block-progression:tb;isolation:auto;mix-blend-mode:normal;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-transform:none;white-space:normal"/>
|
||||
<g fill="#69ab90">
|
||||
<path d="m-596.16-130.58h-14.32v72.537h14.32v-30.165h14.789v30.165h14.32v-72.537h-14.32v29.93h-14.789v-29.93z"/>
|
||||
<path d="m-556.38-130.58v72.537h39.203v-12.442h-24.883v-17.723h19.719v-12.442h-19.719v-17.489h24.883v-12.442h-39.203z"/>
|
||||
<path d="m-472.89-58.044v-12.442h-21.714v-60.095h-14.32v72.537h36.034z"/>
|
||||
<path d="m-430.48-58.044v-12.442h-21.714v-60.095h-14.32v72.537h36.034z"/>
|
||||
<path d="m-403.8-69.781c-2.2301 0-3.9907-0.93899-4.9297-2.3475-1.2911-1.878-1.6432-4.8123-1.6432-7.2772v-29.696c0-2.5822 0.23475-5.2818 1.5259-7.2772 0.93899-1.4085 2.817-2.4648 5.0471-2.4648h1.4085c2.3475 0 4.2254 0.93899 5.1644 2.3475 1.2911 1.9954 1.4085 4.8123 1.4085 7.3946v29.696c0 2.4648-0.23475 5.3992-1.5259 7.2772-0.93899 1.4085-2.6996 2.3475-5.0471 2.3475h-1.4085zm-20.893-11.385c0 5.7513 0.58687 12.089 4.1081 16.784 3.4038 4.5776 9.1552 7.0424 17.489 7.0424 8.3335 0 14.085-2.6996 17.489-7.2772 3.5212-4.695 4.2255-11.033 4.2255-16.667v-26.174c0-5.7513-0.70425-12.089-4.2255-16.784-3.4038-4.5776-9.1552-6.925-17.489-6.925-8.3335 0-13.967 2.6996-17.371 7.2772-3.5212 4.695-4.2254 10.916-4.2254 16.667v26.057z"/>
|
||||
</g>
|
||||
<g fill="#69ab90">
|
||||
<path d="m-613.41-201.17c0 5.7513 1.1737 9.8594 3.8733 13.498 4.1081 5.2818 11.268 8.3335 16.902 11.62 1.7606 0.93899 3.1691 1.878 4.2254 3.0517 0.93899 1.2911 1.6432 2.6996 1.6432 4.5776 0.11738 2.5822-0.58686 4.8123-1.9954 6.2208-1.4085 1.5259-3.5212 2.3475-6.3382 2.3475h-1.4085c-4.5776 0-8.6856-1.0564-13.967-2.6996l-2.1127 11.855c4.4602 1.878 11.503 3.5212 17.606 3.5212 7.5119-0.11737 14.789-2.1127 18.545-7.3945 3.1691-4.3428 3.9907-9.5073 3.9907-14.554 0-5.7513-1.4085-9.6246-3.8733-12.559-1.1737-1.4085-2.5822-2.5822-4.3428-3.6386-4.695-3.0517-10.564-4.9297-14.906-7.9814-2.3475-1.7606-3.8733-3.8733-3.8733-6.925 0-2.6996 0.58687-4.5776 1.7606-5.8687 1.2911-1.4085 3.1691-1.9954 5.8687-1.9954 4.695 0 8.6857 0.93899 13.146 2.1127l2.1127-11.62c-5.1644-1.9954-10.798-3.0517-16.432-2.9343-6.925 0.11737-12.442 2.2301-15.963 6.3382-2.6996 3.0517-4.4602 7.7467-4.4602 13.028z"/>
|
||||
<path d="m-536-160.79 2.3475 13.146h14.202v-3.0517l-15.141-69.485h-18.076l-15.024 68.898v3.6386h13.85l2.3475-13.146h15.493zm-7.7467-43.663 5.5166 31.221h-11.033l5.5166-31.221z"/>
|
||||
<path d="m-474.6-216.55v-3.6386h-12.676l-9.8594 31.574-9.9768-31.574h-13.381v3.756l16.198 44.367v24.414h14.437v-25.118l15.259-43.78z"/>
|
||||
<path d="m-471.74-201.17c0 5.7513 1.1737 9.8594 3.8733 13.498 4.1081 5.2818 11.268 8.3335 16.902 11.62 1.7606 0.93899 3.1691 1.878 4.2255 3.0517 0.93899 1.2911 1.6432 2.6996 1.6432 4.5776 0.11737 2.5822-0.58687 4.8123-1.9954 6.2208-1.4085 1.5259-3.5212 2.3475-6.3382 2.3475h-1.4085c-4.5776 0-8.6856-1.0564-13.967-2.6996l-2.1127 11.855c4.4602 1.878 11.503 3.5212 17.606 3.5212 7.5119-0.11737 14.789-2.1127 18.545-7.3945 3.1691-4.3428 3.9907-9.5073 3.9907-14.554 0-5.7513-1.4085-9.6246-3.8733-12.559-1.1737-1.4085-2.5822-2.5822-4.3428-3.6386-4.695-3.0517-10.564-4.9297-14.906-7.9814-2.3475-1.7606-3.8733-3.8733-3.8733-6.925 0-2.6996 0.58687-4.5776 1.7606-5.8687 1.2911-1.4085 3.1691-1.9954 5.8687-1.9954 4.695 0 8.6857 0.93899 13.146 2.1127l2.1127-11.62c-5.1644-1.9954-10.798-3.0517-16.432-2.9343-6.925 0.11737-12.442 2.2301-15.963 6.3382-2.6996 3.0517-4.4602 7.7467-4.4602 13.028z"/>
|
||||
</g>
|
||||
<path d="m-642.99-219.72h8.3121v161.84h-8.3121z" fill="#4a856d"/>
|
||||
<g fill="#4a856d">
|
||||
<path d="m-887.97-91.967v12.157h70.466v-23.864h-34.895l21.162-34.895c8.5549-13.958 16.209-27.466 16.209-44.351 0-13.283-4.2775-22.963-11.932-28.817-6.5288-5.178-15.759-7.6544-27.241-7.8795-10.356-0.22513-18.01 1.801-27.916 5.8534l4.0523 22.063c8.5549-2.2513 12.382-4.0523 21.387-4.0523 5.178 0 10.131 1.801 12.832 6.7539 1.5759 2.7016 2.2513 6.0785 2.0262 9.9057-0.22513 10.581-5.8534 22.288-11.482 31.068l-34.67 56.057z"/>
|
||||
<path d="m-770.65-107.05h-26.34v27.241h26.34v-27.241z"/>
|
||||
<path d="m-750.43-124.39c0 11.031 1.3508 23.188 8.1047 32.194 6.5288 8.7801 16.434 13.508 32.419 13.508 15.984 0 25.89-5.178 32.419-13.958 6.7539-9.0052 8.1047-21.162 8.1047-31.968v-49.754c0-11.031-1.3508-23.188-8.1047-32.194-6.5288-8.7801-16.434-13.283-32.419-13.283-15.984 0-25.89 4.9529-32.419 13.733-6.7539 9.0052-8.1047 21.162-8.1047 32.194v49.529zm39.848 21.838c-4.2775 0-7.4293-1.801-9.2303-4.5026-2.4764-3.6021-3.1518-9.2303-3.1518-13.958v-56.508c0-4.9529 0.67539-10.356 3.1518-14.183 1.801-2.7016 4.9528-4.5026 9.2303-4.5026h1.3508c4.2775 0 7.4293 1.801 9.2303 4.5026 2.4764 3.8272 3.1518 9.2303 3.1518 14.183v56.508c0 4.7277-0.67539 10.356-3.1518 13.958-1.801 2.7016-4.9529 4.5026-9.2303 4.5026h-1.3508z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.2 KiB |
|
|
@ -0,0 +1,254 @@
|
|||
/**
|
||||
* Sections
|
||||
*/
|
||||
|
||||
html {
|
||||
background-color: #f8fcee;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #eff4e2;
|
||||
box-sizing: border-box;
|
||||
color: #777;
|
||||
font-size: 14px;
|
||||
margin: 0 auto;
|
||||
max-width: 982px;
|
||||
min-height: 100%;
|
||||
min-width: 256px;
|
||||
padding: 33px 18px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: 'Noto Sans', Arial, sans-serif;
|
||||
font-size: 24px;
|
||||
font-weight: 400;
|
||||
margin: 20px auto;
|
||||
max-width: 750px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.btn-panel {
|
||||
cursor: default;
|
||||
font-family: 'Noto Sans', Arial, sans-serif;
|
||||
margin: 35px auto;
|
||||
max-width: 750px;
|
||||
}
|
||||
|
||||
.topic-badge {
|
||||
background-color: #fcfcfc;
|
||||
border-radius: 100px;
|
||||
border: 4px solid #e6e6e6;
|
||||
color: #5a8f79;
|
||||
display: inline-block;
|
||||
font-size: 48px;
|
||||
line-height: 0;
|
||||
margin: 0 20px 20px;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.topic-badge:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.topic-badge:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Fonts
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'Noto Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('../../modules/noto-sans/noto-sans.woff2')
|
||||
format('woff2');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Noto Sans';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: url('../../modules/noto-sans/noto-sans-bold.woff2')
|
||||
format('woff2');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Noto Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url('../../modules/noto-sans/noto-sans-italic.woff2')
|
||||
format('woff2');
|
||||
}
|
||||
|
||||
/**
|
||||
* Buttons
|
||||
*/
|
||||
|
||||
.btn {
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
margin-right: 15px;
|
||||
padding: 11px 17px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.btn-text {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.btn-gitlab {
|
||||
background-color: #24292e;
|
||||
}
|
||||
|
||||
.btn-gitlab:hover {
|
||||
background-color: #42474c;
|
||||
}
|
||||
|
||||
.btn-website {
|
||||
background-color: #007bbd;
|
||||
}
|
||||
|
||||
.btn-website:hover {
|
||||
background-color: #00679e;
|
||||
}
|
||||
|
||||
.btn-donate {
|
||||
background-color: #f7931a;
|
||||
}
|
||||
|
||||
.btn-donate:hover {
|
||||
background-color: #f58700;
|
||||
}
|
||||
|
||||
.btn-author {
|
||||
background-color: #00bd7f;
|
||||
}
|
||||
|
||||
.btn-author:hover {
|
||||
background-color: #009e69;
|
||||
}
|
||||
|
||||
/**
|
||||
* Miscellaneous
|
||||
*/
|
||||
|
||||
.notice {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
font-family: 'Noto Sans', Arial, sans-serif;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 750px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: block;
|
||||
height: 145px;
|
||||
margin: 15px auto 50px;
|
||||
}
|
||||
|
||||
.subtle-hint {
|
||||
background-color: #fcfcfc;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #e6e6e6;
|
||||
color: #6d6d6d;
|
||||
font-size: 14px;
|
||||
margin-bottom: 20px;
|
||||
padding: 8px 11px;
|
||||
}
|
||||
|
||||
.topic-label {
|
||||
color: #4f7e6a;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.color-purple {
|
||||
color: #9e608e;
|
||||
}
|
||||
|
||||
/**
|
||||
* Media Queries
|
||||
*/
|
||||
|
||||
@media screen and (max-width: 982px) {
|
||||
|
||||
body {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 550px) {
|
||||
|
||||
.btn {
|
||||
padding: 13px 18px 12px
|
||||
}
|
||||
|
||||
.btn-text {
|
||||
display: none
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Compatibility
|
||||
*/
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
/**
|
||||
* Sections
|
||||
*/
|
||||
|
||||
html {
|
||||
background-color: #101010;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #202020;
|
||||
color: #f2f2f2;
|
||||
}
|
||||
|
||||
.topic-badge {
|
||||
background-color: #101010;
|
||||
border-color: #0c0c0c;
|
||||
color: #5ab38e;
|
||||
}
|
||||
|
||||
/**
|
||||
* Buttons
|
||||
*/
|
||||
|
||||
.btn-gitlab {
|
||||
background-color: #3f5469;
|
||||
}
|
||||
|
||||
.btn-gitlab:hover {
|
||||
background-color: #364859;
|
||||
}
|
||||
|
||||
/**
|
||||
* Miscellaneous
|
||||
*/
|
||||
|
||||
.subtle-hint {
|
||||
background-color: #101010;
|
||||
border-color: #000;
|
||||
color: #f2f2f2;
|
||||
}
|
||||
|
||||
.topic-label {
|
||||
color: #489674;
|
||||
}
|
||||
|
||||
.color-purple {
|
||||
color: #cc64b2;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,75 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
<title>2.0 Says Hello - Decentraleyes</title>
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta charset="utf-8">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="welcome.css">
|
||||
|
||||
<script defer src="../../modules/internal/icons.js"></script>
|
||||
<script defer src="../../modules/fontawesome/fontawesome.min.js"></script>
|
||||
|
||||
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="favicon.ico" type="image/x-icon">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<picture>
|
||||
<source srcset="logo-dark.svg" media="(prefers-color-scheme: dark)" />
|
||||
<img src="logo.svg" class="logo" />
|
||||
</picture>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<h1>For a smoother experience</h1>
|
||||
|
||||
<div class="notice">
|
||||
|
||||
<span class="subtle-hint"><span class="topic-label">Configure HTTPS Everywhere</span><br>There's no need to read any further, unless you actually use Decentraleyes in combination with the HTTPS Everywhere extension. If you do, please follow this <a href="https://decentraleyes.org/configure-https-everywhere/" target="_blank">short guide</a> to prevent, or resolve, any conflicts.</span>
|
||||
|
||||
</div>
|
||||
|
||||
<h1>What's new in version 2.0?</h1>
|
||||
|
||||
<div class="notice">
|
||||
|
||||
<span class="subtle-hint"><span class="topic-label">Improved Configurability</span><br>The options screen has been updated to give you more control over the extension. Settings that impact privacy, or website functionality, are now explicitly labeled as advanced.</span>
|
||||
|
||||
<div class="topic-badge"><i class="fai fa-cog"></i></div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="notice">
|
||||
|
||||
<div class="topic-badge color-purple"><i class="fai fa-power-off"></i></div>
|
||||
|
||||
<span class="subtle-hint"><span class="topic-label color-purple">Simplified Whitelist Management</span><br>Excluding the domain you're visiting from inspections is now easier than ever. Just open up the popup panel, and use the dedicated button, to disable protection for said site.</span>
|
||||
|
||||
</div>
|
||||
|
||||
<h1>Learn more, or contribute</h1>
|
||||
|
||||
<div class="btn-panel">
|
||||
|
||||
<a class="btn btn-website" href="https://decentraleyes.org" target="_blank"><i class="btn-icon fai fa-globe" data-fa-transform="grow-2"></i><span class="btn-text">Website</span></a>
|
||||
|
||||
<a class="btn btn-gitlab" href="https://git.synz.io/Synzvato/decentraleyes" target="_blank"><i class="btn-icon fai fa-gitlab" data-fa-transform="grow-2"></i><span class="btn-text">GitLab</span></a>
|
||||
|
||||
<a class="btn btn-donate" href="https://decentraleyes.org/donate" target="_blank"><i class="btn-icon fai fa-donate" data-fa-transform="grow-2"></i><span class="btn-text">Donate</span></a>
|
||||
|
||||
<a class="btn btn-author" href="https://synz.io" target="_blank"><i class="btn-icon fai fa-user-circle" data-fa-transform="grow-3"></i><span class="btn-text">Author</span></a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue