Compare revisions

45b0cd89 · 45b0cd89 · 45b0cd89 · 45b0cd89 · 45b0cd89 · 45b0cd89
--- a/pages/welcome/welcome.html
+++ b/pages/welcome/welcome.html
+<!DOCTYPE html>
+
+<html lang="en">
+
+    <head>
+
+        <title>Decentraleyes v3.0 - What's New?</title>
+
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta charset="utf-8">
+
+        <link rel="shortcut icon" href="../shared/resources/images/icons/extension/favicon.ico" type="image/x-icon">
+        <link rel="icon" href="../shared/resources/images/icons/extension/favicon.ico" type="image/x-icon">
+
+        <link rel="stylesheet" type="text/css" href="welcome.css">
+
+        <script defer type="module" src="../shared/resources/images/icons/default.js"></script>
+        <script defer src="../shared/resources/scripts/fontawesome.min.js"></script>
+
+    </head>
+
+    <body>
+
+        <script type="module" src="welcome.js"></script>
+
+        <div id="wrapper">
+
+            <header>
+
+                <div class="wrapper-icon">
+
+                    <div id="icon-accent" class="accent-icon">
+                        <img id="icon" class="icon hidden" src="../shared/resources/images/icons/extension/regular.svg" alt="">
+                    </div>
+
+                </div>
+
+                <div class="heading">
+                    <img id="logotype" class="logotype hidden" src="../shared/resources/images/logotype.svg" alt="Decentraleyes">
+                    <div id="version-label" class="label-version hidden">v3.0</div>
+                </div>
+
+            </header>
+
+            <section class="content">
+
+                <div id="first-item" class="item">
+
+                    <div class="header-item">
+
+                        <div class="icon-item icon-item-gray">
+                            <i class="fa fa-lg fa-cube"></i>
+                        </div>
+
+                        <div class="title-item">A Fully Fresh Foundation</div>
+
+                    </div>
+
+                    <div class="body-item">
+                        <p>The extension has been completely overhauled to allow it to take advantage of the latest web technologies, as well as to ensure continued compatibility with modern web browsers.</p>
+                    </div>
+
+                </div>
+
+                <div id="second-item" class="item">
+
+                    <div class="header-item">
+
+                        <div class="icon-item icon-item-green">
+                            <i class="fa fa-lg fa-battery-three-quarters"></i>
+                        </div>
+
+                        <div class="title-item">Easier on Your Battery</div>
+
+                    </div>
+
+                    <div class="body-item">
+                        <p>Supported web browsers can now pause and resume the extension's background activity, at any given moment, in order to conserve system resources and reduce battery usage.</p>
+                    </div>
+
+                </div>
+
+            </section>
+
+            <footer id="footer">
+
+                <a class="button button-website" href="https://decentraleyes.org/" target="_blank">
+                    <i class="fa fa-globe" data-fa-transform="grow-2 down-.5"></i>
+                    <span>Website</span>
+                </a>
+
+                <a class="button button-gitlab" href="https://git.synz.io/Synzvato/decentraleyes" target="_blank">
+                    <i class="fa fa-gitlab" data-fa-transform="grow-2 down-.5"></i>
+                    <span>GitLab</span>
+                </a>
+
+                <a class="button button-donate" href="https://decentraleyes.org/donate/" target="_blank">
+                    <i class="fa fa-donate" data-fa-transform="grow-2 down-.5"></i>
+                    <span>Donate</span>
+                </a>
+
+                <a class="button button-author" href="https://synz.io/" target="_blank">
+                    <i class="fa fa-user-circle" data-fa-transform="grow-2 down-.5"></i>
+                    <span>Author</span>
+                </a>
+
+            </footer>
+
+        </div>
+
+    </body>
+
+</html>
--- a/pages/welcome/welcome.js
+++ b/pages/welcome/welcome.js
+/**
+ * Welcome Page
+ * Belongs to Decentraleyes.
+ *
+ * @author      Thomas Rientjes
+ * @since       2024-11-11
+ * @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/.
+ */
+
+/**
+ * Private Functions
+ */
+
+const _animateHeaderElements = () => {
+
+    document.querySelector('#icon').classList.add('animated');
+    document.querySelector('#icon-accent').classList.add('animated');
+    document.querySelector('#logotype').classList.add('animated');
+    document.querySelector('#version-label').classList.add('animated');
+};
+
+const _animateContentElements = () => {
+
+    document.querySelector('#first-item').classList.add('animated');
+    document.querySelector('#second-item').classList.add('animated');
+};
+
+const _animateFooterElement = () => {
+    document.querySelector('#footer').classList.add('animated');
+};
+
+/**
+ * Event Handlers
+ */
+
+const _onDocumentVisible = () => {
+
+    window.scrollTo(0, 0);
+
+    _animateHeaderElements();
+    _animateContentElements();
+    _animateFooterElement();
+};
+
+/**
+ * Initializations
+ */
+
+document.addEventListener('DOMContentLoaded', () => {
+
+    if (document.visibilityState === 'visible') {
+        _onDocumentVisible();
+    } else {
+
+        document.addEventListener('visibilitychange', () => {
+
+            if (document.visibilityState === 'visible') {
+                _onDocumentVisible();
+            }
+        });
+    }
+});
--- a/data/resources/angularjs/1.0.1/angular.min.js.dec
+++ b/data/resources/angularjs/1.0.1/angular.min.js.dec
-@/*
+/*
 AngularJS v1.0.1
 (c) 2010-2012 Google, Inc. http://angularjs.org
 License: MIT

--- a/data/resources/angularjs/1.0.2/angular.min.js.dec
+++ b/data/resources/angularjs/1.0.2/angular.min.js.dec
-@/*
+/*
 AngularJS v1.0.2
 (c) 2010-2012 Google, Inc. http://angularjs.org
 License: MIT

--- a/data/resources/angularjs/1.0.3/angular.min.js.dec
+++ b/data/resources/angularjs/1.0.3/angular.min.js.dec
-@/*
+/*
 AngularJS v1.0.3
 (c) 2010-2012 Google, Inc. http://angularjs.org
 License: MIT

--- a/data/resources/angularjs/1.0.4/angular.min.js.dec
+++ b/data/resources/angularjs/1.0.4/angular.min.js.dec
-@/*
+/*
 AngularJS v1.0.4
 (c) 2010-2012 Google, Inc. http://angularjs.org
 License: MIT

--- a/data/resources/angularjs/1.0.5/angular.min.js.dec
+++ b/data/resources/angularjs/1.0.5/angular.min.js.dec
-@/*
+/*
 AngularJS v1.0.5
 (c) 2010-2012 Google, Inc. http://angularjs.org
 License: MIT

--- a/data/resources/angularjs/1.0.6/angular.min.js.dec
+++ b/data/resources/angularjs/1.0.6/angular.min.js.dec
-@/*
+/*
 AngularJS v1.0.6
 (c) 2010-2012 Google, Inc. http://angularjs.org
 License: MIT

--- a/data/resources/angularjs/1.0.8/angular.min.js.dec
+++ b/data/resources/angularjs/1.0.8/angular.min.js.dec
-@/*
+/*
 AngularJS v1.0.8
 (c) 2010-2012 Google, Inc. http://angularjs.org
 License: MIT

--- a/data/resources/angularjs/1.2.0/angular.min.js.dec
+++ b/data/resources/angularjs/1.2.0/angular.min.js.dec
-@/*
+/*
 AngularJS v1.2.0
 (c) 2010-2012 Google, Inc. http://angularjs.org
 License: MIT

--- a/data/resources/angularjs/1.2.1/angular.min.js.dec
+++ b/data/resources/angularjs/1.2.1/angular.min.js.dec
-@/*
+/*
 AngularJS v1.2.1
 (c) 2010-2012 Google, Inc. http://angularjs.org
 License: MIT

--- a/data/resources/angularjs/1.2.10/angular.min.js.dec
+++ b/data/resources/angularjs/1.2.10/angular.min.js.dec
-@/*
+/*
 AngularJS v1.2.10
 (c) 2010-2014 Google, Inc. http://angularjs.org
 License: MIT

--- a/data/resources/angularjs/1.2.15/angular.min.js.dec
+++ b/data/resources/angularjs/1.2.15/angular.min.js.dec
-@/*
+/*
 AngularJS v1.2.15
 (c) 2010-2014 Google, Inc. http://angularjs.org
 License: MIT

--- a/data/resources/angularjs/1.2.16/angular.min.js.dec
+++ b/data/resources/angularjs/1.2.16/angular.min.js.dec
-@/*
+/*
 AngularJS v1.2.16
 (c) 2010-2014 Google, Inc. http://angularjs.org
 License: MIT

--- a/data/resources/angularjs/1.2.20/angular.min.js.dec
+++ b/data/resources/angularjs/1.2.20/angular.min.js.dec
-@/*
+/*
 AngularJS v1.2.20
 (c) 2010-2014 Google, Inc. http://angularjs.org
 License: MIT

--- a/data/resources/angularjs/1.2.23/angular.min.js.dec
+++ b/data/resources/angularjs/1.2.23/angular.min.js.dec
-@/*
+/*
 AngularJS v1.2.23
 (c) 2010-2014 Google, Inc. http://angularjs.org
 License: MIT

--- a/data/resources/angularjs/1.2.26/angular.min.js.dec
+++ b/data/resources/angularjs/1.2.26/angular.min.js.dec
-@/*
+/*
 AngularJS v1.2.26
 (c) 2010-2014 Google, Inc. http://angularjs.org
 License: MIT

--- a/data/resources/angularjs/1.2.28/angular.min.js.dec
+++ b/data/resources/angularjs/1.2.28/angular.min.js.dec
-@/*
+/*
 AngularJS v1.2.28
 (c) 2010-2014 Google, Inc. http://angularjs.org
 License: MIT

--- a/data/resources/angularjs/1.2.29/angular.min.js.dec
+++ b/data/resources/angularjs/1.2.29/angular.min.js.dec
-@/*
+/*
 AngularJS v1.2.29
 (c) 2010-2014 Google, Inc. http://angularjs.org
 License: MIT

--- a/data/resources/angularjs/1.3.0/angular.min.js.dec
+++ b/data/resources/angularjs/1.3.0/angular.min.js.dec
-@/*
+/*
 AngularJS v1.3.0
 (c) 2010-2014 Google, Inc. http://angularjs.org
 License: MIT
No results found