overview.html 9.2 KB
Newer Older
1

tchou's avatar
tchou committed
2
<div id="needs">
3
  <h3>You will need</h3>
sajolida's avatar
sajolida committed
4
  <div class="row">
sajolida's avatar
sajolida committed
5
    <div class="col-xs-12 col-sm-3 upgrade-clone upgrade-tails">
tchou's avatar
tchou committed
6
      <div class="thumbnail">
7
        [[!img install/inc/icons/1-usb.png link="no" alt=""]]
tchou's avatar
tchou committed
8
        <div class="caption">
sajolida's avatar
sajolida committed
9
          <h4>Your Tails</h4>
tchou's avatar
tchou committed
10
11
12
        </div>
      </div>
    </div>
sajolida's avatar
sajolida committed
13
    <div class="col-xs-12 col-sm-3 install-clone upgrade-clone">
tchou's avatar
tchou committed
14
      <div class="thumbnail">
15
        [[!img install/inc/icons/1-usb.png link="no"]]
tchou's avatar
tchou committed
16
        <div class="caption">
17
18
          <h4>1 other Tails<br />
            <small>DVD or USB</small>
tchou's avatar
tchou committed
19
20
21
22
          </h4>
        </div>
      </div>
    </div>
sajolida's avatar
sajolida committed
23
    <div class="col-xs-12 col-sm-3 windows linux mac-usb">
24
      <div class="thumbnail">
25
        [[!img install/inc/icons/2-usb.png link="no" alt=""]]
26
        <div class="caption">
27
28
          <h4>2 USB sticks<br />
            <small>4 GB minimum</small><br />
29
30
31
            <small>All data will be lost!<br />

            [[!toggle id="why_two" text="Why 2?"]]</small>
32
          </h4>
33
34
35
36
37

            [[!toggleable id="why_two" text="""
            [[!toggle id="why_two" text="X"]]
            [[!inline pages="install/inc/router/why_two.inline" raw="yes"]]
            """]]
38
39
40
        </div>
      </div>
    </div>
sajolida's avatar
sajolida committed
41
    <div class="col-xs-12 col-sm-3 debian expert install-clone mac-dvd">
tchou's avatar
tchou committed
42
      <div class="thumbnail">
43
        [[!img install/inc/icons/1-usb.png link="no" alt=""]]
tchou's avatar
tchou committed
44
        <div class="caption">
intrigeri's avatar
intrigeri committed
45
          <h4>1 USB stick<br />
sajolida's avatar
sajolida committed
46
            <small>4 GB minimum</small><br />
tchou's avatar
tchou committed
47
48
            <small>All data will be lost!</small>
          </h4>
49
50
51
        </div>
      </div>
    </div>
sajolida's avatar
sajolida committed
52
    <div class="col-xs-12 col-sm-3 upgrade-tails">
tchou's avatar
tchou committed
53
      <div class="thumbnail">
54
        [[!img install/inc/icons/1-usb.png link="no" alt=""]]
tchou's avatar
tchou committed
55
        <div class="caption">
intrigeri's avatar
intrigeri committed
56
          <h4>1 USB stick<br />
sajolida's avatar
sajolida committed
57
            <small>4 GB minimum</small><br />
58
59
60
            <small>All data will be lost!<br />

            [[!toggle id="why_extra" text="Why?"]]</small>
61
          </h4>
62
63
64
65
66
67

            [[!toggleable id="why_extra" text="""
            [[!toggle id="why_extra" text="X"]]
            [[!inline pages="install/inc/router/why_extra.inline" raw="yes"]]
            """]]

tchou's avatar
tchou committed
68
69
70
        </div>
      </div>
    </div>
sajolida's avatar
sajolida committed
71
    <div class="col-xs-12 col-sm-3 mac-dvd">
tchou's avatar
tchou committed
72
      <div class="thumbnail">
73
        [[!img install/inc/icons/1-dvd.png link="no" alt=""]]
tchou's avatar
tchou committed
74
        <div class="caption">
intrigeri's avatar
intrigeri committed
75
          <h4>1 DVD<br />
tchou's avatar
tchou committed
76
77
78
79
80
            <small>All data will be lost!</small>
          </h4>
        </div>
      </div>
    </div>
sajolida's avatar
sajolida committed
81
    <div class="col-xs-12 col-sm-3">
tchou's avatar
tchou committed
82
      <div class="thumbnail">
83
        [[!img install/inc/icons/clock.png link="no" alt=""]]
tchou's avatar
tchou committed
84
        <div class="caption">
tchou's avatar
tchou committed
85
86
87
88
89
90
91
92
93
          <h4>

            <span class="windows linux mac-usb mac-dvd">2 hours</span>
            <span class="debian expert">1½ hour</span>
            <span class="install-clone">½ hour</span>
            <span class="upgrade-clone">¼ hour</span>
            <br />

            <span class="windows linux mac-usb mac-dvd debian expert upgrade-tails">
94
              <small>[[!inline pages="inc/stable_i386_iso_size" raw="yes"]] to download</small><br />
tchou's avatar
tchou committed
95
96
97
98
99
            </span>

            <span class="windows linux mac-usb mac-dvd"><small>1 hour to install</small></span>
            <span class="debian expert"><small>½ hour to install</small></span>
            <span class="upgrade-tails"><small>½ hour to upgrade</small></span>
tchou's avatar
tchou committed
100
101
102
103
          </h4>
        </div>
      </div>
    </div>
sajolida's avatar
sajolida committed
104
    <div class="col-xs-12 col-sm-3">
tchou's avatar
tchou committed
105
      <div class="thumbnail">
106
        [[!img install/inc/icons/screens.png link="no" alt=""]]
tchou's avatar
tchou committed
107
        <div class="caption">
intrigeri's avatar
intrigeri committed
108
          <h4>a smartphone<br />
tchou's avatar
tchou committed
109
            <small>
sajolida's avatar
sajolida committed
110
111
112
              another computer,<br />
              or a printer<br />
              to follow the instructions
tchou's avatar
tchou committed
113
114
115
116
117
118
119
120
121
            </small>
          </h4>
        </div>
      </div>
    </div>
  </div>
</div>

<div id="steps">
tchou's avatar
tchou committed
122
  <h3>Your steps</h3>
tchou's avatar
tchou committed
123
124
125
  <ol>
    <li>
      <h4>
sajolida's avatar
sajolida committed
126
127
128
129
130
131
        First you will
          <span class="windows linux mac-usb">install an intermediary Tails on the first USB stick.</span>
          <span class="mac-dvd">burn an intermediary Tails on a DVD.</span>
          <span class="debian expert">install a Tails on your USB stick.</span>
          <span class="install-clone upgrade-clone">restart on the other Tails.</span>
          <span class="upgrade-tails">install and upgrade an intermediary Tails.</span>
tchou's avatar
tchou committed
132
133
      </h4>
      <div class="row">
sajolida's avatar
sajolida committed
134
        <div class="col-xs-12 col-sm-3 windows linux mac-usb mac-dvd debian expert upgrade-tails">
sajolida's avatar
sajolida committed
135
          <div class="thumbnail">
136
            [[!img install/inc/infography/download-and-verify.png link="no" alt="ISO image downloaded and verified"]]
tchou's avatar
tchou committed
137
            <div class="caption">
sajolida's avatar
sajolida committed
138
              <h5>Download</h5>
tchou's avatar
tchou committed
139
140
141
            </div>
          </div>
        </div>
sajolida's avatar
sajolida committed
142
        <div class="col-xs-12 col-sm-3 install-clone upgrade-clone">
sajolida's avatar
sajolida committed
143
          <div class="thumbnail">
144
            [[!img install/inc/infography/restart-on-intermediary-tails.png link="no" alt="Computer restarted on USB stick on the left"]]
tchou's avatar
tchou committed
145
            <div class="caption">
sajolida's avatar
sajolida committed
146
              <h5>Restart</h5>
tchou's avatar
tchou committed
147
148
149
            </div>
          </div>
        </div>
sajolida's avatar
sajolida committed
150
        <div class="col-xs-12 col-sm-3 windows linux mac-usb debian expert">
sajolida's avatar
sajolida committed
151
          <div class="thumbnail">
152
            [[!img install/inc/infography/install-intermediary-tails.png link="no" alt="ISO image installed on USB stick on the left"]]
tchou's avatar
tchou committed
153
154
155
156
157
            <div class="caption">
              <h5>Install</h5>
            </div>
          </div>
        </div>
sajolida's avatar
sajolida committed
158
        <div class="col-xs-12 col-sm-3 upgrade-tails">
sajolida's avatar
sajolida committed
159
          <div class="thumbnail">
160
            [[!img install/inc/infography/install-upgrade-usb.png link="no" alt="Tails installed on USB stick on the left"]]
161
162
163
164
165
            <div class="caption">
              <h5>Install</h5>
            </div>
          </div>
        </div>
sajolida's avatar
sajolida committed
166
        <div class="col-xs-12 col-sm-3 mac-dvd">
sajolida's avatar
sajolida committed
167
          <div class="thumbnail">
168
            [[!img install/inc/infography/insert-dvd.png link="no" alt="DVD inserted"]]
tchou's avatar
tchou committed
169
170
171
172
173
            <div class="caption">
              <h5>Install</h5>
            </div>
          </div>
        </div>
sajolida's avatar
sajolida committed
174
        <div class="col-xs-12 col-sm-3 upgrade-tails">
sajolida's avatar
sajolida committed
175
          <div class="thumbnail">
176
            [[!img install/inc/infography/upgrade-upgrade-usb.png link="no" alt="ISO image installed on USB stick on the left"]]
177
178
179
180
181
            <div class="caption">
              <h5>Upgrade</h5>
            </div>
          </div>
        </div>
sajolida's avatar
sajolida committed
182
        <div class="col-xs-12 col-sm-3 windows linux mac-usb mac-dvd debian expert">
tchou's avatar
tchou committed
183
          <div class="thumbnail">
184
            [[!img install/inc/infography/restart.png link="no" alt=""]]
tchou's avatar
tchou committed
185
186
187
188
189
190
191
192
193
            <div class="caption">
              <h5>Restart</h5>
            </div>
          </div>
        </div>
      </div>
    </li>
    <li>
      <h4>
sajolida's avatar
sajolida committed
194
195
196
197
198
199
        Then you will
          <span class="windows linux 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="install-clone">install Tails on your USB stick.</span>
          <span class="debian expert">configure it.</span>
          <span class="upgrade-clone upgrade-tails">upgrade your Tails.</span>
tchou's avatar
tchou committed
200
201
      </h4>
      <div class="row">
sajolida's avatar
sajolida committed
202
        <div class="col-xs-12 col-sm-3 upgrade-tails">
203
          <div class="thumbnail">
204
            [[!img install/inc/infography/restart.png link="no" alt=""]]
205
206
207
208
209
            <div class="caption">
              <h5>Restart</h5>
            </div>
          </div>
        </div>
sajolida's avatar
sajolida committed
210
        <div class="col-xs-12 col-sm-3 windows linux mac-usb upgrade-tails upgrade-clone install-clone">
sajolida's avatar
sajolida committed
211
          <div class="thumbnail">
212
            [[!img install/inc/infography/clone-intermediary-tails.png link="no" alt="Tails installed on USB stick on the right"]]
tchou's avatar
tchou committed
213
            <div class="caption">
214
              <h5>
215
                <span class="install-clone windows linux mac-usb">Install</span>
216
217
                <span class="upgrade">Upgrade</span>
              </h5>
tchou's avatar
tchou committed
218
219
220
            </div>
          </div>
        </div>
sajolida's avatar
sajolida committed
221
        <div class="col-xs-12 col-sm-3 mac-dvd">
sajolida's avatar
sajolida committed
222
          <div class="thumbnail">
223
            [[!img install/inc/infography/clone-dvd.png link="no" alt="Tails installed on USB stick on the right"]]
tchou's avatar
tchou committed
224
            <div class="caption">
sajolida's avatar
sajolida committed
225
              <h5>Install</h5>
tchou's avatar
tchou committed
226
227
228
            </div>
          </div>
        </div>
sajolida's avatar
sajolida committed
229
        <div class="col-xs-12 col-sm-3 windows linux mac-usb mac-dvd install-clone">
tchou's avatar
tchou committed
230
          <div class="thumbnail">
231
            [[!img install/inc/infography/restart.png link="no" alt=""]]
tchou's avatar
tchou committed
232
233
234
235
236
            <div class="caption">
              <h5>Restart</h5>
            </div>
          </div>
        </div>
sajolida's avatar
sajolida committed
237
        <div class="col-xs-12 col-sm-3 windows linux mac-usb mac-dvd install-clone debian expert">
sajolida's avatar
sajolida committed
238
          <div class="thumbnail">
239
            [[!img install/inc/infography/create-persistence.png link="no" alt="Encryption configured on USB stick on the right"]]
tchou's avatar
tchou committed
240
            <div class="caption">
sajolida's avatar
sajolida committed
241
              <h5>Configure</h5>
tchou's avatar
tchou committed
242
243
244
            </div>
          </div>
        </div>
sajolida's avatar
sajolida committed
245
        <div class="col-xs-12 col-sm-3">
tchou's avatar
tchou committed
246
          <div class="thumbnail">
247
            [[!img install/inc/infography/restart.png link="no" alt=""]]
tchou's avatar
tchou committed
248
249
250
251
252
            <div class="caption">
              <h5>Restart</h5>
            </div>
          </div>
        </div>
tchou's avatar
tchou committed
253
254
255
      </div>
    </li>
  </ol>
sajolida's avatar
sajolida committed
256
</div>