overview.html 8.38 KB
Newer Older
tchou's avatar
tchou committed
1
2
3
<div id="needs">
  <h3>You need:</h3>
  <div class="row you_need">
4
    <div class="col-sm-6 col-md-3 windows linux mac-usb">
tchou's avatar
tchou committed
5
6
7
      <div class="thumbnail">
        [[!img install/inc/icons/2-usb.png link="no"]]
        <div class="caption">
intrigeri's avatar
intrigeri committed
8
          <h4>2 USB sticks<br />
sajolida's avatar
sajolida committed
9
            <small>4 GB minimum</small><br />
10
            <small>All data will be lost!</small>
tchou's avatar
tchou committed
11
12
13
14
          </h4>
        </div>
      </div>
    </div>
15
16
17
18
    <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
19
          <h4>your Tails</h4>
20
21
22
        </div>
      </div>
    </div>
23
    <div class="col-sm-6 col-md-3 debian expert clone mac-dvd">
tchou's avatar
tchou committed
24
25
26
      <div class="thumbnail">
        [[!img install/inc/icons/1-usb.png link="no"]]
        <div class="caption">
intrigeri's avatar
intrigeri committed
27
          <h4>1 USB stick<br />
sajolida's avatar
sajolida committed
28
            <small>4 GB minimum</small><br />
tchou's avatar
tchou committed
29
30
31
32
33
            <small>All data will be lost!</small>
          </h4>
        </div>
      </div>
    </div>
34
35
36
37
38
    <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
39
            <small>4 GB minimum</small><br />
40
            <small>All data will be lost!</small>
41
42
43
44
          </h4>
        </div>
      </div>
    </div>
tchou's avatar
tchou committed
45
46
47
48
    <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
49
          <h4>1 DVD<br />
tchou's avatar
tchou committed
50
51
52
53
54
            <small>All data will be lost!</small>
          </h4>
        </div>
      </div>
    </div>
55
    <div class="col-sm-6 col-md-3 install-clone">
tchou's avatar
tchou committed
56
57
58
      <div class="thumbnail">
        [[!img install/inc/icons/1-usb.png link="no"]]
        <div class="caption">
intrigeri's avatar
intrigeri committed
59
          <h4>1 other Tails<br />
sajolida's avatar
sajolida committed
60
            <small>DVD or USB</small>
tchou's avatar
tchou committed
61
62
63
64
          </h4>
        </div>
      </div>
    </div>
tchou's avatar
tchou committed
65
66
67
68
69
70
71
72
73
74
75
76
77
    <div class="col-sm-6 col-md-3">
      <div class="thumbnail">
        [[!img install/inc/icons/clock.png link="no"]]
        <div class="caption">
          <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">
78
              <small>[[!inline pages="inc/stable_i386_iso_size" raw="yes"]] to download</small><br />
tchou's avatar
tchou committed
79
80
81
82
83
84
85
86
87
            </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>
          </h4>
        </div>
      </div>
    </div>
tchou's avatar
tchou committed
88
89
90
91
    <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
92
          <h4>a smartphone<br />
tchou's avatar
tchou committed
93
            <small>
sajolida's avatar
sajolida committed
94
95
96
              another computer,<br />
              or a printer<br />
              to follow the instructions
tchou's avatar
tchou committed
97
98
99
100
101
102
103
104
105
106
107
108
109
110
            </small>
          </h4>
        </div>
      </div>
    </div>
  </div>
</div>

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