From 84c65a310bfbcbf78fbb89529a8a3cffb4b40b39 Mon Sep 17 00:00:00 2001 From: nobody Date: Sun, 11 Dec 2022 05:21:36 +0100 Subject: [PATCH] html structure improved (#1237) --- icons/popup_check.svg | 106 +++++++++++++++++ icons/popup_uncheck.svg | 107 +++++++++++++++++ pages/donate/donate.html | 18 +-- pages/help/help.html | 44 +++---- pages/options/options.html | 227 +++++++++++++++++++------------------ pages/popup/popup.html | 32 ++---- pages/popup/toggle.css | 4 + pages/updates/updates.html | 23 ++-- pages/welcome/welcome.html | 2 +- 9 files changed, 383 insertions(+), 180 deletions(-) create mode 100644 icons/popup_check.svg create mode 100644 icons/popup_uncheck.svg diff --git a/icons/popup_check.svg b/icons/popup_check.svg new file mode 100644 index 00000000..bf9852e4 --- /dev/null +++ b/icons/popup_check.svg @@ -0,0 +1,106 @@ + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/popup_uncheck.svg b/icons/popup_uncheck.svg new file mode 100644 index 00000000..45cd6389 --- /dev/null +++ b/icons/popup_uncheck.svg @@ -0,0 +1,107 @@ + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/pages/donate/donate.html b/pages/donate/donate.html index 2e2afe57..9354f1b0 100644 --- a/pages/donate/donate.html +++ b/pages/donate/donate.html @@ -11,18 +11,18 @@ - +

Donation Methods

LocalCDN is free and open-source. If you like LocalCDN you can support continued development by making a donation. Any help would be greatly appreciated!

-

Question: Why are the donation options only displayed here and no longer on the website?
Answer: I think it is better if your public IP address is rarely listed in any server log files.

+

Question: Why are the donation options only displayed here and no longer on the website?
Answer: I think it is better if your public IP address is rarely listed in any server log files.

SEPA Bank Transfer

- IBAN: DE22 5003 1000 1069 4660 16
+ IBAN: DE22 5003 1000 1069 4660 16
BIC:  TRODDEF1XXX

@@ -37,8 +37,8 @@

Monero

46j26ggSZNT9rN7VeFYXp2PsKEMyJSSYneBVKXY4xeemdfZfCpNg6tQEXQZpWiTTuGX3SbnDPwuh3167cCoYSrqN72H9jPk

- Monero QR code -
+ +
Open in Wallet
@@ -48,7 +48,7 @@ www.buymeacoffee.com/LocalCDN

- Buy Me A Coffee +
@@ -57,17 +57,17 @@ www.opencollective.com/LocalCDN

- Open Collective +
-

+

  • Why no PayPal? I hope this question is not serious. 🙂 If it does: PayPal shares the data collected from customers with over 600 other companies.
  • Why no Patreon? Have you ever analyzed the website with Webbkoll? The trackers/cookies from Facebook, Twitter and Google integrated there do not harmonise with LocalCDN.
  • Why no Liberapay? Liberapay only offers Stripe and PayPal as a payout method. I don't have a PayPal account (and don't want one). The website of Stripe is also full of third party providers.
  • You know of a donation option that is privacy friendly? Then send me an e-mail please.
-

+
diff --git a/pages/help/help.html b/pages/help/help.html index 514b45de..1d2116c0 100644 --- a/pages/help/help.html +++ b/pages/help/help.html @@ -13,11 +13,11 @@ - +

Help

- +
    @@ -35,18 +35,18 @@

    Introduction

    LocalCDN is a web browser extension that emulates Content Delivery Networks to improve your online privacy. It intercepts traffic, finds supported frameworks/libraries locally, and injects them into the website. Feel free to use the following testing utility to find out if you are properly protected. For more information read the tutorial or our Wiki pages.

    - Testing utility
    - Tutorial
    + Testing utility
    + Tutorial
    Wiki pages

    What is "HTML filter"? (Firefox only)

    In most cases LocalCDN can easily replace embedded frameworks and improves privacy. In some cases the website may try to prevent this by setting certain options in the HTML source code. LocalCDN reads the HTML source code before it is displayed in the browser and removes these part (red).

    - The HTML filter removes the red characters from this example:
    - <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>

    - The result then looks like this:
    - <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>


    + The HTML filter removes the red characters from this example:
    + <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>

    + The result then looks like this:
    + <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>


    Why is it necessary to remove crossorigin and integrity attributes?

    The crossorigin attribute prevents the replacement because the destination does not match the requested one.

    @@ -71,19 +71,19 @@ - Default + Default/Easy No Link (github.com) - Medium + Medium Yes Link (github.com) - Hard + Hard Yes Link (github.com) @@ -103,19 +103,19 @@

    What about the statistics? Is anything transferred to any servers?

    Don't panic, nothing will be transmitted. It would be against all my principles. The statistics (JSON format) contains the following information: Date, CDN+counter and framework+counter. That's all. I've an example here:

    - "2020-08-10": {
    - "frameworks": {
    - "resources/jquery/1.12.4/jquery.min.jsm": 5
    - },
    - "cdns": {
    - "ajax.googleapis.com": 5
    - }
    - }
    + "2020-08-10": {
    + "frameworks": {
    + "resources/jquery/1.12.4/jquery.min.jsm": 5
    + },
    + "cdns": {
    + "ajax.googleapis.com": 5
    + }
    + }

    The statistics contain no information about the browser, operating system, requesting website, IP addresses or any other information. Just date, CDN+counter and framework+counter. It shows you which frameworks are replaced by LocalCDNs how often and which CDNs were requested.

    -

    How do I know that's true?

    +

    How do I know that's true?

    - The extension storage can be viewed directly with the Firefox browser. Open the URL "about:debugging", switch to "Storage" and select "Extension Storage". Under the key "internalStatisticsData" you will find the collected data. Just copy it and put it into a JSON PrettyPrinter to make it more readable. Please note that you have to remove the first and last quotation mark and the key to it. You should be able to see this clearly in this video.
    + The extension storage can be viewed directly with the Firefox browser. Open the URL "about:debugging", switch to "Storage" and select "Extension Storage". Under the key "internalStatisticsData" you will find the collected data. Just copy it and put it into a JSON PrettyPrinter to make it more readable. Please note that you have to remove the first and last quotation mark and the key to it. You should be able to see this clearly in this video.
    https://www.localcdn.org/view-extension-storage.mp4

    diff --git a/pages/options/options.html b/pages/options/options.html index 0926dbfe..43775947 100644 --- a/pages/options/options.html +++ b/pages/options/options.html @@ -3,7 +3,7 @@ Options | LocalCDN - + @@ -29,27 +29,27 @@
    - - - - + + + +
    Non-Firefox browsers do not support all features of LocalCDN. Read more
    -
    +
    Show the number of injected resources on the extension icon.
    -
    -
    +
    +
    Notification after an update
    @@ -60,68 +60,68 @@
    - -
    +
    +
    Prevent disallowed requests from leaking out to delivery networks.
    - -
    +
    +
    Erase sensitive data from allowed CDN requests for improved privacy.
    - -
    +
    +
    No data transmission. It's all local on your device.
    - -
    +
    +
    - +
-
+
Deactivate LocalCDN for these domains:
- +
Enter domains to disable LocalCDN there. One domain per line.

- example.com
- sub.example.com
- *.example.com
- https://example.com
- https://*.example.com
- https://example.com/page/example.html + example.com
+ sub.example.com
+ *.example.com
+ https://example.com
+ https://*.example.com
+ https://example.com/page/example.html
-
+
-
- +
-
+
Advanced
Cancel intercepted request if the required resource is not locally available.
-
-
+
+
If you use the rules of the rule generator, requests to "fonts.googleapis.com" are allowed to substitute "Google Material Icons" automatically. If you want to block the other requests, enable this option.
-
+
These domains are allowed to load Google Fonts. One domain per line.
- example.com
- sub.example.com
- *.example.com
- https://example.com
- https://*.example.com
- https://example.com/page/example.html + example.com
+ sub.example.com
+ *.example.com
+ https://example.com
+ https://*.example.com
+ https://example.com/page/example.html
- -
+
+
You can open the log with the icon in the menu. The log will be deleted when you close the browser or disable logging.
- -
+
+
- Beta
Change the badge color if resources are missing.
- +
-
+
Do not apply HTML filter to these domains:
Apply HTML filter to these domains:
- +
Enter the domains to be handled or ignored by the HTML filter. One domain per line.
- example.com
- sub.example.com
- *.example.com
- https://example.com
- https://*.example.com
- https://example.com/page/example.html + example.com
+ sub.example.com
+ *.example.com
+ https://example.com
+ https://*.example.com
+ https://example.com/page/example.html
-
-
+
+
Advanced
Enable this option to always apply the HTML filter. The domains in the list will be ignored then. If this option is disabled, the HTML filter is only applied to domains in the list.
- +
This function can break websites. Please note the information on the Wiki page.
-
+
Generate rule set @@ -238,75 +237,75 @@
-
+
-
+
Choose an icon for this extension

Default badge

- Default +
17
-
+
- +
@@ -314,18 +313,18 @@

HTML filter badge

- Default +
17
-
+
- +
@@ -333,82 +332,84 @@

Missing resource badge

- Default +
17
-
+
- +
- +
-
+
Storage type
-
-
+
+
Import/Export
- - + +
- +
-
+
- - + +
  • Font Awesome are not supported by your browser
  • Google Material Icons are not supported by your browser
-
+
-
+
+ -
+
- +

LocalCDN v

diff --git a/pages/popup/popup.html b/pages/popup/popup.html index 94d188b3..f6209119 100644 --- a/pages/popup/popup.html +++ b/pages/popup/popup.html @@ -3,7 +3,7 @@ Popup | LocalCDN - + @@ -16,7 +16,7 @@
- +
-
+
@@ -85,7 +73,7 @@
0
Amount of local Content Delivery Network resource injections since installation.
-
+