Improved: Welcome page

This commit is contained in:
nobody 2021-03-30 06:31:59 +02:00
parent 5da2842008
commit acd4881dc1
No known key found for this signature in database
GPG Key ID: 8F6DE3D614FCFD7A
5 changed files with 65 additions and 28 deletions

View File

@ -1,3 +1,7 @@
h2 {
color: #5a8f79;
}
a { a {
background: url('../../icons/link-dark.svg') no-repeat right center; background: url('../../icons/link-dark.svg') no-repeat right center;
background-size: 10px 10px; background-size: 10px 10px;

View File

@ -148,6 +148,7 @@ hr {
margin-right: auto; margin-right: auto;
max-width: 750px; max-width: 750px;
text-align: left; text-align: left;
padding-bottom: 2em;
} }
.logo { .logo {

View File

@ -25,7 +25,7 @@
New in LocalCDN: New in LocalCDN:
</div> </div>
<ul> <ul>
<li></li> <li>Improved: Welcome page</li>
</ul> </ul>
<div id="generator-section"> <div id="generator-section">
<div class="topic-label"> <div class="topic-label">

View File

@ -9,21 +9,20 @@
<link rel="stylesheet" type="text/css" href="../style.css"> <link rel="stylesheet" type="text/css" href="../style.css">
<link rel="stylesheet" type="text/css" href="../base.css"> <link rel="stylesheet" type="text/css" href="../base.css">
<link rel="stylesheet" type="text/css" href="welcome.css"> <link rel="stylesheet" type="text/css" href="welcome.css">
<script src="../../core/constants.js"></script>
<script src="welcome.js"></script>
</head> </head>
<body> <body>
<img src="../images/logo.svg" alt="LocalCDN" class="logo"/> <img src="../images/logo.svg" alt="LocalCDN" class="logo"/>
<div class="container">
<h1>Hello</h1> <h1>Hello</h1>
<div class="notice"> <div class="notice">
<div class="subtle-hint"> <h2>What is LocalCDN?</h2>
<div class="topic-label">What is LocalCDN?</div>
<p>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 <a href="https://www.localcdn.org/test/" rel="nofollow noopener noreferrer">testing utilities</a> to find out if you are properly protected. For a good start there is a short <a href="https://www.localcdn.org/tutorial" rel="nofollow noopener noreferrer">tutorial</a> and our <a href="https://codeberg.org/nobody/LocalCDN/wiki" rel="nofollow noopener noreferrer">Wiki pages</a>. LocalCDN supports more than 100 Libraries and 26 CDNs!</p> <p>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 <a href="https://www.localcdn.org/test/" rel="nofollow noopener noreferrer">testing utilities</a> to find out if you are properly protected. For a good start there is a short <a href="https://www.localcdn.org/tutorial" rel="nofollow noopener noreferrer">tutorial</a> and our <a href="https://codeberg.org/nobody/LocalCDN/wiki" rel="nofollow noopener noreferrer">Wiki pages</a>. LocalCDN supports more than 100 Libraries and 26 CDNs!</p>
<p id="chromium-banner">Attention: Non-Firefox browsers do not support all functions of LocalCDN. <a class="no-icon" href="../help/help.html#non-firefox">Read more</a></p>
<a id="donate" class="no-icon" href="../donate/donate.html">If you like LocalCDN, I would be happy about a small donation.</a> <a id="donate" class="no-icon" href="../donate/donate.html">If you like LocalCDN, I would be happy about a small donation.</a>
</div> </div>
</div>
<div class="notice"> <div class="notice">
<div class="subtle-hint"> <h2>Default settings</h2>
<div class="topic-label">Default settings</div>
<p>Please check the default settings of LocalCDN and change them if you want.<p> <p>Please check the default settings of LocalCDN and change them if you want.<p>
<ul> <ul>
<li><strong>Block requests for missing resources:</strong> 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.</li> <li><strong>Block requests for missing resources:</strong> 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.</li>
@ -33,12 +32,10 @@
<input type="submit" value="Open settings" /> <input type="submit" value="Open settings" />
</form> </form>
</div> </div>
</div>
<div class="btn-panel"> <div class="btn-panel">
<a class="btn btn-gitlab" href="https://codeberg.org/nobody/LocalCDN" target="_blank" rel="noopener noreferrer"><span class="btn-text">Source Code @Codeberg</span></a> <a class="btn btn-gitlab" href="https://codeberg.org/nobody/LocalCDN" target="_blank" rel="noopener noreferrer"><span class="btn-text">Source Code @Codeberg</span></a>
<a class="btn btn-contact" href="https://www.localcdn.org/contact" rel="noopener noreferrer"><span class="btn-text">Contact</span></a> <a class="btn btn-contact" href="https://www.localcdn.org/contact" rel="noopener noreferrer"><span class="btn-text">Contact</span></a>
<a class="btn btn-testing-utility" href="https://www.localcdn.org/test/" rel="noopener noreferrer"><span class="btn-text">Testing Utilities</span></a> <a class="btn btn-testing-utility" href="https://www.localcdn.org/test/" rel="noopener noreferrer"><span class="btn-text">Testing Utilities</span></a>
</div> </div>
</div>
</body> </body>
</html> </html>

35
pages/welcome/welcome.js Normal file
View File

@ -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);