download.inline.mdwn 8.44 KB
Newer Older
sajolida's avatar
sajolida committed
1
<div id="download-and-verify">
tchou's avatar
tchou committed
2
  <div id="extension-version">0.1.0</div>
tchou's avatar
tchou committed
3

tchou's avatar
tchou committed
4 5 6 7 8 9
  <div id="undetected-browser">
    <p>We failed to detect your browser vendor, maybe because JavaScript is disabled.</p>
    <p>You can download and verify the ISO image via:</p>
    <div class="row download-options">
      <div class="col-md-6 extension">
        <h2>Browser extension</h2>
10 11 12 13
        <p>for Firefox <span class="minver-firefox">38.0.1</span>+ or
           Tor Browser <span class="minver-tor">5</span>+</p>
        <a href="?override=firefox" class="btn btn-lg btn-primary browser-override">I'm already in Firefox or Tor Browser</a>
        <p>Or copy and paste this link in Firefox or Tor Browser:</p>
tchou's avatar
tchou committed
14 15 16 17
        <code>https://tails.boum.org/download</code>
      </div>
      <div class="col-md-6 bittorrent">
        <h2>BitTorrent</h2>
tchou's avatar
tchou committed
18
        <a href='[[!inline pages="inc/stable_i386_torrent_url" raw="yes"]]' class="btn btn-lg btn-primary">Download Torrent file</a>
tchou's avatar
tchou committed
19
      </div>
tchou's avatar
tchou committed
20 21 22
    </div>
  </div>

tchou's avatar
tchou committed
23 24 25 26 27
  <div id="unsupported-browser">
    <p>You can download and verify the ISO image via:</p>
    <div class="row download-options">
      <div class="col-md-6 extension">
        <h2>Browser extension</h2>
28 29
        <p>for Firefox <span class="minver-firefox">38.0.1</span>+ or
           Tor Browser <span class="minver-tor">5</span>+</p>
30 31 32
        <p id="unsupported-firefox">You are running Firefox <span class="current-firefox">1.0</span>.
        Please update to Firefox <span class="minver-firefox">38.0.1</span>, Tor Browser <span class="minver-tor">5</span>, or newer and visit this link:</p>
        <p id="unsupported-other">Copy and paste this link in Firefox or Tor Browser:</p>
tchou's avatar
tchou committed
33 34 35 36
        <code>https://tails.boum.org/download</code>
      </div>
      <div class="col-md-6 bittorrent">
        <h2>BitTorrent</h2>
tchou's avatar
tchou committed
37
        <a href='[[!inline pages="inc/stable_i386_torrent_url" raw="yes"]]' class="btn btn-lg btn-primary">Download Torrent file</a>
tchou's avatar
tchou committed
38
      </div>
tchou's avatar
tchou committed
39 40 41
    </div>
  </div>

tchou's avatar
tchou committed
42 43 44 45 46 47 48 49 50 51 52 53 54 55
  <div id="supported-browser">
    <div id="use">
      <p>We detected that you are running Firefox or Tor Browser and already have our Firefox extension installed.</p>
      <a id="use-button" href="" class="btn btn-lg btn-primary clearfix">
        <span id="use-button-label" class="pull-left">Use Firefox extension</span>
        <div id="use-button-state" class="pull-right">
          <span class="label label-default state already">Already installed</span>
        </div>
      </a>
      <div id="use-text" class="btn btn-lg disabled clearfix">
        <span id="use-text-label" class="pull-left">Use Firefox extension</span>
        <div id="use-text-state" class="pull-right">
          <span class="label label-success state done">Done</span>
        </div>
tchou's avatar
tchou committed
56
      </div>
tchou's avatar
tchou committed
57
    </div>
tchou's avatar
tchou committed
58 59
    <div id="update">
      <p>We detected that you are running Firefox of Tor Browser but have an outdated version of our Firefox extension.</p>
60
      <a id="update-button" href="https://maone.net/dev/tails/dave.xpi" class="btn btn-lg btn-primary clearfix">
tchou's avatar
tchou committed
61 62 63 64 65 66 67 68 69 70
        <span id="update-button-label" class="pull-left">Update Firefox extension</span>
        <div id="update-state" class="pull-right">
          <span class="label label-default state restartless">No restart</span>
        </div>
      </a>
      <div id="update-text" class="btn btn-lg disabled clearfix">
        <span id="update-button-label" class="pull-left">Update Firefox extension</span>
        <div id="update-text-state" class="pull-right">
          <span class="label label-success state done">Done</span>
        </div>
tchou's avatar
tchou committed
71
      </div>
tchou's avatar
tchou committed
72 73 74 75
    </div>
    <div id="install">
      <p>We detected that you are running Firefox or Tor Browser.</p>
      <p>You can download and verify the ISO image via our Firefox extension.</p>
76
      <a id="install-button" href="https://maone.net/dev/tails/dave.xpi" class="btn btn-lg btn-primary clearfix">
tchou's avatar
tchou committed
77 78 79 80 81 82 83 84 85 86
        <span id="install-button-label" class="pull-left">Install Firefox extension</span>
        <div id="install-button-state" class="pull-right">
          <span class="label label-default state restartless">No restart</span>
        </div>
      </a>
      <div id="install-text" class="btn btn-lg disabled clearfix">
        <span id="install-text-label" class="pull-left">Install Firefox extension</span>
        <div id="install-text-state" class="pull-right">
          <span class="label label-success state done">Done</span>
        </div>
tchou's avatar
tchou committed
87 88
      </div>
    </div>
sajolida's avatar
sajolida committed
89
    <p id="bittorrent-minor">or <a href='[[!inline pages="inc/stable_i386_torrent_url" raw="yes"]]'>Download via BitTorrent</a></p>
tchou's avatar
tchou committed
90
  </div>
tchou's avatar
tchou committed
91

tchou's avatar
tchou committed
92
  <a id="i_have_iso" href="" title="Select an ISO image to verify">I already have an ISO image.</a>
tchou's avatar
tchou committed
93 94

  <div id="download">
tchou's avatar
tchou committed
95 96
  <a id="download-button" href='[[!inline pages="inc/stable_i386_iso_url" raw="yes"]]' class="btn btn-lg btn-primary clearfix iso-url">
      <span id="download-button-label" class="pull-left">Download Tails <span class="iso-version">[[!inline pages="inc/stable_i386_version" raw="yes"]]</span> ISO image
97
        <small id="download-button-size" class="iso-url-text">(<span class="iso-size-MiB">$SIZE</span>)</small>
tchou's avatar
tchou committed
98 99 100 101
      </span>
      <div id="download-button-state" class="pull-right">
        <span id="download-button-state-retry" class="label label-warning">Retry</span>
        <span id="download-button-state-resume" class="label label-info">Resume</span>
tchou's avatar
tchou committed
102 103
      </div>
    </a>
tchou's avatar
tchou committed
104 105
    <div id="download-text" class="btn btn-lg clearfix">
  <div id="download-text-left" class="pull-left clearfix">
tchou's avatar
tchou committed
106
      <div id="download-text-label" class="pull-left">Download Tails <span class="iso-version">[[!inline pages="inc/stable_i386_version" raw="yes"]]</span> ISO image
tchou's avatar
tchou committed
107
      <small id="download-eta">
sajolida's avatar
sajolida committed
108
        <span class="speed-KBs">$SPEED</span> KB/s &mdash; <span class="downloaded-MiB">$DOWNLOADED</span>/<span class="iso-size-MiB">$SIZE</span> MiB, <span class="eta-mins">$ETA</span> minutes left
tchou's avatar
tchou committed
109
      </small>
tchou's avatar
tchou committed
110
      </div>
tchou's avatar
tchou committed
111
      <div id="download-progress" class="progress">
112
        <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="$PROGRESS" aria-valuemin="0" aria-valuemax="100" style="width: $PROGRESS">
sajolida's avatar
sajolida committed
113
          <span class="sr-only"><span class="progress-label">$PROGRESS</span> complete</span>
114
          <span class="progress-label">$PROGRESS</span>
tchou's avatar
tchou committed
115 116
        </div>
      </div>
sajolida's avatar
sajolida committed
117
      <small id="download-path">Downloading to <span class="download-path">$PATH</span></small>
tchou's avatar
tchou committed
118
  </div>
tchou's avatar
tchou committed
119 120 121 122 123
      <div id="download-text-state" class="pull-right">
        <span id='download-text-pause'>
  Pause</span>
        <span id ="download-text-done" class="label label-success state">Done</span>
        <span id ="download-text-failed" class="label label-warning state">Failed</span>
tchou's avatar
tchou committed
124
      </div>
tchou's avatar
tchou committed
125
    </div>
tchou's avatar
tchou committed
126 127 128
    <div id="download-message">
  <div id="download-message-paused">
  <p>The download as been paused. Click "resume" to go on.</p>
tchou's avatar
tchou committed
129
  </div>
tchou's avatar
tchou committed
130 131
  <div id="download-message-failed">
  <p>The download of the ISO image failed! Please check your network connection and try to resume...</p>
tchou's avatar
tchou committed
132
  </div>
tchou's avatar
tchou committed
133
    </div>
tchou's avatar
tchou committed
134
  </div>
tchou's avatar
tchou committed
135 136 137 138

  <div id="verify">
    <div id="verify-text" class="btn btn-lg clearfix">
  <div class="pull-left">
tchou's avatar
tchou committed
139 140 141
      <div id="verify-text-label">Verify ISO image</div>
      <small id="verify-text-calculating">Computing SHA-256 checksum for <span class="verify-file-path"></span>...</small>
      <div id="verify-text-computed-hash" class="iso-computed-hash"></div>
tchou's avatar
tchou committed
142 143
   </div>
  <div id="verify-text-state" class="pull-right">
144
      <span id="verify-text-state-calculating" class="state calculating label label-info"><span class="verify-progress">$PROGRESS</span></span>
tchou's avatar
tchou committed
145 146
      <span id="verify-text-state-done" class="state success label label-success">Done</span>
      <span id="verify-text-state-failed" class="state failed label label-danger">Failed</span>
tchou's avatar
tchou committed
147

tchou's avatar
tchou committed
148
  </div>
tchou's avatar
tchou committed
149 150
    </div>
    <div id="verify-text-success" class="bg-success">
tchou's avatar
tchou committed
151
      <p>If you are knowledgeable about OpenPGP, you can do additional verification using the <a href='[[!inline pages="inc/stable_i386_iso_sig_url" raw="yes"]]'>OpenPGP signature</a>.
tchou's avatar
tchou committed
152 153 154
      <a href="">Learn how to do that</a></p>
      <a href="" class="btn btn-lg btn-primary">Next <span>Copy ISO image on first USB stick</span></a>
    </div>
tchou's avatar
tchou committed
155

tchou's avatar
tchou committed
156 157 158 159 160 161
    <div id="verify-text-failure" class="bg-warning">
      <p>The verification of the ISO image failed! Please try to download again&hellip;</p>
    </div>
    <div id="verify-text-failure-again" class="bg-danger">
      <p>The verification of the ISO image failed again! Please try to download again from a different place or a different computer&hellip;</p>
    </div>
tchou's avatar
tchou committed
162
  </div>
163
</div>