overview.html 9.33 KB
Newer Older
1

tchou's avatar
tchou committed
2
<div id="overview">
3
  <h2>overview</h2>
tchou's avatar
tchou committed
4
5
</div>

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

            [[!toggle id="why_two" text="Why 2?"]]</small>
36
          </h4>
37
38
39
40
41

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

            [[!toggle id="why_extra" text="Why?"]]</small>
65
          </h4>
66
67
68
69
70
71

            [[!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
72
73
74
        </div>
      </div>
    </div>
75
    <div class="col-xs-6 col-sm-3 mac-dvd">
tchou's avatar
tchou committed
76
      <div class="thumbnail">
77
        [[!img install/inc/icons/1-dvd.png link="no" alt=""]]
tchou's avatar
tchou committed
78
        <div class="caption">
intrigeri's avatar
intrigeri committed
79
          <h4>1 DVD<br />
tchou's avatar
tchou committed
80
81
82
83
84
            <small>All data will be lost!</small>
          </h4>
        </div>
      </div>
    </div>
85
    <div class="col-xs-6 col-sm-3">
tchou's avatar
tchou committed
86
      <div class="thumbnail">
87
        [[!img install/inc/icons/clock.png link="no" alt=""]]
tchou's avatar
tchou committed
88
        <div class="caption">
tchou's avatar
tchou committed
89
90
91
92
93
94
95
96
97
          <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">
98
              <small>[[!inline pages="inc/stable_i386_iso_size" raw="yes"]] to download</small><br />
tchou's avatar
tchou committed
99
100
101
102
103
            </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
104
105
106
107
          </h4>
        </div>
      </div>
    </div>
108
    <div class="col-xs-6 col-sm-3">
tchou's avatar
tchou committed
109
      <div class="thumbnail">
110
        [[!img install/inc/icons/screens.png link="no" alt=""]]
tchou's avatar
tchou committed
111
        <div class="caption">
intrigeri's avatar
intrigeri committed
112
          <h4>a smartphone<br />
tchou's avatar
tchou committed
113
            <small>
sajolida's avatar
sajolida committed
114
115
116
              another computer,<br />
              or a printer<br />
              to follow the instructions
tchou's avatar
tchou committed
117
118
119
120
121
122
123
124
125
            </small>
          </h4>
        </div>
      </div>
    </div>
  </div>
</div>

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