Skip to content
This repository was archived by the owner on Nov 6, 2023. It is now read-only.

Commit fb8f62a

Browse files
zoraconzoracon
authored
New Feature: Upboarding page (#18993)
* Add Extension Update page - Add EFF branding - Adjust text - adjust styling * Revert mistaken formatting * Point to urls for GIF content - Figuring out a way to cut down load on GIF
1 parent 24f8de6 commit fb8f62a

File tree

9 files changed

+101
-0
lines changed

9 files changed

+101
-0
lines changed

‎chromium/background-scripts/background.js‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -933,6 +933,21 @@ chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
933933
}
934934
});
935935

936+
/**
937+
* @description Upboarding event for visual changelog
938+
*/
939+
chrome.runtime.onInstalled.addListener(async ({reason, temporary}) => {
940+
if (temporary) return;
941+
switch (reason) {
942+
case "update":
943+
{
944+
const url = chrome.runtime.getURL("pages/onboarding/updated.html");
945+
await chrome.tabs.create({ url });
946+
}
947+
break;
948+
}
949+
});
950+
936951
/**
937952
* Clear any cache/ blacklist we have.
938953
*/

‎chromium/background-scripts/modules/on_before.js‎

Whitespace-only changes.

‎chromium/images/eff-logo-monogram-red.png‎

1.54 KB
Loading

‎chromium/images/onboarding/add_disabled_site.gif‎

738 KB
Loading

‎chromium/images/onboarding/ease_badssl.gif‎

579 KB
Loading

‎chromium/images/onboarding/httpseverywhere-logo.png‎

13.7 KB
Loading

‎chromium/pages/onboarding/style.css‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
:root {
2+
--https-blue: #0a84ff;
3+
--darker-blue: #0060df;
4+
--text-main: #000;
5+
--text-secondary: #464646;
6+
--light-grey: #ececec;
7+
}
8+
9+
body {
10+
align-content: center;
11+
background-color: var(--light-grey);
12+
color: var(--text-main);
13+
display: flex;
14+
flex-direction: column;
15+
flex-wrap: wrap;
16+
font-family: 'Lucida Grande', 'Segoe UI', Tahoma, 'DejaVu Sans', Arial, sans-serif;
17+
justify-content: center;
18+
}
19+
20+
img {
21+
width: 100%;
22+
}
23+
img.footer_img {
24+
width: 15%;
25+
}
26+
27+
h1.description {
28+
text-align: center;
29+
}
30+
31+
.updates_header {
32+
text-align: center;
33+
}
34+
.updates_details {
35+
margin: 18px;
36+
padding: 1%;
37+
}
38+
39+
footer {
40+
margin: 18px 0;
41+
text-align: center;
42+
}

‎chromium/pages/onboarding/updated.html‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<!doctype html>
2+
<html class="no-js" lang="">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<title>What's Updated</title>
7+
<meta name="description" content="Updates">
8+
<meta name="viewport" content="width=device-width, initial-scale=1">
9+
<link rel="stylesheet" href="style.css">
10+
<link rel="icon" href="/images/icons/icon-active-38.png">
11+
</head>
12+
13+
<body>
14+
<header>
15+
<img src="/images/onboarding/httpseverywhere-logo.png" alt="HTTPS Everywhere">
16+
</header>
17+
<h1 class="description" data-i18n="onboarding_intro"></h1>
18+
<section class="updates">
19+
<h1 class="updates_header" data-i18n="onboarding_header"></h1>
20+
<hr>
21+
<div class="updates_details">
22+
<h2 class="updates_details_list" data-i18n="onboarding_details_one"></h2>
23+
<img src="https://raw.githubusercontent.com/EFForg/https-everywhere/master/chromium/images/onboarding/ease_badssl.gif" alt="EASE Mode GIF Demo" aria-hidden="true"/>
24+
</div>
25+
<div class="updates_details">
26+
<h2 class="updates_details_list" data-i18n="onboarding_details_two"></h2>
27+
<img src="https://raw.githubusercontent.com/EFForg/https-everywhere/master/chromium/images/onboarding/add_disabled_site.gif" alt="Options GIF Demo" aria-hidden="true"/>
28+
</div>
29+
</section>
30+
<footer>
31+
<img class="footer_img" src="/images/eff-logo-monogram-red.png" alt="EFF Logo" aria-hidden="true"/>
32+
<p data-i18n="onboarding_footer"></p>
33+
</footer>
34+
35+
<script src="../translation.js"></script>
36+
</body>
37+
38+
</html>

‎src/chrome/locale/en/https-everywhere.dtd‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -49,6 +49,12 @@
4949
<!ENTITY https-everywhere.cancel.open_page "Open insecure page">
5050
<!ENTITY https-everywhere.cancel.http_once "Open insecure page for this session only">
5151

52+
<!ENTITY https-everywhere.onboarding.intro "Encrypt the Web! Automatically use HTTPS security on many sites.">
53+
<!ENTITY https-everywhere.onboarding.header "Changes with version 3.9.2020">
54+
<!ENTITY https-everywhere.onboarding.details_one "EASE Mode Optimized">
55+
<!ENTITY https-everywhere.onboarding.details_two "You can now whitelist sites to disable in HTTPS Everywhere">
56+
<!ENTITY https-everywhere.onboarding.footer "HTTPS Everywhere is an EFF project">
57+
5258
<!ENTITY https-everywhere.chrome.settings_for_this_site_header "Settings for this site">
5359
<!ENTITY https-everywhere.chrome.settings_for_this_site_subheader "Change your preferences for encrypted connections">
5460
<!ENTITY https-everywhere.chrome.settings_for_this_site_explained "As you browse different websites, you can change your preferences for each website">

0 commit comments

Comments
 (0)