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

11
            <span class="windows linux mac expert upgrade-tails">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 />

16
            <span class="windows linux mac expert upgrade-tails">
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
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-2 upgrade-clone upgrade-tails">
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">
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">
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
    <div class="col-xs-12 col-sm-2 windows linux mac expert">
sajolida's avatar
sajolida committed
125
126
      <div class="thumbnail">
        [[!img install/inc/infography/restart.png link="no" alt=""]]
sajolida's avatar
sajolida committed
127
        <p>Restart</p>
sajolida's avatar
sajolida committed
128
129
130
131
132
      </div>
    </div>
    <div class="col-xs-12 col-sm-2 upgrade-tails">
      <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>
136
    <div class="col-xs-12 col-sm-2 upgrade-tails upgrade-clone install-clone mac-clone">
sajolida's avatar
sajolida committed
137
      <div class="thumbnail">
138
        [[!img install/inc/infography/clone-tails.png link="no" alt="Tails installed on USB stick on the right"]]
sajolida's avatar
sajolida committed
139
        <p>
140
          <span class="install-clone mac-clone">Install</span>
sajolida's avatar
sajolida committed
141
142
          <span class="upgrade">Upgrade</span>
        </p>
sajolida's avatar
sajolida committed
143
144
      </div>
    </div>
145
    <div class="col-xs-12 col-sm-2 install-clone mac-clone">
sajolida's avatar
sajolida committed
146
147
      <div class="thumbnail">
        [[!img install/inc/infography/restart.png link="no" alt=""]]
sajolida's avatar
sajolida committed
148
        <p>Restart</p>
sajolida's avatar
sajolida committed
149
150
      </div>
    </div>
151
    <div class="col-xs-12 col-sm-2 windows linux mac install-clone mac-clone expert">
sajolida's avatar
sajolida committed
152
      <div class="thumbnail">
sajolida's avatar
sajolida committed
153
        [[!img install/inc/infography/create-persistence.png link="no" alt="Encryption configured on USB stick"]]
sajolida's avatar
sajolida committed
154
        <p>Configure</p>
tchou's avatar
tchou committed
155
      </div>
sajolida's avatar
sajolida committed
156
157
158
159
    </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
160
        <p>Restart</p>
sajolida's avatar
sajolida committed
161
162
163
      </div>
    </div>
  </div>
sajolida's avatar
sajolida committed
164
</div>