overview.html 6.42 KB
Newer Older
tchou's avatar
tchou committed
1
2
3
4
5
6
7
<div id="needs">
  <h3>You need:</h3>
  <div class="row you_need">
    <div class="col-sm-6 col-md-3">
      <div class="thumbnail">
        [[!img install/inc/icons/clock.png link="no"]]
        <div class="caption">
tchou's avatar
tchou committed
8
9
          <h4>

tchou's avatar
tchou committed
10
            <span class="windows-usb linux-usb mac-usb mac-dvd">1 or 2 hours</span>
tchou's avatar
tchou committed
11
12
13
14
            <span class="debian expert">1 hour</span>
            <span class="clone">15 minutes</span>
            <br>

tchou's avatar
tchou committed
15
            <span class="windows-usb linux-usb mac-usb mac-dvd debian expert">
tchou's avatar
tchou committed
16
              <small>[[!inline pages="inc/stable_i386_iso_size_mib" raw="yes"]] to download</small><br>
sajolida's avatar
sajolida committed
17
            </span>
tchou's avatar
tchou committed
18

tchou's avatar
tchou committed
19
            <span class="windows-usb linux-usb mac-usb mac-dvd"><small>45 minutes to install</small></span>
tchou's avatar
tchou committed
20
21
            <span class="debian expert"><small>25 minutes to install</small></span>

tchou's avatar
tchou committed
22
23
24
25
          </h4>
        </div>
      </div>
    </div>
tchou's avatar
tchou committed
26
    <div class="col-sm-6 col-md-3 windows-usb linux-usb mac-usb">
tchou's avatar
tchou committed
27
28
29
      <div class="thumbnail">
        [[!img install/inc/icons/2-usb.png link="no"]]
        <div class="caption">
sajolida's avatar
sajolida committed
30
          <h4>2 USB sticks<br>
tchou's avatar
tchou committed
31
32
33
34
35
36
            <small>4 GB minimum</small> <br>
            <small>All data will be lost!</small>
          </h4>
        </div>
      </div>
    </div>
tchou's avatar
tchou committed
37
38
39
40
    <div class="col-sm-6 col-md-3 debian expert clone mac-dvd">
      <div class="thumbnail">
        [[!img install/inc/icons/1-usb.png link="no"]]
        <div class="caption">
sajolida's avatar
sajolida committed
41
          <h4>1 USB stick<br>
tchou's avatar
tchou committed
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
            <small>4 GB minimum</small> <br>
            <small>All data will be lost!</small>
          </h4>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-md-3 mac-dvd">
      <div class="thumbnail">
        [[!img install/inc/icons/1-dvd.png link="no"]]
        <div class="caption">
          <h4>1 DVD<br>
            <small>All data will be lost!</small>
          </h4>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-md-3 clone">
      <div class="thumbnail">
        [[!img install/inc/icons/1-usb.png link="no"]]
        <div class="caption">
62
          <h4>1 other Tails<br>
sajolida's avatar
sajolida committed
63
            <small>DVD or USB</small>
tchou's avatar
tchou committed
64
65
66
67
          </h4>
        </div>
      </div>
    </div>
tchou's avatar
tchou committed
68
69
70
71
    <div class="col-sm-6 col-md-3">
      <div class="thumbnail">
        [[!img install/inc/icons/screens.png link="no"]]
        <div class="caption">
sajolida's avatar
sajolida committed
72
          <h4>a smartphone<br>
tchou's avatar
tchou committed
73
            <small>
sajolida's avatar
sajolida committed
74
              another computer<br>
tchou's avatar
tchou committed
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
              or a printer
            </small>
          </h4>
        </div>
      </div>
    </div>
  </div>
</div>

<div id="steps">
  <h3>Your steps:</h3>
  <ol>
    <li>
      <h4>
        First you will
tchou's avatar
tchou committed
90
          <span class="windows-usb linux-usb mac-usb">install a temporary Tails on the first USB stick.</span>
91
          <span class="mac-dvd">burn a temporary Tails on a DVD.</span>
tchou's avatar
tchou committed
92
93
          <span class="debian expert">install a Tails on your USB stick.</span>
          <span class="clone">restart on the other Tails.</span>
tchou's avatar
tchou committed
94
95
      </h4>
      <div class="row">
tchou's avatar
tchou committed
96
        <div class="col-md-3 col-md-offset-1 windows-usb linux-usb mac-usb  mac-dvd debian expert">
tchou's avatar
tchou committed
97
98
99
100
101
102
103
104
105
106
107
          <div class="thumbnail step">
            [[!img install/inc/infography/download-and-verify.png link="no"]]
            <div class="caption">
              <h5><span class="step-number"></span>Download</h5>
            </div>
          </div>
        </div>
        <div class="col-md-3 col-md-offset-1 clone">
          <div class="thumbnail step">
            [[!img install/inc/infography/restart-on-temporary-tails.png link="no"]]
            <div class="caption">
tchou's avatar
tchou committed
108
              <h5><span class="step-number"></span>Restart</h5>
tchou's avatar
tchou committed
109
110
111
            </div>
          </div>
        </div>
tchou's avatar
tchou committed
112
        <div class="col-md-3  windows-usb linux-usb mac-usb debian expert">
tchou's avatar
tchou committed
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
          <div class="thumbnail step">
            [[!img install/inc/infography/install-temporary-tails.png link="no"]]
            <div class="caption">
              <h5>Install</h5>
            </div>
          </div>
        </div>
        <div class="col-md-3 mac-dvd">
          <div class="thumbnail step">
            [[!img install/inc/infography/insert-dvd.png link="no"]]
            <div class="caption">
              <h5>Install</h5>
            </div>
          </div>
        </div>
tchou's avatar
tchou committed
128
        <div class="col-md-2 windows-usb linux-usb mac-usb  mac-dvd debian expert">
tchou's avatar
tchou committed
129
130
131
132
133
134
135
136
137
138
139
140
          <div class="thumbnail">
            [[!img install/inc/icons/restart.png link="no"]]
            <div class="caption">
              <h5>Restart</h5>
            </div>
          </div>
        </div>
      </div>
    </li>
    <li>
      <h4>
        Then you will
tchou's avatar
tchou committed
141
142
143
144
          <span class="windows-usb linux-usb mac-usb">install the final Tails on the second USB stick.</span>
          <span class="mac-dvd">install the final Tails on your USB stick.</span>
          <span class="clone">install Tails on your USB stick.</span>
          <span class="debian expert">configure it.</span>
tchou's avatar
tchou committed
145
146
      </h4>
      <div class="row">
tchou's avatar
tchou committed
147
        <div class="col-md-3 col-md-offset-1 windows-usb linux-usb mac-usb clone">
tchou's avatar
tchou committed
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
          <div class="thumbnail step">
            [[!img install/inc/infography/clone-temporary-tails.png link="no"]]
            <div class="caption">
              <h5><span class="step-number"></span>Install </h5>
            </div>
          </div>
        </div>
        <div class="col-md-3 col-md-offset-1 mac-dvd">
          <div class="thumbnail step">
            [[!img install/inc/infography/clone-dvd.png link="no"]]
            <div class="caption">
              <h5><span class="step-number"></span>Install</h5>
            </div>
          </div>
        </div>
tchou's avatar
tchou committed
163
        <div class="col-md-2 windows-usb linux-usb mac-usb mac-dvd clone">
tchou's avatar
tchou committed
164
165
166
167
168
169
170
          <div class="thumbnail">
            [[!img install/inc/icons/restart.png link="no"]]
            <div class="caption">
              <h5>Restart</h5>
            </div>
          </div>
        </div>
tchou's avatar
tchou committed
171
172
        <div class="col-md-1 debian expert">
        </div>
tchou's avatar
tchou committed
173
174
175
176
177
178
179
180
        <div class="col-md-3">
          <div class="thumbnail step">
            [[!img install/inc/infography/create-persistence.png link="no"]]
            <div class="caption">
              <h5><span class="step-number"></span>Configure</h5>
            </div>
          </div>
        </div>
tchou's avatar
tchou committed
181
        <div class="col-md-2 ">
tchou's avatar
tchou committed
182
183
184
185
186
187
188
          <div class="thumbnail">
            [[!img install/inc/icons/restart.png link="no"]]
            <div class="caption">
              <h5>Restart</h5>
            </div>
          </div>
        </div>
tchou's avatar
tchou committed
189
190
191
      </div>
    </li>
  </ol>
sajolida's avatar
sajolida committed
192
</div>