overview.html 8.88 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>

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

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

20
            <span class="windows linux mac-usb mac-dvd"><small>45 minutes to install</small></span>
tchou's avatar
tchou committed
21
            <span class="debian expert"><small>25 minutes to install</small></span>
22
            <span class="upgrade-tails"><small>20 minutes to upgrade</small></span>
tchou's avatar
tchou committed
23
24
25
26
          </h4>
        </div>
      </div>
    </div>
27
    <div class="col-sm-6 col-md-3 windows linux mac-usb">
tchou's avatar
tchou committed
28
29
30
      <div class="thumbnail">
        [[!img install/inc/icons/2-usb.png link="no"]]
        <div class="caption">
intrigeri's avatar
intrigeri committed
31
          <h4>2 USB sticks<br />
sajolida's avatar
sajolida committed
32
33
            <small>4 GB minimum</small><br />
            <small>All data will be lost!<br />
34
            [[!toggle id="why_two" text="Why 2?"]]</small>
35
36

            [[!toggleable id="why_two" text="""
37
            [[!toggle id="why_two" text="X"]]
38
39
            [[!inline pages="install/inc/router/why_two.inline" raw="yes"]]
            """]]
tchou's avatar
tchou committed
40
41
42
43
          </h4>
        </div>
      </div>
    </div>
44
45
46
47
    <div class="col-sm-6 col-md-3 upgrade-clone upgrade-tails">
      <div class="thumbnail">
        [[!img install/inc/icons/1-usb.png link="no"]]
        <div class="caption">
sajolida's avatar
sajolida committed
48
          <h4>your Tails</h4>
49
50
51
        </div>
      </div>
    </div>
52
    <div class="col-sm-6 col-md-3 debian expert clone mac-dvd">
tchou's avatar
tchou committed
53
54
55
      <div class="thumbnail">
        [[!img install/inc/icons/1-usb.png link="no"]]
        <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 />
tchou's avatar
tchou committed
58
59
60
61
62
            <small>All data will be lost!</small>
          </h4>
        </div>
      </div>
    </div>
63
64
65
66
67
    <div class="col-sm-6 col-md-3 upgrade-tails">
      <div class="thumbnail">
        [[!img install/inc/icons/1-usb.png link="no"]]
        <div class="caption">
          <h4>1 USB stick<br />
sajolida's avatar
sajolida committed
68
69
            <small>4 GB minimum</small><br />
            <small>All data will be lost!<br />
70
            [[!toggle id="why_extra" text="Why?"]]</small>
71
72

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

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