Newer
Older
<!doctype html>
<html>
<head>
<title></title>
<meta charset="utf-8"/>
<link href="/includes/semantic-ui-css/semantic.min.css" rel="stylesheet">
<link href="popup.css" rel="stylesheet"/>
<script src="/includes/jquery/jquery.min.js" defer></script>
<script src="/includes/semantic-ui-css/semantic.min.js" defer></script>
<script src="popup.js" defer></script>
<div id="message">
<h1>This is a safe page.</h1>
<p>TODO: make pretty</p>
<div id="content">
<div id="main-menu">
<div id="main-menu-primary" class="main-menu-item main-menu-item-large">
<h2>Primary resources<img alt="?" class="info" src="/includes/fontawesome/question-circle-o.svg"></h2>
</div>
<div id="main-menu-thirdparty" class="main-menu-item main-menu-item-large">
<h2>Third-party sources<img alt="?" class="info" src="/includes/fontawesome/question-circle-o.svg"></h2>
</div>
<div id="main-menu-security" class="main-menu-item main-menu-item-large">
<h2>Security<img alt="?" class="info" src="/includes/fontawesome/question-circle-o.svg"></h2>
</div>
<div id="main-menu-debug" class="main-menu-item main-menu-item-small">
<h2>Something broke?<img alt="?" class="info" src="/includes/fontawesome/question-circle-o.svg"></h2>
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<div id="details">
<div id="details-default" class="details-item">
<h2>You didn't choose anything yet</h2>
</div>
<div id="details-primary" class="details-item">
<h2>You chose Primary</h2>
</div>
<div id="details-thirdparty" class="details-item">
<h2>You chose Thirdparty</h2>
</div>
<div id="details-security" class="details-item">
<h2>You chose Security</h2>
<div>
<select name="site">
<option value="" disabled selected hidden>Site</option>
<option value="any">Any</option>
</select>
<select name="security">
<option value="" disabled selected hidden>Security</option>
<option value="any">Any</option>
<option value="safe">Secure by default</option>
<option value="enabled">Under protection</option>
<option value="disabled">Vulnerable</option>
<option value="insecure">Insecure</option>
</select>
<select name="severity">
<option value="" disabled selected hidden>Severity</option>
<option value="any">Any</option>
<option value="">Tempering possible</option>
<option value="volvo">Tempering detected</option>
<option value="confideniality">Snooping possible</option>
<option value="leak">Leak detected</option>
</select>
</div>
<p>Enabling some of these options may break the site functionality. In that case, you might have to revert back.</p>
<ul id="details-security-list" class="list-collapsible"></ul>
</div>
<div id="details-debug" class="details-item">
<h2>You chose Debugging</h2>
</div>