summaryrefslogtreecommitdiff
path: root/application/basilisk/base/content/aboutaccounts/aboutaccounts.xhtml
blob: 475f0e86f97a31b7ffa8a843f81c868e0220a03b (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
109
110
111
112
<?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 % brandDTD SYSTEM "chrome://branding/locale/brand.dtd">
  %brandDTD;
  <!ENTITY % globalDTD SYSTEM "chrome://global/locale/global.dtd">
  %globalDTD;
  <!ENTITY % aboutAccountsDTD SYSTEM "chrome://browser/locale/aboutAccounts.dtd">
  %aboutAccountsDTD;
  <!ENTITY % syncBrandDTD SYSTEM "chrome://browser/locale/syncBrand.dtd">
  %syncBrandDTD;
]>

<html xmlns="http://www.w3.org/1999/xhtml" dir="&locale.dir;">
  <head>
   <title>&syncBrand.fullName.label;</title>
   <meta name="viewport" content="width=device-width"/>


   <link rel="icon" type="image/png" id="favicon"
         href="chrome://branding/content/icon32.png"/>
   <link rel="stylesheet"
     href="chrome://browser/content/aboutaccounts/normalize.css"
     type="text/css" />
   <link rel="stylesheet"
     href="chrome://browser/content/aboutaccounts/main.css"
     type="text/css" />
   <link rel="stylesheet"
     href="chrome://browser/content/aboutaccounts/aboutaccounts.css"
     type="text/css" />
  </head>
  <body>
    <div id="stage">

      <div id="manage">
        <header>
          <h1>&aboutAccounts.connected;</h1>
          <div id="email"></div>
        </header>

        <section>
            <div class="graphic graphic-sync-intro"> </div>

            <div class="button-row">
              <button id="buttonOpenPrefs" class="button" href="#" tabindex="0">&aboutAccountsConfig.syncPreferences.label;</button>
            </div>
        </section>
      </div>

      <div id="intro">
        <header>
          <h1>&aboutAccounts.welcome;</h1>
        </header>

        <section>
            <div class="graphic graphic-sync-intro"> </div>

            <div class="description">&aboutAccountsConfig.description;</div>

            <div class="button-row">
              <button id="buttonGetStarted" class="button" tabindex="1">&aboutAccountsConfig.startButton.label;</button>
            </div>

            <div class="links">
              <button id="oldsync" tabindex="2">&aboutAccountsConfig.useOldSync.label;</button>
            </div>
        </section>
      </div>

      <div id="networkError">
        <header>
          <h1>&aboutAccounts.noConnection.title;</h1>
        </header>

        <section>
            <div class="graphic graphic-sync-intro"> </div>

            <div class="description">&aboutAccounts.noConnection.description;</div>

            <div class="button-row">
              <button id="buttonRetry" class="button" tabindex="3">&aboutAccounts.noConnection.retry;</button>
            </div>
        </section>
      </div>

      <div id="configError">
        <header>
          <h1>&aboutAccounts.badConfig.title;</h1>
        </header>

        <section>
            <div class="graphic graphic-sync-intro"> </div>

            <div class="description">&aboutAccounts.badConfig.description;</div>

        </section>
      </div>

    </div>

    <iframe mozframetype="content" id="remote" />

    <script type="application/javascript;version=1.8"
      src="chrome://browser/content/utilityOverlay.js"/>
    <script type="text/javascript;version=1.8"
      src="chrome://browser/content/aboutaccounts/aboutaccounts.js" />
  </body>
</html>