Commit 8202bb02 authored by sajolida's avatar sajolida
Browse files

Basic HTML for download page on supported browser

parent 3ec46a21
[[!meta title="Download and verify"]]
[[!meta stylesheet="bootstrap.min" rel="stylesheet" title=""]]
[[!meta stylesheet="install/inc/stylesheets/assistant" rel="stylesheet" title=""]]
[[!meta stylesheet="install/inc/stylesheets/dave_2" rel="stylesheet" title=""]]
[[!meta stylesheet="install/inc/stylesheets/steps" rel="stylesheet" title=""]]
[[!meta stylesheet="install/inc/stylesheets/download-only" rel="stylesheet" title=""]]
[[!meta script="install/inc/js/dave"]]
[[!inline pages="install/inc/steps/download_2.inline" raw="yes" sort="age"]]
<div class="row"> <!-- Step 0: Direct or BitTorrent -->
<div class="col-md-6">
<h2>Direct download</h2>
</div>
<div class="col-md-6">
<h2>BitTorrent download</h2>
<a href="">What is BitTorrent?</a>
</div>
</div>
<div class="row"> <!-- Step 1: Download -->
<div class="col-md-6">
<h3><span class="step-number">1.</span>Download Tails</h3>
<a href="" class="btn btn-lg btn-primary indent">Download Tails 3.1 ISO image (1.2 GB)</a>
</div>
<div class="col-md-6">
<h3><span class="step-number">1.</span>Download Tails (Torrent file)</h3>
<a href="" class="btn btn-lg btn-primary indent">Download Tails 3.1 Torrent file</a>
</div>
</div>
<div class="row"> <!-- Step 2: Verify -->
<div class="col-md-6 supported-browser">
<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 href="">Why?</a></p>
</div>
<a href="" class="btn btn-lg btn-primary indent">Install <u>Tails verification</u> extension (no restart)</a>
</div>
<div class="col-md-6">
<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>
</div>
<div class="row"> <!-- Step 3: Continue -->
<div class="col-md-6">
<h3><span class="step-number">3.</span>Continue installing</h3>
<a href="" class="indent">Skip download</a>
</div>
<div class="col-md-6">
<h3><span class="step-number">3.</span>Continue installing</h3>
<a href="" class="indent">Skip download</a>
</div>
</div>
.supported-browser { display: inline-block !important; }
.supported-browser {
display: none;
}
#content {
padding-left: 0 !important;
}
.btn {
color: white !important;
background: #0a0;
border: none;
}
span.step-number {
display: inline-block;
width: 30px;
}
.indent {
margin-left: 30px !important;
}
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