overview.html 5.96 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
    <div class="col-xs-12 col-sm-2">
sajolida's avatar
sajolida committed
6
7
8
9
10
      <div class="thumbnail">
        [[!img install/inc/icons/clock.png link="no" alt=""]]
        <div class="caption">
          <h4>

sajolida's avatar
sajolida committed
11
            <span class="windows linux mac expert upgrade-tails upgrade-os">1½ hours in total</span>
12
            <span class="install-clone mac-clone">½ hour</span>
sajolida's avatar
sajolida committed
13
14
15
            <span class="upgrade-clone">¼ hour</span>
            <br />

sajolida's avatar
sajolida committed
16
            <span class="windows linux mac expert upgrade-tails upgrade-os">
sajolida's avatar
sajolida committed
17
18
19
              <small>[[!inline pages="inc/stable_amd64_iso_size" raw="yes" sort="age"]] to download</small><br />
            </span>

20
            <span class="windows linux mac expert"><small>½ hour to install</small></span>
sajolida's avatar
sajolida committed
21
            <span class="upgrade-tails upgrade-os"><small>½ hour to upgrade</small></span>
sajolida's avatar
sajolida committed
22
23
24
25
          </h4>
        </div>
      </div>
    </div>
sajolida's avatar
sajolida committed
26
    <div class="col-xs-12 col-sm-2 upgrade-clone upgrade-tails upgrade-os">
tchou's avatar
tchou committed
27
      <div class="thumbnail">
28
        [[!img install/inc/icons/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>
34
    <div class="col-xs-12 col-sm-2 install-clone mac-clone upgrade-clone">
tchou's avatar
tchou committed
35
      <div class="thumbnail">
36
        [[!img install/inc/icons/usb.png link="no"]]
tchou's avatar
tchou committed
37
        <div class="caption">
38
          <h4>1 other Tails<br />
39
            <small>USB stick or DVD</small>
tchou's avatar
tchou committed
40
41
42
43
          </h4>
        </div>
      </div>
    </div>
44
    <div class="col-xs-12 col-sm-2 windows linux mac expert install-clone mac-clone">
tchou's avatar
tchou committed
45
      <div class="thumbnail">
46
        [[!img install/inc/icons/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-2 upgrade-tails upgrade-os">
tchou's avatar
tchou committed
56
      <div class="thumbnail">
57
        [[!img install/inc/icons/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-2">
tchou's avatar
tchou committed
75
      <div class="thumbnail">
76
        [[!img install/inc/icons/screens.png link="no" alt=""]]
tchou's avatar
tchou committed
77
        <div class="caption">
intrigeri's avatar
intrigeri committed
78
          <h4>a smartphone<br />
tchou's avatar
tchou committed
79
            <small>
sajolida's avatar
sajolida committed
80
81
82
              another computer,<br />
              or a printer<br />
              to follow the instructions
tchou's avatar
tchou committed
83
84
85
86
87
88
89
90
91
            </small>
          </h4>
        </div>
      </div>
    </div>
  </div>
</div>

<div id="steps">
tchou's avatar
tchou committed
92
  <h3>Your steps</h3>
sajolida's avatar
sajolida committed
93
  <div class="row">
94
    <div class="col-xs-12 col-sm-2 windows linux mac expert upgrade-windows">
sajolida's avatar
sajolida committed
95
      <div class="thumbnail">
sajolida's avatar
sajolida committed
96
        [[!img install/inc/infography/download-and-verify.png link="no" alt="USB image downloaded and verified"]]
sajolida's avatar
sajolida committed
97
        <p>Download</p>
sajolida's avatar
sajolida committed
98
99
      </div>
    </div>
100
101
    <div class="col-xs-12 col-sm-2 upgrade-tails">
      <div class="thumbnail">
sajolida's avatar
sajolida committed
102
        [[!img install/inc/infography/download-and-verify-in-tails.png link="no" alt="USB image downloaded and verified"]]
103
104
105
        <p>Download</p>
      </div>
    </div>
106
    <div class="col-xs-12 col-sm-2 install-clone mac-clone upgrade-clone">
sajolida's avatar
sajolida committed
107
      <div class="thumbnail">
108
        [[!img install/inc/infography/restart-on-other-tails.png link="no" alt="Computer restarted on USB stick on the left"]]
sajolida's avatar
sajolida committed
109
        <p>Restart</p>
sajolida's avatar
sajolida committed
110
111
      </div>
    </div>
112
    <div class="col-xs-12 col-sm-2 windows linux mac expert">
sajolida's avatar
sajolida committed
113
      <div class="thumbnail">
sajolida's avatar
sajolida committed
114
        [[!img install/inc/infography/install-tails.png link="no" alt="USB image installed on USB stick"]]
sajolida's avatar
sajolida committed
115
        <p>Install</p>
sajolida's avatar
sajolida committed
116
117
118
119
      </div>
    </div>
    <div class="col-xs-12 col-sm-2 upgrade-tails">
      <div class="thumbnail">
sajolida's avatar
sajolida committed
120
        [[!img install/inc/infography/install-upgrade-usb.png link="no" alt="USB image installed on USB stick on the left"]]
sajolida's avatar
sajolida committed
121
        <p>Install intermediary</p>
sajolida's avatar
sajolida committed
122
123
      </div>
    </div>
124
125
126
127
128
129
    <div class="col-xs-12 col-sm-2 upgrade-windows">
      <div class="thumbnail">
        [[!img install/inc/infography/install-upgrade-usb-only.png link="no" alt="USB image installed on USB stick on the left"]]
        <p>Install intermediary</p>
      </div>
    </div>
130
    <div class="col-xs-12 col-sm-2 windows linux mac expert">
sajolida's avatar
sajolida committed
131
132
      <div class="thumbnail">
        [[!img install/inc/infography/restart.png link="no" alt=""]]
sajolida's avatar
sajolida committed
133
        <p>Restart</p>
sajolida's avatar
sajolida committed
134
135
      </div>
    </div>
sajolida's avatar
sajolida committed
136
    <div class="col-xs-12 col-sm-2 upgrade-tails upgrade-os">
sajolida's avatar
sajolida committed
137
138
      <div class="thumbnail">
        [[!img install/inc/infography/restart.png link="no" alt=""]]
sajolida's avatar
sajolida committed
139
        <p>Restart</p>
sajolida's avatar
sajolida committed
140
141
      </div>
    </div>
sajolida's avatar
sajolida committed
142
    <div class="col-xs-12 col-sm-2 upgrade-tails upgrade-os upgrade-clone install-clone mac-clone">
sajolida's avatar
sajolida committed
143
      <div class="thumbnail">
144
        [[!img install/inc/infography/clone-tails.png link="no" alt="Tails installed on USB stick on the right"]]
sajolida's avatar
sajolida committed
145
        <p>
146
          <span class="install-clone mac-clone">Install</span>
sajolida's avatar
sajolida committed
147
148
          <span class="upgrade">Upgrade</span>
        </p>
sajolida's avatar
sajolida committed
149
150
      </div>
    </div>
151
    <div class="col-xs-12 col-sm-2 install-clone mac-clone">
sajolida's avatar
sajolida committed
152
153
      <div class="thumbnail">
        [[!img install/inc/infography/restart.png link="no" alt=""]]
sajolida's avatar
sajolida committed
154
        <p>Restart</p>
sajolida's avatar
sajolida committed
155
156
      </div>
    </div>
157
    <div class="col-xs-12 col-sm-2 windows linux mac install-clone mac-clone expert">
sajolida's avatar
sajolida committed
158
      <div class="thumbnail">
sajolida's avatar
sajolida committed
159
        [[!img install/inc/infography/create-persistence.png link="no" alt="Encryption configured on USB stick"]]
sajolida's avatar
sajolida committed
160
        <p>Configure</p>
tchou's avatar
tchou committed
161
      </div>
sajolida's avatar
sajolida committed
162
163
164
165
    </div>
    <div class="col-xs-12 col-sm-2">
      <div class="thumbnail">
        [[!img install/inc/infography/restart.png link="no" alt=""]]
sajolida's avatar
sajolida committed
166
        <p>Restart</p>
sajolida's avatar
sajolida committed
167
168
169
      </div>
    </div>
  </div>
sajolida's avatar
sajolida committed
170
</div>