-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
261 lines (237 loc) · 10.3 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Free Deed Poll</title>
<meta name="description" value="Change your name for free without a solicitor using a web-based tool and a printer.">
<link rel="stylesheet" type="text/css" href="/fdp.css">
<script type="text/javascript" src="/pdfmake.min.js" defer></script>
<script type="text/javascript" src="/pdfmake.fonts.js" defer></script>
<script type="text/javascript" src="/fdp.js" defer></script>
<link rel="manifest" href="manifest.json">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="application-name" content="Free Deed Poll">
<meta name="apple-mobile-web-app-title" content="Free Deed Poll">
<meta name="theme-color" content="#a2c6da">
<meta name="msapplication-navbutton-color" content="#a2c6da">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="msapplication-starturl" content="/">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- <link rel="icon" type="image/png" sizes="192x192" href="/icon.png">
<link rel="apple-touch-icon" type="image/png" sizes="192x192" href="/icon.png"> -->
</head>
<body>
<div id="page">
<header>
<hgroup>
<h1>Free Deed Poll</h1>
<h2>Change your name for free without a solicitor</h2>
</hgroup>
</header>
<nav>
<ul>
<li><a id="nav-change-your-name" href="#change-your-name">Change your name</a></li>
<li><a id="nav-eligibility" href="#eligibility">Who can use this?</a></li>
<li><a id="nav-restrictions" href="#restrictions">What name can I choose?</a></li>
<li><a id="nav-next-steps" href="#next-steps">Next steps</a></li>
<li><a id="nav-faq" href="#faq">FAQ</a></li>
</ul>
</nav>
<main>
<section id="change-your-name">
<h3>Change your name</h3>
<p>
Fill in the form to generate a personalised deed poll that you can sign and use today.<br>
For more information, including
<a href="#eligibility">eligibility</a>,
<a href="#restrictions">restrictions</a>, and
<a href="#next-steps">further instructions</a>, click the relevant menu items.
</p>
<form class="not-loaded">
<div class="adult-child-selector">
<ul>
<li>
<label class="adult-wrapper">
<input type="radio" name="adult-child" id="adult" checked>
<i class="fa fa-male" aria-hidden="true"></i>
<div>Adult deed poll</div>
</label>
</li>
<li>
<label class="child-wrapper">
<input type="radio" name="adult-child" id="child">
<i class="fa fa-child" aria-hidden="true"></i>
<div>Child deed poll</div>
</label>
</li>
</ul>
</div>
<div class="form-section adult-only">
<label>
<div>Old name:</div>
<input type="text" name="oldName">
<i class="on-errors fa fa-exclamation-triangle" aria-hidden="true"></i>
</label>
<label>
<div>New name:</div>
<input type="text" name="newName">
<i class="on-errors fa fa-exclamation-triangle" aria-hidden="true"></i>
</label>
<label class="for-checkbox">
<div>Has first name changed?</div>
<input type="checkbox" name="firstNameChanged" class="has-checkbox-indicator">
<svg class="checkbox-indicator" shape-rendering="optimizeQuality" preserveAspectRatio="xMidYMid meet" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect class="outer" fill="#BDBCB9" x="0" y="0" width="64" height="64" rx="8"></rect>
<rect class="inner" fill="#BDBCB9" x="4" y="4" width="56" height="56" rx="4"></rect>
<polyline class="check" stroke="#FFFFFF" stroke-dasharray="270" stroke-dashoffset="270" stroke-width="8" stroke-linecap="round" fill="none" stroke-linejoin="round" points="16 31.8 27.4782609 43 49 22"></polyline>
</svg>
<i class="on-errors fa fa-exclamation-triangle" aria-hidden="true"></i>
</label>
</div>
<div class="form-section child-only">
<label>
<div>Child's old name:</div>
<input type="text" name="oldName">
<i class="on-errors fa fa-exclamation-triangle" aria-hidden="true"></i>
</label>
<label>
<div>Child's new name:</div>
<input type="text" name="newName">
<i class="on-errors fa fa-exclamation-triangle" aria-hidden="true"></i>
</label>
<label class="for-checkbox">
<div>Has first name changed?</div>
<input type="checkbox" name="firstNameChanged" class="has-checkbox-indicator">
<svg class="checkbox-indicator" shape-rendering="optimizeQuality" preserveAspectRatio="xMidYMid meet" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect class="outer" fill="#BDBCB9" x="0" y="0" width="64" height="64" rx="8"></rect>
<rect class="inner" fill="#BDBCB9" x="4" y="4" width="56" height="56" rx="4"></rect>
<polyline class="check" stroke="#FFFFFF" stroke-dasharray="270" stroke-dashoffset="270" stroke-width="8" stroke-linecap="round" fill="none" stroke-linejoin="round" points="16 31.8 27.4782609 43 49 22"></polyline>
</svg>
<i class="on-errors fa fa-exclamation-triangle" aria-hidden="true"></i>
</label>
</div>
<p>
<button id="submit">Generate deed poll</button>
</p>
</form>
</section>
<section id="eligibility">
<h3>Eligibility</h3>
<p>
If you're a British citizen, you have a right to be known by
(<a href="#restrictions">almost</a>) any name you choose. A deed poll is simply a way of showing that you're
serious about your new name and can make it easier to persuade large companies (like your bank) and
government agencies (like the Passport Office) to update their records.
</p>
<p>
It's possible to pay somebody to write you out a deed poll, or to pay a solicitor to put a stamp on it,
but in the vast majority of cases this is an unnecessary expense, not to mention additional work on your
part. Using this website, you can produce a valid, widely-accepted deed poll for free and with minimal
effort.
</p>
<p>
You should read the rest of this page carefully before you start: changing your name is a serious undertaking
with real consequences and you ought to familiarise yourself with the procedure before you start.
</p>
</section>
<section id="restrictions">
<h3>Restrictions</h3>
<p>
...
</p>
</section>
<section id="next-steps">
<h3>Next steps</h3>
<p>
...
</p>
</section>
<section id="faq">
<h3>Frequently Asked Questions</h3>
<div class="faq-section">
<h4>About this site</h4>
<div class="faq-question">
<h5>Is this legal?</h5>
<p>
<strong>Yes.</strong> Any British citizen over the age of 16 is entitled to make their own
deed poll to facilitate the adoption of the name they've chosen for themselves.
<a href="https://www.gov.uk/change-name-deed-poll/make-an-adult-deed-poll">
The government provideds guidance on making your own
</a>
but this site streamlines the process.
</p>
</div>
<div class="faq-question">
<h5>Is this really free?</h5>
<p>
<strong>Yes.</strong> Many TODO
</p>
</div>
<div class="faq-question">
<h5>Is this safe?</h5>
<p>
TODO
</p>
</div>
<div class="faq-question">
<h5>What other services offer free deeds poll?</h5>
<p>
TODO
</p>
</div>
</div>
<div class="faq-section">
<h4>About changing your name</h4>
<div class="faq-question">
<h5>Do I need a deed poll to change my name?</h5>
<p>
<strong>No.</strong>
</p>
</div>
</div>
<div class="faq-section">
<h4>About deeds poll</h4>
<div class="faq-question">
<h5>Can I change my title?</h5>
<p>
<strong>Yes, but you do not need to use a deed poll to do this.</strong>
In fact, you should not put your title on your deed poll. You have the right
to use any honorific title you wish (e.g. Mr., Miss, Mrs., Ms., Mx.)
regardless of your age, gender, or marital status. You may not use a title
that implies
</p>
</div>
<div class="faq-question">
<h5>Can I change my birth certificate?</h5>
<p>
Usually no. However, TODO
</p>
</div>
</div>
<div class="faq-section">
<h4>About telling people you've changed your name</h4>
<div class="faq-question">
<h5>TODO</h5>
<p>
TODO
</p>
</div>
</div>
</section>
</main>
<footer>
<ul>
<li>© <a href="https://danq.me/">Dan Q</a> 2011 —</li>
<li>
this software is
<a href="TODO: link why free"><i class="fa fa-money" aria-hidden="true"></i> free</a>,
<a href="https://github.com/Dan-Q/freedeedpoll"><i class="fa fa-github" aria-hidden="true"></i> open source</a>,
and
<a href="TODO: link privacy"><i class="fa fa-shield" aria-hidden="true"></i> safe</a>
</li>
</ul>
</footer>
</div>
</body>
</html>