forked from sophieladder/ModelReleasePDF
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
282 lines (261 loc) · 21.4 KB
/
index.html
File metadata and controls
282 lines (261 loc) · 21.4 KB
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
<!DOCTYPE html>
<html>
<head>
<meta name="author" content="Sophie Ladder">
<meta name="description" content="A fillable web form to create PDF model releases for adult performers">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js" integrity="sha384-NaWTHo/8YCBYJ59830LTz/P4aQZK1sS0SneOgAvhsIl3zBu8r9RevNg5lHCHAuQ/" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/signature_pad@2.3.2/dist/signature_pad.min.js"></script>
<script src="print.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="header">
<h1>Online Model Release</h1>
<div class="small-text">
<p>This is a Model Release, not a 2257 form. For a 2257 form check <a href="https://sophieladder.com/tools/2257form/">here</a></p>
<p>Find print versions <a href="https://sophieladder.com/files/">here</a></p>
</div>
<label class="Fswitch"><input type="checkbox" id="FAQsee" onclick="FAQ();"><span class="">
<div class="FAQ" onclick="FAQ()">FAQ & How To Use</div></span></label>
<span class="hide" id="FAQblock">
<h3>How To Use</h3>
<p>1. Fill out fields below <br>2. Click "Generate Form" <br>3. Read contract <br>4. Sign and Date <br>5. Attach IDs<br>6. Download</p>
<br>
<h4>Can I use this release for ___ ?</h4>
<p>Yes. This release is free to use for any adult content creation; independent, studio, trade, paid, whatever. <br>
<span class="small-text">You cannot use this release to make something completely SFW because it says you acknowledge you're appearing in adult media.</span>
</p>
<h4>Can I get a print version?</h4>
<p>Find print versions <a href="https://sophieladder.com/files/">here</a>.<br>Feel free to modify as well if you have any clauses you would like to insert.</p>
<h3>Troubleshooting</h3>
<h4>The document won't generate</h4>
<p>Most common reason is having a required field blank. If that doesn't work refresh the page and try again.</p>
<h4>The PDF won't generate</h4>
<p>Make sure that you have signed all fields and uploaded IDs for everyone. <br>Use JPG, PNG, or BMP for the ID images. HEIC, WEBP, and otheras are not accepted.</p>
<h4>The PDF file is huge!</h4>
<p>Downsize your ID images! The form puts your ID images into the resulting PDF without compressing them.</p>
</span>
</div>
<div id="main">
<form class="modelcounter">
<input type="radio" id="2count" name="modelcount" value="2Model" checked onclick="twomod();">
<label for="2count">2 Models</label>
<input type="radio" id="3count" name="modelcount" value="3Model" onclick="threemod();">
<label for="3count">3 Models</label>
<input type="radio" id="4count" name="modelcount" value="4Model" onclick="fourmod();">
<label for="4count">4 Models</label>
</form>
<br>
<label class="container">Shared Content
<input type="radio" id="form_share" name="formtype" value="shared" checked>
<span class="checkmark"></span>
</label>
<label class="container" >Exclusive Content
<input type="radio" id="form_exclude" name="formtype" value="exclusive">
<span class="checkmark"></span>
</label>
<br>
<h3>Models</h3>
<input type="text" class="wide" id="model1name" name="Model 1 Name" placeholder="MODEL 1 FULL LEGAL NAME"><br>
<input type="text" class="wide" id="model1addy" name="Model 1 Address" placeholder="MODEL 1 FULL ADDRESS"><br><br>
<input type="text" class="wide" id="model2name" name="Model 2 Name" placeholder="MODEL 2 FULL LEGAL NAME"><br>
<input type="text" class="wide" id="model2addy" name="Model 2 Address" placeholder="MODEL 2 FULL ADDRESS"><br>
<span id="model3">
<br><input type="text" class="wide" id="model3name" name="Model 3 Name" placeholder="MODEL 3 FULL LEGAL NAME"><br>
<input type="text" class="wide" id="model3addy" name="Model 3 Address" placeholder="MODEL 3 FULL ADDRESS"><br>
</span>
<span id="model4">
<br><input type="text" class="wide" id="model4name" name="Model 4 Name" placeholder="MODEL 4 FULL LEGAL NAME"><br>
<input type="text" class="wide" id="model4addy" name="Model 4 Address" placeholder="MODEL 4 FULL ADDRESS"><br>
</span>
<br>
<h3>Shoot ID</h3>
<input type="text" class="wide" id="content" placeholder="NAME/DESCRIBE VIDEO AND/ OR PICTURES"><br><br>
<h4>Shoot Date</h4>
<input type="date" id="date" >
<h4>& Location</h4>
<input type="text" id="locality" placeholder="LOCALITY"><br><br>
<h4>Optional Fields:</h4>
Witness <label class="switch"><input type="checkbox" id="witcheck" onclick="wit();"><span class="slider"></span></label><br>
<input type="text" id="witness" class="wide" placeholder="Witness Name">
<br>
<h3>Sale Restrictions</h3>
<label class="switch"><input type="checkbox" id="salecheck" onclick="strict();"><span class="slider"></span></label>
<div class="tooltip">?<span class="tooltiptext">As a default this document gives both parties free reign to do whatever they'd like with their content. Click here to enable restrictions like setting a minimum sale price, maximum amount that can be uploaded to tube sites, and more</span></div>
<br>
<div id="restrictions">
<h4>Minimum Sale Price</h4>
<label class="switch"><input type="checkbox" id="MSP" onclick="msp();"><span class="slider"></span></label><br>
<span id="minprice">
Minimum sale price: $<input type="text" class="small" id="minvalue" value="0"> USD <br><span class="small-text">(enter 0 for no min)</span><br>
<label class="container">
<input type="radio" value="val1" name="group1" checked>Always
<span class="checkmark"></span>
</label>
<label class="container">
<input type="radio" value="val2" name="group1">For the first
<span class="checkmark"></span>
</label>
<input type="text" class="medium" id="selltime" placeholder="two weeks / 3 months / etc" value=""> after release
</span><br>
<h4>Limit Free-To-View Length</h4>
<label class="switch"><input type="checkbox" id="FTV" onclick="ftv();"><span class="slider"></span></label><br>
<span id="freelength">
<input type="text" class="small" id="mintime" value="999">minutes <span class="small-text">(enter 0 to disallow)</span> <br>
Allow full upload of the video after <input type="text" class="small" id="freedelay" value="12"> months?<input type="checkbox" id="delay" name="delay"><span class="small-text">check for yes</span>
</span><br>
<h4>Member & Fan Sites</h4>
<p>Allow the other party to upload this to paid subscription services run by the party?<select name="" id="premium"><option selected value="">DO</option><option value=" DO NOT">DO NOT</option></select>
<div class="small-text">Member websites, OnlyFans, Fansly, JFF, etc</div>
</p><br>
<h4>VOD & 3rd Party Streamers</h4>
<p>
Allow the other party to license the content to 3rd party streaming and Video-On-Demand services under an account associated with them?<select name="" id="VOD"><option selected value="">DO</option><option value=" DO NOT">DO NOT</option></select>
<div class="small-text">Xvideos Red, Faphouse, Adult Empire, HotMovies, etc</div>
<div class="small-text">For content where you get paid after people watch based on views.</div>
</p>
<br>
<h4>Sub-Licensing, Selling Rights</h4>
<p>
Allow the other party to license the video or sell non-exclusive rights to a video to a 3rd party for an up-front fee?<select name="" id="SUB"><option value="DO">DO</option><option value="SHARE">SPLIT</option><option selected value="DO NOT">DO NOT</option></select>
<div class="small-text">This is distinct from other 3rd party streams as you are granting them the re-sell rights for an up-front fee.</div>
<div class="small-text">Choose between DO NOT allow, DO allow, or allowed if you SPLIT the income.</div>
</p><br>
<h4>Misc</h4>
<p>
Allow the other party to sell this in a bundle? <select name="" id="bundle"><option selected value="">DO</option><option value=" DO NOT">DO NOT</option></select><br>
Allow the other party to give this away as a reward? <select name="" id="giveaway"><option selected value="">DO</option><option value=" DO NOT">DO NOT</option></select>
</p><br>
<h4>Release Date</h4>
<p>Set release date?
<label class="switch"><input type="checkbox" id="timecheck" onclick="time();"><span class="slider"></span></label> <span id="timetext">No</span>
<span id="releasetime"><br>Not Before: <input type="date" class="medium" value="" id="releasedate"></span>
</p><br><br>
</div><br>
<p> <button onclick="generateForm()" class="wide">Generate Form</button> </p>
</div>
<div id="bg">
<p style="text-align:center;">
<span id="intro"></span>
<br>
<span id="fill_1name"></span>
<span>, residing at </span> <span id="fill_1add"></span>
<span id="model1ident"></span>
<span id="model2ident"></span><br>
<span id="fill_2name"></span>
<span>, residing at </span> <span id="fill_2add"></span>
<span id="thirdtext">
<br>AND<br><span id="fill_3name"></span>
<span>, residing at </span> <span id="fill_3add"></span>
</span>
<span id="fourthtext">
<br>AND<br><span id="fill_4name"></span>
<span>, residing at </span> <span id="fill_4add"></span>
</span>
<span id="intro2"></span>
</p>
<ol>
<li>I hereby represent that I am of sound mind and body, acting of my own free will and fully understand the terms of this Agreement, and I am legally able to execute this Agreement; </li>
<li>I hereby agree and represent that I am AT LEAST 18 YEARS OLD (OR THE AGE OF MAJORITY IN THE JURISDICTION IN WHICH I LIVE OR RESIDE FOR PLACES WHERE THE AGE OF MAJORITY IS OVER 18 YEARS) at the time that the Content is created. Further, I fully understand and acknowledge the adult nature of the Content and hereby consent to appear fully and/or partially nude in such Content; </li>
<ul>
<li>I hereby agree to provide to <span class="name"></span> a copy of a non-expired valid government issued photo Identifying Document that evidences my Date of Birth, my Photo, and my full legal name. Such ID can be a Driver's License, Passport, Citizenship Card, State ID, or National Identification Card;</li>
<li>I grant <span class="name"></span> permission to provide a copy of my ID Documents to any Platform (as defined in Section 6 below), if so requested by such Platform, in connection to the Content and any requirements by applicable national, federal, state, and local laws and regulations;</li>
</ul>
<li>I hereby agree to be photographed, recorded and/or videotaped by or on behalf of <span class="name"></span> in connection with my participation in <span id="fill_content"></span> (hereinafter referred to as the "Content") on <span id="fill_date"></span>;</li>
<li><span id="sharetype"></span></li>
<li>I hereby represent and acknowledge that I am solely responsible for the nature of the Content in which I decided to participate and that I am solely responsible to bear all risks associated with my participation in the Content. I will not participate in any content that could be deemed illegal or illicit, or involving minors. Furthermore, I agree not to participate in content that could violate a third party's intellectual copyright or that violates another individual's privacy or image;</li>
<li> I hereby grant <span class="name"></span> permission to use, reproduce, sell, license, rent or otherwise distribute and publish, modify, edit and alter the Content, except as limited below in 6.1 - 6.5. Furthermore, I hereby agree and authorize <span class="name"></span> to publish the Content online, on the platform of their choice, including any Web platform where independent content uploaders can upload, publish, license and sell their original adult videos, services or other tangibles goods to final users and where such final users may download the Content,including all related subdomains or websites of such platform (all together referred to as the "Platform"), except as limited by 6.1 - 6.5, and such authorization is given for an unlimited time;
<br>
<br> <span style="margin-left: 30px;">6.1 <span class="name"></span> shall not sell the Content, in whole or in part, for a value of less than $<span id="fill_minvalue"></span> USD <span id="slength"></span> unless given express written permission by the other party.</span>
<br> <span style="margin-left: 30px;" id="minclause">6.2 <span class="name"></span> shall not upload more than <span id="fill_mintime"></span> minutes of the Content to free-to-view services.</span>
<br> <span style="margin-left: 30px;">6.3 I hereby <span id="fill_bundle"></span> grant <span class="name"></span> permission to sell the Content with other pieces of intellectual property owned by that party as a single unit for a reduced group price (a “Bundle”).</span>
<br> <span style="margin-left: 30px;">6.4 I hereby <span id="fill_giveaway"></span> grant <span class="name"></span> permission to give away the Content as a part of contests, promotions, rewards, or other services.</span>
<br> <span style="margin-left: 30px;">6.5 I hereby <span id="fill_premium"></span> grant <span class="name"></span> permission to upload the Content to paid subscription services run by <span class="name"></span> (eg. Member website, OnlyFans, Fansly, etc)</span>
<br> <span style="margin-left: 30px;">6.6 I hereby <span id="fill_VOD"></span> grant <span class="name"></span> permission to license the Content to 3rd party Video-On-Demand and paid subscription streaming services that pay out on regular intervals based on views. (eg. Xvideos Red, Faphouse, Adult Empire, HotMovies, etc)</span>
<br> <span style="margin-left: 30px;">6.7 <span class="name"></span> <span id="resell"></span> </span>
<br> <span style="margin-left: 30px;">6.8 <span class="name"></span> <span id="timeclause"></span> </span>
</li>
<li>I hereby agree to not disclose the other party's legal name or address (hereinafter referred to as "Confidential Information"), except as required by the Platform to sell the Content, or as required by the law, and shall refrain from disclosing such Confidential Information to any third party without prior, written approval from the other party, and shall protect such Confidential Information from inadvertent disclosure to a third party using the same care and diligence that I use to protect my own confidential information, but in no case less than reasonable care. I shall ensure that each of my employees, officers, directors, or agents who has access to Confidential Information disclosed under this Agreement is informed of its confidential nature and is required to abide by the terms of this Agreement. I shall promptly notify the affected party of any disclosure of such Confidential Information in violation of this Agreement or of any subpoena or other legal process requiring production or disclosure of said Confidential Information;</li>
<li>I hereby understand and agree that the Content may be searchable by others through the Platform itself and through others partnered or networked entities of the Platform or <span class="name"></span> . Furthermore, I understand and agree that the Content may be searchable by publicly available search engines, and it is my sole responsibility should I wish not to appear, be found, or be removed of such search engines; </li>
<li>If the Content is found on a site(s) that is not indicated related to <span class="name"></span>, or their licensees, as the case may be, I shall have full rights to demand that the Content be taken down from such unapproved site and/or destroyed, the whole at my own costs; </li>
<li>I hereby release, discharge and undertake to indemnify and hold harmless <span class="name"></span> and the Platform from and against any and all claims, liability, costs, losses, damages or injuries of any kind arising out of or related to my participation in the Content. Without limiting the generality of the foregoing, I agree that <span class="name"></span> have neither made nor will be in any manner responsible or liable for any warranty, representation or guarantee, express or implied, in fact or in law, in connection with the Content or my participation in the Content. I further release all rights to bring any claim, action or proceeding against the other PARTY and the Platform.</li>
<li> I fully understand that the present declaration is binding upon my heirs and legal successors. This Agreement shall be binding upon, inure to the benefit of, and be enforceable by the PARTIES and the Platform, and their respective successors and assigns. </li>
<li> I acknowledge that I have reviewed this Agreement in its entirety and understand its terms and, further, that I have had the opportunity to discuss this Agreement with my own counsel. This Agreement shall be deemed to have been jointly drafted by all parties, and in construing and interpreting this Agreement, no provision shall be construed and interpreted for or against any of the parties hereto because such provision or any other provision of the Agreement as a whole is purportedly prepared or requested by such party. </li>
<li>In the event that any provision or portion of this Agreement shall be determined to be invalid or unenforceable for any reason, in whole or in part, the remaining provisions of this Agreement shall be unaffected thereby and shall remain in full force and effect to the fullest extent permitted by law. </li>
<li>I agree and understand that I am solely responsible to comply with all applicable laws and regulations in my location as well as all laws and regulations applicable to my participation in the Content.</li>
<li>This Agreement shall be governed by and construed in accordance with the laws of <span id="fill_locality"></span>. The parties irrevocably agree that the courts of <span id="fill_locality2"></span> shall have exclusive jurisdiction to settle any dispute or claim that arises out of or in connection with this Agreement or its subject matter or formation (including non-contractual disputes or claims). </li>
</ol>
</div>
<div id="signatures">
<h2>Agreement Acceptance</h2>
<span>I have read and accepted the Agreement on this day, <input type="date" id="sigdate" class="date"></span><br>
<br>
<button id ="print" onclick="printtosign()" class="wide">Print to Sign</button>
<br><br>
MODEL 1 SIGNATURE
<div class="wrapper">
<canvas id="signature1" class="signature-pad" width=600 height=100></canvas>
</div>
<button id="clear">Clear</button> <br><br>
MODEL 2 SIGNATURE
<div class="wrapper">
<canvas id="signature2" class="signature-pad" width=400 height=200></canvas>
</div>
<button id="clear2">Clear</button> <br><br>
<div id="third_sig">
MODEL 3 SIGNATURE
<div class="wrapper">
<canvas id="signature3" class="signature-pad" width=600 height=100></canvas>
</div>
<button id="clear3">Clear</button> <br>
</div>
<div id="fourth_sig">
MODEL 4 SIGNATURE
<div class="wrapper">
<canvas id="signature4" class="signature-pad" width=600 height=100></canvas>
</div>
<button id="clear4">Clear</button> <br>
</div>
<div id="witness_sig">
WITNESS SIGNATURE
<div class="wrapper">
<canvas id="witnesssig" class="signature-pad" width=600 height=100></canvas>
</div>
<button id="clear5">Clear</button> <br>
</div>
<p>Upload pictures of all models' primary photo ID. <br></p>
<p class="small-text">
Upload in landscape format as portrait photos will be distorted. <br>Large file size? Compress / downside images before upload.
</p>
<br>Model 1 ID
<input type='file' accept='image/*' onchange='openFile(event)'><br>
<img id='output1'>
<br>Model 2 ID
<input type='file' accept='image/*' onchange='openFile2(event)'><br>
<img id='output2'>
<span id="threeup">
<br>Model 3 ID
<input type='file' accept='image/*' onchange='openFile3(event)'><br>
<img id='output3'>
</span>
<span id="fourup">
<br>Model 4 ID
<input type='file' accept='image/*' onchange='openFile4(event)'><br>
<img id='output4'>
<br>
</span>
<br>
<button id ="publish" onclick="printtopdf()" class="wide">Download / Save as pdf</button>
<br>
<span style="font-size:14px">This will NOT work if you have not upladed ID images</span><br><br>
</div>
</div>
<div class="footer">
<h4>Donations to keep this free can be sent to $sophieladder on <a href="https://cash.app/$SophieLadder"> cashapp</a></h4><br>
<h4>Privacy / About:</h4>
<p>No information entered here is sent over the web, it is all processed locally on your device. <br> Make sure that you have downloaded your PDF to a safe place as once you exit this form it'll be gone forever. </p><br>
<p>Fork this on <a href="https://github.com/sophieladder/ModelReleasePDF">github</a></p>
</div>
</body>
<script src="script.js"></script>
</html>