-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
95 lines (88 loc) · 5.79 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SOAP: Securing Organizations with Automated Policymaking</title>
<link rel="preload" href="content/en-content.json" as="fetch" />
<meta name="keywords" content="soap, security policy, security policy generator, security policy template, security plan builder, organizational security tool">
<meta name="description" content="SOAP is a free online security policy generator that helps civil society organizations build better security policies.">
<link rel="stylesheet" href="assets/css/styles.css" />
<link rel="stylesheet" href="assets/css/media.css" />
<link href="assets/css/all.css" rel="stylesheet">
<script src="assets/js/utils.js"></script>
<script src="assets/js/init.js"></script>
<!-- these may need to be moved further down or refactored -->
<script src="assets/js/start.js"></script>
<script src="assets/js/keyboard.js"></script>
<script src="assets/js/overlay.js"></script>
<script src="assets/js/edit.js"></script>
<script src="assets/js/policy.js"></script>
<script src="assets/js/subpolicies.js"></script>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
</head>
<body>
<div id="head" class="nav-start contain">
<a href="/" title="Go to the home page" id="homeLink">
<img id="logo" alt="SOAP logo" src="assets/images/soapLogoW.png" />
</a>
<div class="header-menu">
<ul id="menu" class="links">
<li><a id="bu" href="/#build" title="Build an organizational security policy">Build policy</a></li>
<li id="editBtn" class="disabled" tabindex="0" title="Click or press E to edit your answers">EDIT</li>
</ul>
</div>
</div>
<div id="page" class="main-content">
<noscript>
<div class="window">
<h3>Looks like you've got Javascript disabled</h3>
<p>You'll need to enable Javascript in order to use this website. Here's how to do that: <a href="https://enable-javascript.com" title="Find out more about enabling Javascript in your browser">enable-javascript.com</a></p>
<p>If your threat model requires you to keep Javascript disabled, you can instead go to <a href="https://github.com/gembarrett/soap" title="View the open-source SOAP code at GitHub">SOAP's GitHub repository</a> and grab the code to run the whole website offline on your local computer.</p>
</div>
</noscript>
</div>
<div id="feedback" class="modal closed">
<button id="closeFeedback" class="xIcon">
<i class="fas fa-plus-circle"></i>
</button>
<div id="inner-feedback" class="modalScrollbox">
<h3>Have your say!</h3>
<p>Take a quick survey and tell us how you rate SOAP. If you've spotted a problem with the site, including typos or bugs, please raise an issue on GitHub (account required). Alternatively, you can email about your experience - and feel free to <a href="https://keys.openpgp.org/search?q=feedback%40usesoap.app" target="_blank" title="Get the PGP public key">download the PGP key</a> to send encrypted.</p>
<div class="text-buttons-wrap">
<a href='https://feedback024968.typeform.com/to/ykpDnElo' class='btn btn-seco' target="_blank" title="Take a short survey on Typeform">Take a survey (in English)</a>
<a href='https://github.com/gembarrett/soap/issues' class='btn btn-seco' target="_blank" title="Go to the issues on the GitHub code repository">Report an issue</a>
<a id="updateLink" href='mailto:[email protected]?subject=Suggested%20change' class="btn btn-seco" title="Send an email to give feedback about SOAP">Send an email</a>
</div>
</div>
</div>
<div id="overlay-feedback" class="modalOverlay closed"></div>
<div id="spinner"><img src="assets/images/spin.gif" alt="Spinning circle - the page is loading"><p>LOADING</p></div>
<div id="foot" class="footer nav-start contain">
<ul class="links">
<!-- github, report download, contact, build, more info -->
<li><a href="https://github.com/gembarrett/soap" target="_blank" title="View the open-source SOAP code at GitHub">Code</a></li>
<li><a href="/assets/SecuringCivilSociety-report.pdf" target="_blank" title="Open the PDF research report Securing Civil Society (in English)">Research</a></li>
<li id="feedbackBtn" class="prompt" tabindex="0" title="Click to send feedback on SOAP by survey, email or GitHub issue">Feedback</li>
<!-- <li><a href="https://twitter.com/@thatSOAPapp" target="_blank" title="Click to get updates via Twitter">@thatSOAPapp</a></li>-->
<li><a href="/#build" title="Build an organizational security policy">Build policy</a></li>
</ul>
</div>
<script src="assets/js/templates/homeSection.js"></script>
<script src="assets/js/templates/intro.js"></script>
<script src="assets/js/templates/questionsTemplate.js"></script>
<script src="assets/js/templates/policyTemplate.js"></script>
<script src="assets/js/controllers/home.js"></script>
<script src="assets/js/controllers/questionPage.js"></script>
<script src="assets/js/controllers/policyPage.js"></script>
<script src="assets/js/views/home.js"></script>
<script src="assets/js/views/questionsView.js"></script>
<script src="assets/js/views/policyView.js"></script>
<script src="assets/js/styling.js"></script>
<script src="assets/js/transition.js"></script>
<script src="assets/js/snapshot.js"></script>
</body>
</html>