summaryrefslogtreecommitdiffstats
path: root/toolkit/components/httpsonlyerror/content/errorpage.html
blob: 4f2c62f49a1c987ceb3cd234000a587130bf7003 (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
<!-- 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>
    <meta
      http-equiv="Content-Security-Policy"
      content="default-src chrome:; object-src 'none'"
    />
    <meta name="color-scheme" content="light dark" />
    <link
      rel="stylesheet"
      href="chrome://global/skin/in-content/info-pages.css"
    />
    <link
      rel="stylesheet"
      href="chrome://global/skin/aboutHttpsOnlyError.css"
    />
    <link rel="localization" href="branding/brand.ftl" />
    <link rel="localization" href="toolkit/about/aboutHttpsOnlyError.ftl" />
    <!-- If the location of the favicon is changed here, the FAVICON_ERRORPAGE_URL symbol in
         toolkit/components/places/src/nsFaviconService.h should be updated. -->
    <link rel="icon" id="favicon" href="chrome://global/skin/icons/info.svg" />
    <title data-l10n-id="about-httpsonly-title-site-not-available"></title>
  </head>
  <body>
    <main class="container">
      <div class="title">
        <h2 data-l10n-id="about-httpsonly-title-alert"></h2>
        <h1
          class="title-text"
          data-l10n-id="about-httpsonly-title-site-not-available"
        ></h1>
      </div>
      <p
        id="insecure-explanation-unavailable"
        data-l10n-id="about-httpsonly-explanation-unavailable2"
        data-l10n-args='{"websiteUrl": ""}'
      ></p>
      <p id="learn-more-container">
        <a
          id="learnMoreLink"
          target="_blank"
          data-l10n-id="about-httpsonly-link-learn-more"
        ></a>
      </p>

      <b data-l10n-id="about-httpsonly-explanation-question"></b>
      <ul>
        <li data-l10n-id="about-httpsonly-explanation-nosupport"></li>
        <li data-l10n-id="about-httpsonly-explanation-risk"></li>
      </ul>

      <p
        id="explanation-continue"
        data-l10n-id="about-httpsonly-explanation-continue"
      ></p>
      <div class="button-container">
        <button
          id="goBack"
          class="primary"
          data-l10n-id="about-httpsonly-button-go-back"
        ></button>
        <button
          id="openInsecure"
          data-l10n-id="about-httpsonly-button-continue-to-site"
        ></button>
      </div>
      <div class="suggestion-box" hidden>
        <h2 data-l10n-id="about-httpsonly-suggestion-box-header"></h2>
      </div>
    </main>
    <script src="chrome://global/content/httpsonlyerror/errorpage.js"></script>
  </body>
</html>