This repository has been archived by the owner on Apr 4, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
200 lines (171 loc) · 8.44 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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE HTML>
<html>
<head>
<title>Privacy Butler</title>
<!-- Privay Butler recommended schema for HTML based privacy notice -->
<meta name="privacy:geotracking" value="no" />
<meta name="privacy:thirdparties" value="no" />
<meta name="privacy:profiling" value="no" />
<!--
.-' -.
.' '.
/ _ `-.
/ .\- \, ,
; .-|-' \####,
|, .-|-' ;####
,## ` ,|###"
#,####, "#, ,#|^;#
`###### `#####,|##" |`)|
`##### ```o\`\o_.| ;\
(-`\#, .-'` |` : `;
`\ ;\#, \ \-'
)( \# C,_ \ ;
(_, \ / `'./ |
\ / | .-`'- '`. |
jgs | ( \ , /_, |
\ ` `` /
'-.__ // .'
`'`.__.'
_____ _ ____ _ _
| __ \ (_) | _ \ | | | |
| |__) | __ ___ ____ _ ___ _ _ | |_) |_ _| |_| | ___ _ __
| ___/ '__| \ \ / / _` |/ __| | | | | _ <| | | | __| |/ _ \ '__|
| | | | | |\ V / (_| | (__| |_| | | |_) | |_| | |_| | __/ |
|_| |_| |_| \_/ \__,_|\___|\__, | |____/ \__,_|\__|_|\___|_|
__/ |
|___/
-->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="web/html5up-twenty-assets/css/main.css" />
<noscript><link rel="stylesheet" href="web/html5up-twenty-assets/css/noscript.css" /></noscript>
<style type="text/css">
.quote { font-style: italic; font-size: 120%; background:#fce; opacity:0.8; }
.pb-icons img { width: 100%; }
#banner h2 { color: yellow }
#banner {
background-image: url(web/16449298458_452b0c4959_k.jpg);
background-position: 13em 0px;
background-size: cover;
}
#banner .inner {
background-color: rgba(52, 27, 43, 0.9) !important;
}
#cta input[type=text] { text-align: center; width:100%; background:#ccc; color:black; }
</style>
</head>
<body class="index is-preload">
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1 id="logo"><a href="https://swisslegal.tech/2018/" target="_blank" title="A Swiss Legal Tech 2018 hackathon project">
<br><img src="https://swisslegal.tech/wp-content/uploads/2018/08/Swiss-Legal-Tech-Logo-65.png"/>
</a></h1>
<nav id="nav">
<ul>
<li><a href="#main">About</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#cta">Contact</a></li>
<li><a href="privacy.html" class="button primary">Privacy</a></li>
<li><a href="https://github.com/SwissLegalTech/privacy-butler" target="_blank">GitHub</a></li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<!--
".inner" is set up as an inline-block so it automatically expands
in both directions to fit whatever's inside it. This means it won't
automatically wrap lines, so be sure to use line breaks where
appropriate (<br />).
-->
<div class="inner">
<header>
<h2>Privacy Butler</h2>
</header>
<p>The legal <strong>conditions</strong> of services
<br />
you rely on <strong>every day</strong> placed into
<br />
the <strong>capable hands</strong> of an A.I. agent</p>
<footer>
<ul class="buttons stacked">
<li><a href="#main" class="button fit scrolly">Tell me more</a></li>
</ul>
</footer>
</div>
</section>
<!-- Main -->
<article id="main">
<header class="special container">
<span class="icon fa-user-circle"></span>
</header>
<!-- One -->
<section class="wrapper style3 container special-alt">
<div class="row gtr-50">
<div class="col-8 col-12-narrower">
<p>The <strong>Privacy Butler</strong> aims to help you to understand any privacy notice
through the use of Machine Learning and Artificial Intelligence.
This is a <u>concept-stage project</u> with a prototype that won
2<sup>nd</sup> place at the <a href="https://swisslegal.tech/en/hackathon/">Swiss Legal Tech 2018</a> hackathon.
</p>
<footer>
<ul>
<li>Check out the <a href="the_pitch/">full concept pitch</a> from the hackathon.</li>
<li>Find a list of <a href="https://github.com/SwissLegalTech/privacy-butler#references">similar & recommended tools</a> in our documentation.</li>
<li>Download the <a href="https://github.com/SwissLegalTech/privacy-butler">open source code</a> and follow our technical instructions to test the (cloud ML based) prototype.</li>
<li>Read our <a href="https://github.com/SwissLegalTech/privacy-butler/blob/master/ml/keras-test.ipynb">data science notebook</a> to see details of an (offline ML based) alternative approach.</li>
<li>See the <a href="https://github.com/SwissLegalTech/2018/issues/1">challenge statement</a> that motivated this project.</li>
<li>If you have questions or interest in seeing this further developed, <a href="https://github.com/SwissLegalTech/privacy-butler">star the project</a> and open an <a href="https://github.com/SwissLegalTech/privacy-butler/issues" target="_blank">Issue on GitHub</a>. Or
ping us in the <b>#privacy-butler</b> channel on the <a href="http://join.hacking.law/" target="_blank">hacking.law Slack</a>.</li>
<li>We also have a <a href="#cta">newsletter you can join</a> for future updates.</li>
</p>
</footer>
</div>
<div class="col-4 col-12-narrower imp-narrower">
<img src="web/sticker.png" width="100%"/>
</div>
</div>
</section>
</article>
<!-- CTA -->
<section id="cta">
<header>
<h2>Sign up for <strong>status updates</strong></h2>
</header>
<footer>
<div class="row">
<div class="col-12 col-12-narrower">
<form style="padding:2em; text-align:center;" action="https://tinyletter.com/privacybutler" method="post" target="popupwindow" onsubmit="window.open('https://tinyletter.com/privacybutler', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true"><p><label for="tlemail">Email address</label></p><p><input type="text" name="email" id="tlemail" /></p><input type="hidden" value="1" name="embed"/><input type="submit" value="Subscribe" /><p><a href="https://tinyletter.com" target="_blank">powered by TinyLetter</a></p></form>
</div>
</div>
</footer>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<!-- <li><a href="#" class="icon circle fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon circle fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon circle fa-google-plus"><span class="label">Google+</span></a></li>
<li><a href="#" class="icon circle fa-github"><span class="label">Github</span></a></li>
<li><a href="#" class="icon circle fa-dribbble"><span class="label">Dribbble</span></a></li> -->
</ul>
<ul class="copyright">
<li>A <a href="https://swisslegal.tech" target="_blank">#swisslegaltech2018</a> project</li>
<li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li>
<li>Photo (Public Domain): <a href="https://www.flickr.com/photos/118118485@N05/16449298458/in/photolist-r4yXm7-87jN31-T9pHov-V2Cnjz-25C66W1-6ooCbT-cZNpGS-6JqnTQ-9dmqqJ-ncczDR-89CsEc-6P6V49-7SXDyQ-AHDsR8-7SUdaX-EctCb8-KtWJv5-8MaZ1E-6HWrtQ-kArpXi-8M9h1p-fWAc4e-dsxPLM-2atrz5G-8M9xcB-8Mb2Dq-cKnmKG-27xsSc5-5tgA96-8M85zr-8Mcqes-cKnonY-Jw1yo7-7tV68H-93MkCF-8Md3Dw-dpo66H-8Mbd2S-8M9qEg-2TJaUc-8M7PcH-XtsNWe-24jnd2i-9BZza6-8M9D2D-nkNfQi-8McCRh-Vu7Dji-WKw8LT-W8jpU3" target="_blank">Hutton in the Forest</a> by Michael D Beckwith</li>
<li><a href="privacy.html" class="button primary">Privacy Policy</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="web/html5up-twenty-assets/js/jquery.min.js"></script>
<script src="web/html5up-twenty-assets/js/jquery.dropotron.min.js"></script>
<script src="web/html5up-twenty-assets/js/jquery.scrolly.min.js"></script>
<script src="web/html5up-twenty-assets/js/jquery.scrollex.min.js"></script>
<script src="web/html5up-twenty-assets/js/browser.min.js"></script>
<script src="web/html5up-twenty-assets/js/breakpoints.min.js"></script>
<script src="web/html5up-twenty-assets/js/util.js"></script>
<script src="web/html5up-twenty-assets/js/main.js"></script>
</body>
</html>