-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
339 lines (321 loc) · 17.4 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
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, interactive-widget=overlays-content">
<title>RAIL License Generator</title>
<link rel="icon" type="image/x-icon" href="./assets/favicon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300;400&family=Source+Sans+3:wght@300;400;600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="./css/materialize.min.css">
<link rel="stylesheet" type="text/css" href="./css/RAIL-license-generator.css">
</head>
<body>
<div id="disclaimer" class="modal modal-fixed-footer">
<div class="modal-content">
<h4>RAIL License Generator</h4>
<p>Licenses with behavioral-use clauses, also referred to as Responsible AI Licenses (or “RAILs”), promote responsible AI development and use by legally restricting how an AI artifact (e.g. model, code, training data) can be used when it is shared. Writing an effective RAIL can be challenging, because many AI developers who aim to mitigate harmful uses of shared artifacts must tailor the language for the specific domain, context of use, and type of AI artifact. The license generator allows developers to select artifacts being licensed and apply usage restrictions by selecting them from a curated catalog. Read more about how we did this <a href="https://www.licenses.ai/blog/2024/3/19/announcing-the-rail-license-generator" target="_blank">here</a>.</p>
<p>This tool is intended to allow for education about and experimentation with RAILs, and is in ongoing development by the <a href="https://www.licenses.ai/" target="_blank"> RAIL Initiative</a>. For the purpose of limiting requests to our database, we conduct IP logging. Please refer to <a href="https://www.licenses.ai/privacy" target="_blank">this privacy notice</a>.</p>
<p>This tool is not intended to provide legal advice. The RAIL Initiative is not a law firm and does not provide legal services. The distribution or use of RAILs generated by this tool does not create a lawyer-client or other privileged relationship. Always consult an attorney before releasing artifacts with a license generated here.</p>
<p>By using this tool, you confirm that:</p>
<ol id="agreements">
<li>You, as the Licensor, have all necessary rights to the licensed technology, code, or data.</li>
<li>This is a one-way license from Licensor to Licensee without exchange of intellectual property.</li>
<li>The party using the licensed artifact(s) will agree to the license terms prior to accessing the AI artifact or other IP.</li>
</ol>
<div class="row">
<h6>To confirm and begin, name the project or artifact that you want to license:
<div class="input-field inline">
<label for="artefacts_inline">Licensed Artifact(s)</label>
<input id="artefacts_inline" type="text" onchange="processNaming(this.value)" aria-required="true" required="required">
</div>
</h6>
</div>
</div>
<div class="modal-footer" onclick="checkModal(this)">
<a href="#!" id="modal-agree" class="modal-close waves-effect waves-green btn-flat disabled">Agree</a>
</div>
</div>
<div class="row valign-wrapper" id="form">
<div class="col s6" id="sidebar">
<div id="paginationBlock" class="row valign-wrapper">
<div class="col s1">
<a href="#!" onclick="arrowChange(this)" id="chevron-left"><i class="material-icons">chevron_left</i></a>
</div>
<div class="col s10">
<ul class="pagination col s12" id="paginationLinks">
<li class="active"><a href="#!" data-progress="33" data-link="setup" id="setupClick" onclick="showPage(this)">SETUP</a></li>
<li class="waves-effect"><a href="#!" data-progress="66" data-link="customize" onclick="showPage(this)">CUSTOMIZE</a></li>
<li class="waves-effect"><a href="#!" data-progress="100" data-link="finish" onclick="showPage(this)">FINISH</a></li>
</ul>
<div class="progress">
<div class="determinate" id="progressBar" style="width: 33%"></div>
</div>
</div>
<div class="col s1">
<a href="#!" onclick="arrowChange(this)" id="chevron-right"><i class="material-icons">chevron_right</i></a>
</div>
</div>
<div id="pages" class="row">
<div id="setup" class="row">
<div class="sidetext section">
<div class="row">
<h6>License Type:<span class="info tooltipped" data-position="top" data-tooltip="OpenRAILs are the default choice, if you would like to restrict free use choose a RAIL license."> ⓘ</span></h6>
</div>
<div class="row section" id="licensing-options">
<div class="col s4">
<div class="card blue-grey lighten-5">
<div class="card-content" onclick="processLicenseChoice(this)" data-active="true" data-index="0" data-license="OpenRAIL">
<span class="card-title license-choice">OpenRAIL</span>
<p>These licenses promote free use and re-distribution of the applicable artifact(s), albeit subject to Use Restrictions.</p>
</div>
<div class="card-action">
Examples include <a href="https://huggingface.co/stabilityai/stable-diffusion-xl-base-1.0/blob/main/LICENSE.md" target="_blank">Stable Diffusion 2</a>, <a href="https://bigscience.huggingface.co/blog/bigscience-openrail-m" target="_blank">BigScience</a>
</div>
</div>
</div>
<div class="col s4">
<div class="card blue-grey lighten-2">
<div class="card-content" onclick="processLicenseChoice(this)" data-active="false" data-index="1" data-license="ResearchRAIL">
<span class="card-title license-choice">ResearchRAIL</span>
<p>Researchers may want to use this license to allow derivatives but restrict use of the applicable artifact to academic and research purposes only.</p>
</div>
<div class="card-action">
Examples include <a href="https://www.licenses.ai/blog/2023/3/3/ai-pubs-rail-licenses" target="_blank">AIPubs</a>
</div>
</div>
</div>
<div class="col s4">
<div class="card blue-grey lighten-2">
<div class="card-content" onclick="processLicenseChoice(this)" data-active="false" data-index="2" data-license="RAIL">
<span class="card-title license-choice">RAIL</span>
<p>These licenses include behavioral-use clauses that aim to reduce the risk of negative outcomes and misuse of AI. They may impose additional terms regarding who may use the licensed artifact and how.</p>
</div>
<div class="card-action">
Examples include <a href="https://ai.meta.com/llama/license/" target="_blank">Llama 2</a>
</div>
</div>
</div>
</div>
<div class="row"></div>
<div class="row">
<div class="row">
<h6>Licensed Artifact(s):</h6>
</div>
<div class="setupCheck">
<!-- <div class="row"></div> -->
<div class="row">
<div class="col s6">
<p>
<label>
<input type="checkbox" data-order="1" data-specification="data" disabled>
<span class="tooltipped" data-position="top" data-tooltip="Data used to pretrain, train or evaluate a Model. Coming soon!">Data</span>
</label>
</p>
</div>
<div class="col s6">
<p>
<label>
<input type="checkbox" onclick="processSpecification(this)" data-order="2" data-specification="application">
<span class="tooltipped" data-position="top" data-tooltip="E.g. an API, service, product.">Application</span>
</label>
</p>
</div>
</div>
<div class="row">
<div class="col s6">
<p>
<label>
<input type="checkbox" onclick="processSpecification(this)" data-order="3" data-specification="model">
<span class="tooltipped" data-position="top" data-tooltip="Includes weights, hyper-parameters of an ML Model.">Model</span>
</label>
</p>
</div>
<div class="col s6">
<p>
<label>
<input type="checkbox" onclick="processSpecification(this)" data-order="4" data-specification="sourcecode">
<span class="tooltipped" data-position="top" data-tooltip="Includes code, scripts to process Data, train or run a Model.">Source Code</span>
</label>
</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="row">
<h6>Licensing Conditions:</h6>
</div>
<p></p>
<div class="row setupCheck">
<div class="col s6">
<div class="switch">
<label>
<input checked class="condition" type="checkbox" data-permission="derivatives" data-index="0" data-copy="Free Use " data-license="OpenRAIL" onclick="processPermission(this)">
<span class="lever"></span>
Free Use & Redistribution<span class="info tooltipped" data-position="top" data-tooltip="The licensed artifact(s) and derivatives will need to comply with the use restrictions in this license."> ⓘ</span>
</label>
</div>
</div>
<div class="col s6">
<div class="switch">
<label>
<input class="condition" type="checkbox" data-permission="researchOnly" data-index="1" data-copy="Research Only " data-license="ResearchRAIL" onclick="processPermission(this)">
<span class="lever"></span>
Research Use Only<span class="info tooltipped" data-position="top" data-tooltip="The licensed artifact(s) and derivatives are permitted for research use only and have to comply with the use restrictions in this license."> ⓘ</span>
</label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="row">
<h6>Project Information:</h6>
</div>
<p></p>
<div class="row setupCheck">
<div class="col s6">
<div class="input-field">
<label for="project_url">Project URL</label>
<input id="project_url" type="url" onchange="processProjectURL(this.value)" aria-required="false" required="false" pattern="(https?://|git@).*">
</div>
<div class="input-field">
<label for="project_additional_info">Additional Information</label>
<input id="project_additional_info" type="text" onchange="processProjectAdditionalInformation(this.value)" aria-required="false" required="false">
</div>
</div>
</div>
</div>
</div>
</div>
<div id="customize" class="row">
<div class="sidetext section">
<div class="col s12">
Below, we have assembled use restrictions from existing licenses (<a href="https://huggingface.co/spaces/bigcode/bigcode-model-license-agreement" target="_blank">BigCode</a>, <a href="https://allenai.org/impact-license" target="_blank">AI2Impact</a>, <a href="https://github.com/facebookresearch/llama/blob/main/LICENSE" target="_blank">Llama2</a>, <a href="https://www.licenses.ai/blog/2023/3/3/ai-pubs-rail-licenses" target="_blank">AI Pubs</a>, <a href="https://github.com/CompVis/stable-diffusion/blob/main/LICENSE" target="_blank">Stable Diffusion</a>) which can extend or further specify the use restriction of your custom license. These are grouped by domain. You can maintain a live overview of your choices on the right, while domain specifications are also added in the form of icons. We've preselected and included some commonly used restrictions. If you could not find restrictions you were looking for, or would like to make suggestions, please get in touch with us at <a href="mailto:responsibleailicenses@gmail.com">responsibleailicenses[at]gmail.com</a>.
</div>
<div class="input-field col s12">
<select id="additionalRestrictions" class="browser-default" onchange="processDomain(this)">
<option value="" disabled selected>Choose the restriction domain</option>
</select>
</div>
<div id="domainChoice">
</div>
</div>
</div>
<div id="finish" class="row">
<div class="sidetext section">
<div class="col s12">
Here, there are various options for exporting your custom license. Note that when downloading the license, the preview on the right will be frontloaded with an adapted full license text including legal definitions and paragraphs depending on the choices you have made. Again, always consult an attorney before releasing artifact(s) with a license generated here. Please get in touch with us at <a href="mailto:responsibleailicenses@gmail.com">responsibleailicenses[at]gmail.com</a> for feedback and suggestions. For further reference, see our <a href="http://arxiv.org/abs/2402.05979" target="_blank">preprint on Standardized Customization of Use Restrictions</a>.
</div>
<div class="row">
<div class="row">
<div class="input-field col s6">
<select id="download" data-id="0" class="browser-default" onchange="setDownload(this.dataset.id, this.value)">
<option value="" disabled selected>Select license format</option>
<option value="markdown">Markdown</option>
<option value="plain">Raw Text</option>
<!-- <option value="rtf">Rich Text</option> -->
<option value="latex">Latex</option>
</select>
</div>
<div class="col s2"></div>
<div class="col s2" style="margin-top: 1rem;">
<a id="downloadButton" data-id="" class="waves-effect waves-light btn disabled" href="" target="_blank">Download</a>
</div>
<div class="col s2"></div>
</div>
</div>
<div class="row"></div>
<div class="row">
<div class="col s6">
<h6>Download domain icon banner:</h6>
</div>
<div class="col s2"></div>
<div class="col s2">
<a id="downloadButton" class="waves-effect waves-light btn" onclick="downloadPNG()" target="_blank">Download</a>
</div>
<div class="col s2"></div>
</div>
<div class="row">
<div class="col s7">
<h6>Generate QR Code:</h6>
<h6>(Scan this code to download the license in the format selected above)</h6>
</div>
<div class="col s1"></div>
<div class="col s2">
<a id="downloadButtonQR" data-link="" class="waves-effect waves-light btn disabled" onclick="downloadQR(this.dataset.link)" target="_blank">Download</a>
</div>
<div class="col s2"></div>
</div>
<div class="row"></div>
<div class="divider"></div>
<div class="row"></div>
<div class="row" id="referenceBlock">
<div class="row">
<pre class="bib">
@misc{mcduff_standardization_2024,
title = {On the {Standardization} of {Behavioral} {Use} {Clauses} and {Their} {Adoption} for {Responsible} {Licensing} of {AI}},
url = {http://arxiv.org/abs/2402.05979},
doi = {10.48550/arXiv.2402.05979},
urldate = {2024-02-13},
publisher = {arXiv},
author = {McDuff, Daniel and Korjakow, Tim and Cambo, Scott and Benjamin, Jesse Josua and Lee, Jenny and Jernite, Yacine and Ferrandis, Carlos Muñoz and Gokaslan, Aaron and Tarkowski, Alek and Lindley, Joseph and Cooper, A. Feder and Contractor, Danish},
month = feb,
year = {2024},
}
</pre>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col s1"></div>
<div class="col s5 valign-wrapper section" id="preview">
<div id="previewHeader">
<div class="row section valign-wrapper" id="indicator">
<div class="col s6"><span id="blink"></span> LIVE</div>
<div class="col s6">Partial License Preview</div>
</div>
<div id="licenseScoping" class="row">
<div class="col s6" id="derivatives">Free Use ✓</div>
<!-- <div class="col s4"></div> -->
<div class="col s6" id="researchOnly"></div>
</div>
<div class="row valign-wrapper" id="banner">
</div>
<div class="row license-title valign-wrapper">
<div id="licenseSpecification">
<span id="artefact_title"><Licensed Artifact(s)></span>
<span> </span>
<span id="license-type">OpenRAIL</span>
<span id="specificationParent">
<span class="specification">-</span><span class="specification">D</span><span class="specification">A</span><span class="specification">M</span><span class="specification">S</span>
</span>
</div>
</div>
</div>
<div id="restrictionBlock" class="row">
<div class="row sectionHeader">
<p>Attachment A:<span id="previewTooltip" class="info tooltipped" data-position="top" data-tooltip="The full license text will be generated on export."> ⓘ</span><p>
<p>USE RESTRICTIONS</p>
</div>
<div id="restriction-header">You agree not to Use the Artifact or its Derivatives in any of the following ways:</div>
<div id="restrictionsPreview" class="row">
<ol id="restrictionsMasterList" type="1"></ol>
</div>
</div>
</div>
<div class="col s1"></div>
<script language="javascript" src="./js/materialize.min.js"></script>
<script language="javascript" src="./js/jquery-3.6.3.min.js"></script>
<script language="javascript" src="./js/html2canvas.min.js"></script>
<script language="javascript" src="./js/qrcode.min.js"></script>
<script language="javascript" src="./js/RAIL-license-generator.js"></script>
<script type="text/javascript">
document.getElementById('setupClick').click();
</script>
</body>
</html>