download_2.inline.html 3.49 KB
Newer Older
1
2
3
<div class="row">

  <div class="col-md-6"> <!-- Direct download -->
4
5
    <h2>Direct download</h2>

6
7
    <div class="supported-browser no-js">
      <h3><span class="step-number">1.</span>Download Tails</h3>
8
      <a id="direct-download" class="btn btn-primary indent">Download Tails 3.1 ISO image (1.2 GB)</a>
9

10
11
12
13
14
15
16
17
18
19
      <div id="step-verify-direct">
        <h3><span class="step-number">2.</span>Verify your download using your browser</h3>
        <div class="caution indent">
          <p><b>For your security, always verify your download!</b><br/>
                Our browser extension makes it quick and easy.</p>
          <p><a>Why?</a></p>
        </div>
        <p class="supported-browser"><a class="btn btn-primary indent">Install <u>Tails verification</u> extension (no restart)</a></p>
        <p class="no-js"><a class="btn btn-primary indent">Install extension for <u>Firefox and Tor Browser</u> (no restart)</a></p>
        <p class="no-js"><a class="btn btn-primary indent">Install extension for <u>Chrome and Chromium</u> (no restart)</a></p>
20
21
      </div>

22
23
24
25
26
27
28
29
30
31
32
33
      <div id="step-continue-direct">
        <h3><span class="step-number">3.</span>Continue installing</h3>
      </div>
      <div id="skip-download-direct">
        <a class="indent">Skip download</a>
      </div>
      <div id="skip-verification-direct">
        <a class="indent">Skip verification</a>
      </div>
      <div id="next-direct">
        <a class="btn btn-primary indent">Next</a>
      </div>
sajolida's avatar
sajolida committed
34
    </div>
35

sajolida's avatar
sajolida committed
36
    <div class="outdated-browser unsupported-browser">
sajolida's avatar
sajolida committed
37
38
39
      <p>You are using <u><b><span id="detected-browser">$DETECTED-BROWSER</span></b></u>.</p>
      <p>Direct download is only available for:</p>
      <ul>
sajolida's avatar
sajolida committed
40
41
42
        <li>Firefox <span class="minver-firefox">$MINVER-FIREFOX</span> and later (<a>Download</a>)</li>
        <li>Chrome and Chromium <span class="minver-chrome">$MINVER-CHROME</span> and later (<a>Download</a>)</li>
        <li>Tor Browser <span class="minver-tor-browser">$MINVER-TOR-BROWSER</span> and later (<a>Download</a>)</li>
sajolida's avatar
sajolida committed
43
      </ul>
44
45
46
47
48
49
    </div>
    <div class="outdated-browser">
      <p>Please update your browser to the latest version.</p>
    </div>
    <div class="unsupported-browser">
      <div class="caution">
sajolida's avatar
sajolida committed
50
        <p><b>For your security, always verify your download!</b><br/>
sajolida's avatar
sajolida committed
51
              Our browser extension for Firefox, Chrome, Chromium, and Tor Browser makes this quick and easy.</p>
sajolida's avatar
sajolida committed
52
        <p><a>Why?</a></p>
sajolida's avatar
sajolida committed
53
54
55
      </div>
      <p>Copy and paste this link in Firefox, Chrome, Chromium, or Tor Browser:</p>
      <p>https://tails.boum.org/install/download/</p>
sajolida's avatar
sajolida committed
56
    </div>
57
  </div>
58
59
60

  <div class="col-md-6"> <!-- BitTorrent download -->
    <h2>BitTorrent download</h2>
sajolida's avatar
sajolida committed
61
    <a>What is BitTorrent?</a>
62

63
    <h3><span class="step-number">1.</span>Download Tails (Torrent file)</h3>
sajolida's avatar
sajolida committed
64
    <a class="btn btn-primary indent">Download Tails 3.1 Torrent file</a>
65

66
67
68
69
    <div id="step-verify-bittorrent">
      <h3><span class="step-number">2.</span>Verify your download using BitTorrent</h3>
      <p class="indent">Your BitTorrent client will automatically verify your download when it is complete.</p>
    </div>
70

71
72
73
74
75
76
77
78
79
80
81
82
    <div id="step-continue-bittorrent">
      <h3><span class="step-number">3.</span>Continue installing</h3>
    </div>
    <div id="skip-download-bittorrent">
      <a class="indent">Skip download</a>
    </div>
    <div id="skip-verification-bittorrent">
      <a class="indent">Skip verification</a>
    </div>
    <div id="next-bittorrent">
      <a class="btn btn-primary indent">Next</a>
    </div>
83
  </div>
84

85
</div>