mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-08 04:09:03 +02:00
f8f531d202
The data included in the `Reader:AddButton` message used by SaveToPocket.jsm is slightly modified, as it now includes a localization identifier rather than a preformatted label. Differential Revision: https://phabricator.services.mozilla.com/D158575
113 lines
5.3 KiB
HTML
113 lines
5.3 KiB
HTML
<!-- 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/. -->
|
||
|
||
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<title id="reader-title"></title>
|
||
<meta http-equiv="Content-Security-Policy" content="default-src chrome:; img-src data: *; media-src *; object-src 'none'" />
|
||
<meta content="text/html; charset=UTF-8" http-equiv="content-type" />
|
||
<meta name="viewport" content="width=device-width; user-scalable=0" />
|
||
<link rel="stylesheet" href="chrome://global/skin/aboutReader.css" type="text/css"/>
|
||
<link rel="stylesheet" href="chrome://global/skin/aboutReaderPocket.css" type="text/css"/>
|
||
<link rel="localization" href="toolkit/about/aboutReader.ftl"/>
|
||
<link rel="localization" href="browser/branding/brandings.ftl"/>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="top-anchor"></div>
|
||
|
||
<div id="toolbar" class="toolbar-container">
|
||
<div class="toolbar reader-toolbar">
|
||
<div class="reader-controls">
|
||
<button class="close-button toolbar-button" aria-labelledby="toolbar-close" data-telemetry-id="reader-close">
|
||
<span class="hover-label" id="toolbar-close" data-l10n-id="about-reader-toolbar-close"></span>
|
||
</button>
|
||
<ul class="dropdown style-dropdown">
|
||
<li>
|
||
<button class="dropdown-toggle toolbar-button style-button" aria-labelledby="toolbar-type-controls" data-telemetry-id="reader-type-controls">
|
||
<span class="hover-label" id="toolbar-type-controls" data-l10n-id="about-reader-toolbar-type-controls"></span>
|
||
</button>
|
||
</li>
|
||
<li class="dropdown-popup">
|
||
<div class="dropdown-arrow"></div>
|
||
<div class="font-type-buttons radiorow"></div>
|
||
<div class="font-size-buttons buttonrow">
|
||
<button class="minus-button" data-l10n-id="about-reader-toolbar-minus"></button>
|
||
<span class="font-size-value"></span>
|
||
<button class="plus-button" data-l10n-id="about-reader-toolbar-plus"></button>
|
||
</div>
|
||
<div class="content-width-buttons buttonrow">
|
||
<button class="content-width-minus-button" data-l10n-id="about-reader-toolbar-contentwidthminus"></button>
|
||
<span class="content-width-value"></span>
|
||
<button class="content-width-plus-button" data-l10n-id="about-reader-toolbar-contentwidthplus"></button>
|
||
</div>
|
||
<div class="line-height-buttons buttonrow">
|
||
<button class="line-height-minus-button" data-l10n-id="about-reader-toolbar-lineheightminus"></button>
|
||
<span class="line-height-value"></span>
|
||
<button class="line-height-plus-button" data-l10n-id="about-reader-toolbar-lineheightplus"></button>
|
||
</div>
|
||
<div class="color-scheme-buttons radiorow"></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container">
|
||
<div class="header reader-header">
|
||
<a class="domain reader-domain"></a>
|
||
<div class="domain-border"></div>
|
||
<h1 class="reader-title"></h1>
|
||
<div class="credits reader-credits"></div>
|
||
<div class="meta-data">
|
||
<div class="reader-estimated-time"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<hr>
|
||
|
||
<div class="content">
|
||
<div class="moz-reader-content"></div>
|
||
</div>
|
||
|
||
<div>
|
||
<div class="reader-message"></div>
|
||
</div>
|
||
<div aria-owns="toolbar"></div>
|
||
</div>
|
||
|
||
<div id="pocket-cta-container" hidden>
|
||
<div class="pocket-cta-inner" id="pocket-cta-only">
|
||
<div class="pocket-cta">
|
||
<header class="pocket-cta-header">Save anything from across the web in Pocket, your personal library.</header>
|
||
<p class="pocket-cta-subhead">As part of the Firefox family, Pocket provides a quiet, calm space that’s perfect for reading. It strips away all the distractions of the internet so you can really focus.</p>
|
||
<a href="https://getpocket.com/signup?utm_source=firefox_reader&utm_medium=variant_cta_only" class="pocket-btn pocket-sign-up"><strong>Sign up</strong> - it’s free</a>
|
||
<a href="https://getpocket.com/explore?utm_source=firefox_reader&utm_medium=variant_cta_only" class="pocket-btn pocket-discover-more"><strong>Discover more</strong></a>
|
||
</div>
|
||
<button class="pocket-dismiss-cta" title="Dismiss"></button>
|
||
</div>
|
||
|
||
<div class="pocket-cta-inner" id="pocket-cta-and-recs">
|
||
<div class="pocket-recs-top">
|
||
<div class="col">
|
||
<header class="pocket-cta-header">Discover the most thought-provoking stories out there, curated by Pocket.</header>
|
||
<p class="pocket-cta-subhead">As part of the Firefox family, Pocket surfaces the best articles out there—new perspectives, intriguing deep-dives, timeless classics—and we do this with the same dedication to privacy you’ve come to expect from Firefox and Mozilla. </p>
|
||
</div>
|
||
<div class="col">
|
||
<button class="pocket-collapse-recs"></button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pocket-recs"></div>
|
||
|
||
<div class="pocket-sign-up-wrapper">
|
||
<a href="https://getpocket.com/explore?utm_source=firefox_reader&utm_medium=variant_cta_plus_recs" class="pocket-btn pocket-sign-up"><strong>Discover more</strong></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
|
||
</html>
|