overview.html 6.78 KB
Newer Older
1

tchou's avatar
tchou committed
2
<div id="needs">
sajolida's avatar
sajolida committed
3
  <h3>You need</h3>
sajolida's avatar
sajolida committed
4
  <div class="row">
sajolida's avatar
sajolida committed
5
6
7
8
9
10
    <div class="col-xs-12 col-sm-3">
      <div class="thumbnail">
        [[!img install/inc/icons/clock.png link="no" alt=""]]
        <div class="caption">
          <h4>

11
            <span class="windows linux mac-usb mac-dvd debian expert upgrade-tails">1½ hours in total</span>
sajolida's avatar
sajolida committed
12
13
14
15
16
17
18
19
            <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">
              <small>[[!inline pages="inc/stable_amd64_iso_size" raw="yes" sort="age"]] to download</small><br />
            </span>

20
            <span class="windows linux mac-usb mac-dvd debian expert"><small>½ hour to install</small></span>
sajolida's avatar
sajolida committed
21
22
23
24
25
            <span class="upgrade-tails"><small>½ hour to upgrade</small></span>
          </h4>
        </div>
      </div>
    </div>
sajolida's avatar
sajolida committed
26
    <div class="col-xs-12 col-sm-3 upgrade-clone upgrade-tails">
tchou's avatar
tchou committed
27
      <div class="thumbnail">
28
        [[!img install/inc/icons/1-usb.png link="no" alt=""]]
tchou's avatar
tchou committed
29
        <div class="caption">
sajolida's avatar
sajolida committed
30
          <h4>Your Tails</h4>
tchou's avatar
tchou committed
31
32
33
        </div>
      </div>
    </div>
sajolida's avatar
sajolida committed
34
    <div class="col-xs-12 col-sm-3 install-clone upgrade-clone">
tchou's avatar
tchou committed
35
      <div class="thumbnail">
36
        [[!img install/inc/icons/1-usb.png link="no"]]
tchou's avatar
tchou committed
37
        <div class="caption">
38
39
          <h4>1 other Tails<br />
            <small>DVD or USB</small>
tchou's avatar
tchou committed
40
41
42
43
          </h4>
        </div>
      </div>
    </div>
44
    <div class="col-xs-12 col-sm-3 windows linux mac-usb debian expert install-clone mac-dvd">
tchou's avatar
tchou committed
45
      <div class="thumbnail">
46
        [[!img install/inc/icons/1-usb.png link="no" alt=""]]
tchou's avatar
tchou committed
47
        <div class="caption">
intrigeri's avatar
intrigeri committed
48
          <h4>1 USB stick<br />
49
            <small>8 GB minimum</small><br />
tchou's avatar
tchou committed
50
51
            <small>All data will be lost!</small>
          </h4>
52
53
54
        </div>
      </div>
    </div>
sajolida's avatar
sajolida committed
55
    <div class="col-xs-12 col-sm-3 upgrade-tails">
tchou's avatar
tchou committed
56
      <div class="thumbnail">
57
        [[!img install/inc/icons/1-usb.png link="no" alt=""]]
tchou's avatar
tchou committed
58
        <div class="caption">
intrigeri's avatar
intrigeri committed
59
          <h4>1 USB stick<br />
60
            <small>8 GB minimum</small><br />
61
62
63
            <small>All data will be lost!<br />

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

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

tchou's avatar
tchou committed
71
72
73
        </div>
      </div>
    </div>
sajolida's avatar
sajolida committed
74
    <div class="col-xs-12 col-sm-3 mac-dvd">
tchou's avatar
tchou committed
75
      <div class="thumbnail">
76
        [[!img install/inc/icons/1-dvd.png link="no" alt=""]]
tchou's avatar
tchou committed
77
        <div class="caption">
intrigeri's avatar
intrigeri committed
78
          <h4>1 DVD<br />
tchou's avatar
tchou committed
79
80
81
82
83
            <small>All data will be lost!</small>
          </h4>
        </div>
      </div>
    </div>
sajolida's avatar
sajolida committed
84
    <div class="col-xs-12 col-sm-3">
tchou's avatar
tchou committed
85
      <div class="thumbnail">
86
        [[!img install/inc/icons/screens.png link="no" alt=""]]
tchou's avatar
tchou committed
87
        <div class="caption">
intrigeri's avatar
intrigeri committed
88
          <h4>a smartphone<br />
tchou's avatar
tchou committed
89
            <small>
sajolida's avatar
sajolida committed
90
91
92
              another computer,<br />
              or a printer<br />
              to follow the instructions
tchou's avatar
tchou committed
93
94
95
96
97
98
99
100
101
            </small>
          </h4>
        </div>
      </div>
    </div>
  </div>
</div>

<div id="steps">
tchou's avatar
tchou committed
102
  <h3>Your steps</h3>
sajolida's avatar
sajolida committed
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
  <div class="row">
    <div class="col-xs-12 col-sm-2 windows linux mac-usb mac-dvd debian expert upgrade-tails">
      <div class="thumbnail">
        [[!img install/inc/infography/download-and-verify.png link="no" alt="ISO image downloaded and verified"]]
        <div class="caption">
          <h5>Download</h5>
        </div>
      </div>
    </div>
    <div class="col-xs-12 col-sm-2 install-clone upgrade-clone">
      <div class="thumbnail">
        [[!img install/inc/infography/restart-on-intermediary-tails.png link="no" alt="Computer restarted on USB stick on the left"]]
        <div class="caption">
          <h5>Restart</h5>
        </div>
      </div>
    </div>
    <div class="col-xs-12 col-sm-2 windows linux mac-usb debian expert">
      <div class="thumbnail">
        [[!img install/inc/infography/install-tails.png link="no" alt="ISO image installed on USB stick on the right"]]
        <div class="caption">
          <h5>Install</h5>
        </div>
      </div>
    </div>
    <div class="col-xs-12 col-sm-2 upgrade-tails">
      <div class="thumbnail">
        [[!img install/inc/infography/install-upgrade-usb.png link="no" alt="ISO image installed on USB stick on the left"]]
        <div class="caption">
          <h5>Install intermediary</h5>
        </div>
      </div>
    </div>
    <div class="col-xs-12 col-sm-2 mac-dvd">
      <div class="thumbnail">
        [[!img install/inc/infography/insert-dvd.png link="no" alt="DVD inserted"]]
        <div class="caption">
          <h5>Install</h5>
        </div>
      </div>
    </div>
    <div class="col-xs-12 col-sm-2 windows linux mac-usb mac-dvd debian expert">
      <div class="thumbnail">
        [[!img install/inc/infography/restart.png link="no" alt=""]]
        <div class="caption">
          <h5>Restart</h5>
        </div>
      </div>
    </div>
    <div class="col-xs-12 col-sm-2 upgrade-tails">
      <div class="thumbnail">
        [[!img install/inc/infography/restart.png link="no" alt=""]]
        <div class="caption">
          <h5>Restart</h5>
        </div>
      </div>
    </div>
    <div class="col-xs-12 col-sm-2 upgrade-tails upgrade-clone install-clone">
      <div class="thumbnail">
        [[!img install/inc/infography/clone-intermediary-tails.png link="no" alt="Tails installed on USB stick on the right"]]
        <div class="caption">
          <h5>
            <span class="install-clone">Install</span>
            <span class="upgrade">Upgrade</span>
          </h5>
        </div>
      </div>
    </div>
    <div class="col-xs-12 col-sm-2 mac-dvd">
      <div class="thumbnail">
        [[!img install/inc/infography/clone-dvd.png link="no" alt="Tails installed on USB stick on the right"]]
        <div class="caption">
          <h5>Install</h5>
        </div>
      </div>
    </div>
    <div class="col-xs-12 col-sm-2 mac-dvd install-clone">
      <div class="thumbnail">
        [[!img install/inc/infography/restart.png link="no" alt=""]]
        <div class="caption">
          <h5>Restart</h5>
        </div>
      </div>
    </div>
    <div class="col-xs-12 col-sm-2 windows linux mac-usb mac-dvd install-clone debian expert">
      <div class="thumbnail">
        [[!img install/inc/infography/create-persistence.png link="no" alt="Encryption configured on USB stick on the right"]]
        <div class="caption">
          <h5>Configure</h5>
tchou's avatar
tchou committed
192
        </div>
tchou's avatar
tchou committed
193
      </div>
sajolida's avatar
sajolida committed
194
195
196
197
198
199
200
201
202
203
    </div>
    <div class="col-xs-12 col-sm-2">
      <div class="thumbnail">
        [[!img install/inc/infography/restart.png link="no" alt=""]]
        <div class="caption">
          <h5>Restart</h5>
        </div>
      </div>
    </div>
  </div>
sajolida's avatar
sajolida committed
204
</div>