Commit 6930883a authored by sajolida's avatar sajolida
Browse files

Merge branch 'web/9385-download-and-verify-css' into web/assistant (#9385)

parents 4ba3d397 98de3328
[[!meta stylesheet="bootstrap" rel="stylesheet" title=""]]
[[!meta stylesheet="install/inc/stylesheets/assistant" rel="stylesheet" title=""]]
[[!meta stylesheet="install/inc/stylesheets/download" rel="stylesheet" title=""]]
[[!meta title="Download and verify"]]
<div id="download-and-verify">
<div id="extension-version">1.0</div>
<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>
<p>(for Firefox, Tor Browser, or Chrome)</p>
<a href="" class="btn btn-lg btn-primary">I'm already in Firefox or Tor Broswer</a>
<a href="" class="btn btn-lg btn-primary">I'm already in Chrome</a>
<p>Or copy and paste this link in Firefox, Tor Browser, or Chrome:</p>
<code>https://tails.boum.org/download</code>
</div>
<div class="col-md-6 bittorrent">
<h2>BitTorrent</h2>
<a href="[[!inline pages="inc/stable_i386_torrent_url" raw="yes"]]" class="btn btn-lg btn-primary">Download Torrent file</a>
</div>
</div>
</div>
<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>
<p>(for Firefox, Tor Browser, or Chrome)</p>
<p>Copy and paste this link in Firefox, Tor Browser, or Chrome:</p>
<code>https://tails.boum.org/download</code>
</div>
<div class="col-md-6 bittorrent">
<h2>BitTorrent</h2>
<a href="[[!inline pages="inc/stable_i386_torrent_url" raw="yes"]]" class="btn btn-lg btn-primary">Download Torrent file</a>
</div>
</div>
</div>
<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>
</div>
</div>
<div id="update">
<p>We detected that you are running Firefox of Tor Browser but have an outdated version of our Firefox extension.</p>
<a id="update-button" href="" class="btn btn-lg btn-primary clearfix">
<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>
</div>
</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>
<a id="install-button" href="" class="btn btn-lg btn-primary clearfix">
<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>
</div>
</div>
<p id="bittorrent-minor">or <a href="[[!inline pages="inc/stable_i386_torrent_url" raw="yes"]]" >Download via BitTorrent</a></p>
</div>
<a id="i_have_iso" href="">I already have an ISO image.</a>
<div id="download">
<a id="download-button" href="[[!inline pages="inc/stable_i386_iso_url" raw="yes"]]" class="btn btn-lg btn-primary clearfix">
<span id="download-button-label" class="pull-left">Download Tails [[!inline pages="inc/stable_i386_version" raw="yes"]] ISO image
<small id="download-button-size" >[[!inline pages="inc/stable_i386_iso_size" raw="yes"]]</small>
</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>
</div>
</a>
<div id="download-text" class="btn btn-lg clearfix">
<div id="download-text-left" class="pull-left clearfix">
<div id="download-text-label" class="pull-left">Download Tails[[!inline pages="inc/stable_i386_version" raw="yes"]] ISO image
<small id="download-eta">
240 Ko/s - 360,7/[[!inline pages="inc/stable_i386_iso_size" raw="yes"]], 10 minutes left
</small>
</div>
<div id="download-progress" class="progress">
<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
<span class="sr-only">45% Complete</span>
45%
</div>
</div>
<small id="download-path">Downloading to /home/amnesia/Tor Browser/tails-i386-1.3.2.iso</small>
</div>
<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>
</div>
</div>
<div id="download-message">
<div id="download-message-paused">
<p>The download as been paused. Click "resume" to go on.</p>
</div>
<div id="download-message-failed">
<p>The download of the ISO image failed! Please check your network connection and try to resume...</p>
</div>
</div>
</div>
<div id="verify">
<div id="verify-text" class="btn btn-lg clearfix">
<div class="pull-left">
<span id="verify-text-label">Verify ISO image</span>
<small id="verify-text-calculating">Calculating SHA-256 checksum...</small>
</div>
<div id="verify-text-state" class="pull-right">
<span id="verify-text-state-calculating" class="state calculating label label-info">Calculating</span>
<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>
</div>
</div>
<div id="verify-text-success" class="bg-success">
<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>.
<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>
<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>
</div>
</div>
\ No newline at end of file
h1 {
margin-bottom: 50px;
}
h2 {
color: black;
padding: 10px;
border-bottom: 10px solid black;
}
#pagebody a.btn {
color: white;
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment