summaryrefslogtreecommitdiffstats
path: root/devtools/startup/aboutdevtools/aboutdevtools.xhtml
blob: 5b0709e9a57abd88a4e984eca9cb8cdfe59a5ea3 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<?xml version="1.0" encoding="utf-8"?>
<!-- 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 [
<!ENTITY % htmlDTD PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"> %htmlDTD;
<!ENTITY % globalDTD SYSTEM "chrome://global/locale/global.dtd"> %globalDTD;
]>

<html xmlns="http://www.w3.org/1999/xhtml" dir="&locale.dir;">
<head>
  <meta http-equiv="Content-Security-Policy" content="default-src chrome:; object-src 'none'" />
  <title data-l10n-id="head-title"></title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>a
  <link rel="stylesheet" href="chrome://global/skin/in-content/common.css" type="text/css"/>
  <link rel="stylesheet" href="chrome://devtools-startup/content/aboutdevtools/aboutdevtools.css"  type="text/css"/>
  <link rel="stylesheet" href="chrome://devtools-startup/content/aboutdevtools/subscribe.css"  type="text/css"/>
  <script src="chrome://devtools-startup/content/aboutdevtools/aboutdevtools.js"></script>
  <script src="chrome://devtools-startup/content/aboutdevtools/subscribe.js"></script>
  <link rel="localization" href="devtools/startup/aboutDevTools.ftl" />
</head>
<body>
  <div id="install-page" class="wrapper" hidden="true">
    <div class="box">
      <div class="left-pane" />
      <div class="right-pane">
        <h1 class="title" id="common-title" hidden="true" data-l10n-id="enable-title"></h1>
        <h1 class="title" id="inspect-title" hidden="true" data-l10n-id="enable-inspect-element-title"></h1>

        <!-- Include all the possible message, hidden by default
             as we can't lazily load localized strings from dtd -->
        <p id="about-debugging-message" hidden="true" data-l10n-id="enable-about-debugging-message"></p>
        <p id="menu-message" hidden="true" data-l10n-id="enable-menu-message"></p>
        <p id="key-shortcut-message" hidden="true" data-l10n-id="enable-key-shortcut-message"></p>
        <p id="inspect-element-message" hidden="true" data-l10n-id="enable-inspect-element-message"></p>

        <p data-l10n-id="enable-common-message"></p>
        <a class="external installpage-link" href="https://developer.mozilla.org/docs/Tools" target="_blank" data-l10n-id="enable-learn-more-link"></a>
        <div class="buttons-container">
          <button class="primary" id="install" data-l10n-id="enable-enable-button"></button>
          <button id="close" data-l10n-id="enable-close-button"></button>
        </div>
      </div>
    </div>
  </div>

  <!-- This page, hidden by default is displayed once the add-on is installed -->
  <div id="welcome-page" class="wrapper" hidden="true">
    <div class="box">
      <div class="left-pane" />
      <div class="right-pane">
        <h1 class="title" data-l10n-id="welcome-title"></h1>
        <!-- The welcome message is dynamically updated with a keyboard shortcut at
             runtime and added in aboutdevtools.js -->
        <p id="welcome-message"></p>

        <!-- Form dedicated to the newsletter subscription -->
        <div class="newsletter">
          <h2 class="newsletter-title" data-l10n-id="newsletter-title"></h2>
          <p data-l10n-id="newsletter-message"></p>

          <form id="newsletter-form" name="newsletter-form" action="https://www.mozilla.org/en-US/newsletter/" method="post">
            <!-- "H" stands for the HTML format (->fmt). Alternative is T for text. -->
            <input type="hidden" id="fmt" name="fmt" value="H" />
            <!-- "app-dev" is the id of the Mozilla Developper newsletter -->
            <input type="hidden" id="newsletters" name="newsletters" value="app-dev" />
            <div id="newsletter-errors"></div>
            <section id="newsletter-email" class="newsletter-form-section">
              <input type="email" id="email" name="email" required="true" data-l10n-id="newsletter-email-placeholder" data-l10n-attrs="placeholder" />
            </section>

            <section id="newsletter-privacy" class="newsletter-form-section">
              <input type="checkbox" id="privacy" name="privacy" required="true" />
              <label for="privacy" data-l10n-id="newsletter-privacy-label">
                <a class="external" href="https://www.mozilla.org/privacy/" data-l10n-name="privacy-policy"></a>
              </label>
            </section>
            <button type="submit" id="newsletter-submit" class="primary" data-l10n-id="newsletter-subscribe-button"></button>
          </form>
          <div id="newsletter-thanks">
            <h2 class="newsletter-title" data-l10n-id="newsletter-thanks-title"></h2>
            <p data-l10n-id="newsletter-thanks-message"></p>
          </div>
        </div>
      </div>
    </div>

    <div class="features">
      <ul class="features-list">
      </ul>
    </div>

    <footer>
      <img class="dev-edition-logo"
           src="chrome://devtools-startup/content/aboutdevtools/images/dev-edition-logo.svg"
           alt="" />
      <div class="footer-message">
        <h1 class="footer-message-title" data-l10n-id="footer-title"></h1>
        <p data-l10n-id="footer-message"></p>
        <a class="external footer-link"
           href="https://www.mozilla.org/firefox/developer/"
           target="_blank" data-l10n-id="footer-learn-more-link"></a>
      </div>
    </footer>
  </div>

</body>
</html>