From acd4881dc1f393791d39308da2a42dec5311e140 Mon Sep 17 00:00:00 2001 From: nobody Date: Tue, 30 Mar 2021 06:31:59 +0200 Subject: [PATCH] Improved: Welcome page --- pages/base.css | 4 +++ pages/style.css | 1 + pages/updates/updates.html | 2 +- pages/welcome/welcome.html | 51 ++++++++++++++++++-------------------- pages/welcome/welcome.js | 35 ++++++++++++++++++++++++++ 5 files changed, 65 insertions(+), 28 deletions(-) create mode 100644 pages/welcome/welcome.js diff --git a/pages/base.css b/pages/base.css index 5b2f77ec..3794ac3b 100644 --- a/pages/base.css +++ b/pages/base.css @@ -1,3 +1,7 @@ +h2 { + color: #5a8f79; +} + a { background: url('../../icons/link-dark.svg') no-repeat right center; background-size: 10px 10px; diff --git a/pages/style.css b/pages/style.css index 97229531..a9074d93 100644 --- a/pages/style.css +++ b/pages/style.css @@ -148,6 +148,7 @@ hr { margin-right: auto; max-width: 750px; text-align: left; + padding-bottom: 2em; } .logo { diff --git a/pages/updates/updates.html b/pages/updates/updates.html index afb746d0..4f3c9cd5 100644 --- a/pages/updates/updates.html +++ b/pages/updates/updates.html @@ -25,7 +25,7 @@ New in LocalCDN:
diff --git a/pages/welcome/welcome.html b/pages/welcome/welcome.html index 5e96fdd2..799f78b3 100644 --- a/pages/welcome/welcome.html +++ b/pages/welcome/welcome.html @@ -9,36 +9,33 @@ + + -
-

Hello

-
-
-
What is LocalCDN?
-

LocalCDN is a web browser extension that emulates Content Delivery Networks to improve your online privacy. It intercepts traffic, finds supported resources locally, and injects them into the environment. All of this happens automatically, so no prior configuration is required. Feel free to use one of our testing utilities to find out if you are properly protected. For a good start there is a short tutorial and our Wiki pages. LocalCDN supports more than 100 Libraries and 26 CDNs!

- -
-
-
-
-
Default settings
-

Please check the default settings of LocalCDN and change them if you want.

-

    -
  • Block requests for missing resources: If a website requests an external resource that LocalCDN cannot deliver, this resource will be loaded from a CDN. For maximum privacy, you can disable this in the settings.
  • -
  • Google fonts are blocked by default: If you want to load these external fonts from Google for all websites or only for certain websites, you can also change this in the settings.
  • -
-
- -
-
-
- +

Hello

+
+

What is LocalCDN?

+

LocalCDN is a web browser extension that emulates Content Delivery Networks to improve your online privacy. It intercepts traffic, finds supported resources locally, and injects them into the environment. All of this happens automatically, so no prior configuration is required. Feel free to use one of our testing utilities to find out if you are properly protected. For a good start there is a short tutorial and our Wiki pages. LocalCDN supports more than 100 Libraries and 26 CDNs!

+

Attention: Non-Firefox browsers do not support all functions of LocalCDN. Read more

+ +
+
+

Default settings

+

Please check the default settings of LocalCDN and change them if you want.

+

    +
  • Block requests for missing resources: If a website requests an external resource that LocalCDN cannot deliver, this resource will be loaded from a CDN. For maximum privacy, you can disable this in the settings.
  • +
  • Google fonts are blocked by default: If you want to load these external fonts from Google for all websites or only for certain websites, you can also change this in the settings.
  • +
+
+ +
+
+ diff --git a/pages/welcome/welcome.js b/pages/welcome/welcome.js new file mode 100644 index 00000000..0220e899 --- /dev/null +++ b/pages/welcome/welcome.js @@ -0,0 +1,35 @@ +/** + * Welcome Page + * Belongs to LocalCDN (since 2020-02-26) + * + * @author nobody + * @since 2020-03-29 + * + * @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'; + + +/** + * Welcome + */ + +var welcome = {}; + + +/** + * Private Methods + */ + +welcome._onDocumentLoaded = function () { + if (!BrowserType.FIREFOX) { + document.getElementById('chromium-banner').style.display = 'block'; + } +}; + +document.addEventListener('DOMContentLoaded', welcome._onDocumentLoaded);