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