settings.html 2.67 KB
Newer Older
Thomas Rientjes's avatar
Thomas Rientjes committed
1
2
3
4
5
6
7
8
9
<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

10
        <title data-l10n-id="settings_label"></title>
Thomas Rientjes's avatar
Thomas Rientjes committed
11
12
13
14
15
16
17
18
19

        <link rel="stylesheet" type="text/css" href="css/settings.css">

    </head>

    <body>

        <header>

20
            <h1 class="title" data-l10n-id="settings_label"></h1>
Thomas Rientjes's avatar
Thomas Rientjes committed
21
22
23
24
25

        </header>

        <div class="settings-container">

26
            <h2 class="title" data-l10n-id="security_label"></h2>
Thomas Rientjes's avatar
Thomas Rientjes committed
27
28
29

            <div class="settings-item slider">

30
                <input class="slider-input" type="range" max="2" value="0" id="slider-input">
Thomas Rientjes's avatar
Thomas Rientjes committed
31
32

                <div class="slider-legend">
33
34
35
                    <div class="slider-legend-item text-left" data-l10n-id="standard_label"></div>
                    <div class="slider-legend-item text-center" data-l10n-id="safer_label"></div>
                    <div class="slider-legend-item text-right" data-l10n-id="safest_label"></div>
Thomas Rientjes's avatar
Thomas Rientjes committed
36
37
38
39
40
41
42
                </div>

            </div>

            <div class="settings-item notice">

                <div class="notice-body">
43
                    <div data-l10n-id="standard_description"></div>
Thomas Rientjes's avatar
Thomas Rientjes committed
44
45
46
47
48
49
50
51
                </div>

            </div>

            <div class="settings-item notice">

                <div class="notice-body">

52
53
                    <div data-l10n-id="safer_description"></div>
                    <span data-l10n-id="safer_list_label"></span>&#58;
Thomas Rientjes's avatar
Thomas Rientjes committed
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68

                    <ul style="padding-left: 20px; font-size: 12.5px;">
                        <li>JavaScript is disabled on non-HTTPS sites.</li>
                        <li>Audio and video (HTML5 media) are tap-to-play.</li>
                        <li>Some fonts and math symbols are disabled.</li>
                    </ul>

                </div>

            </div>

            <div class="settings-item notice">

                <div class="notice-body">

69
70
                    <div data-l10n-id="safest_description"></div>
                    <span data-l10n-id="safest_list_label"></span>&#58;
Thomas Rientjes's avatar
Thomas Rientjes committed
71
72
73
74
75
76
77
78
79
80
81
82

                    <ul style="padding-left: 20px; font-size: 12.5px;">
                        <li>JavaScript is disabled by default on all sites.</li>
                        <li>Audio and video (HTML5 media) are tap-to-play.</li>
                        <li>Some fonts, icons, math symbols and images are disabled.</li>
                    </ul>

                </div>

            </div>

            <div class="footnote">
83
                <a href="https://tb-manual.torproject.org/linux/en-US/security-slider.html" target="_blank" data-l10n-id="learn_more_label"></a>
Thomas Rientjes's avatar
Thomas Rientjes committed
84
85
86
87
88
89
90
            </div>

        </div>

    </body>

</html>