Skip to content

Commit 6457e06

Browse files
nchanyalnchanyal
authored
Update formatting on privacy policy page (#2695)
1 parent 80df3b3 commit 6457e06

1 file changed

Lines changed: 37 additions & 30 deletions

File tree

‎client/src/components/PrivacyPolicy.jsx‎

Lines changed: 37 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -43,14 +43,18 @@ const useStyles = createUseStyles({
4343
width: "21.15%"
4444
},
4545
addressParagraph: {
46-
marginBottom: "0px"
46+
marginBottom: "0px",
47+
textAlign: "center"
4748
},
4849
tdmWizardPageSubtitle: {
4950
marginTop: "o.5em",
5051
marginBottom: "1em",
51-
textAlign: "center",
52+
textAlign: "left",
5253
fontWeight: "bold",
5354
fontStyle: "normal"
55+
},
56+
spacedParagraph: {
57+
marginBottom: "1em"
5458
}
5559
});
5660

@@ -66,7 +70,7 @@ const PrivacyPolicy = () => {
6670
We respect your privacy and recognize that we must maintain and use
6771
your information responsibly.
6872
</h3>
69-
<p className={classes.indented}>
73+
<p>
7074
<a href="https://tdm.ladot.lacity.org">TDM Calculator</a> is a City
7175
of Los Angeles Review Tool managed by Hack for LA which is a project
7276
(of Civic Tech Structure, Inc. (&#34;Civic Tech Structure&#34;,
@@ -128,7 +132,7 @@ const PrivacyPolicy = () => {
128132
</li>
129133
</div>
130134
<br />
131-
<p className={classes.indented}>
135+
<p className={`${classes.indented} ${classes.spacedParagraph}`}>
132136
None of the information we collect about you when you visit
133137
<span> </span>
134138
<a href="https://tdm.ladot.lacity.org ">
@@ -137,7 +141,7 @@ const PrivacyPolicy = () => {
137141
is personally identifiable unless you submit your contact
138142
information in the form on the Contact Us submit page.
139143
</p>
140-
<p className={classes.indented}>
144+
<p className={`${classes.indented} ${classes.spacedParagraph}`}>
141145
We use this non personally identifiable information to understand
142146
how the
143147
<span> </span>
@@ -176,7 +180,7 @@ const PrivacyPolicy = () => {
176180
</a>{" "}
177181
</h3>
178182

179-
<p className={classes.indented}>
183+
<p className={`${classes.indented} ${classes.spacedParagraph}`}>
180184
All saved projects will be saved with all the inputs filled out as
181185
well as with name of the user creating it
182186
</p>
@@ -191,16 +195,21 @@ const PrivacyPolicy = () => {
191195
Filling in Webforms such as Contact Us
192196
</h3>
193197

194-
<p className={classes.indented}>We have a form for feedback.</p>
195-
<p className={classes.indented}>
198+
<p className={`${classes.indented} ${classes.spacedParagraph}`}>
199+
We have a form for feedback.
200+
</p>
201+
<p className={`${classes.indented} ${classes.spacedParagraph}`}>
196202
When you submit the contact us form, your comment, and any other
197203
data you submit, will be sent to Hack for LA and the City of Los
198204
Angeles to be stored as part of the public record. The data included
199205
here is limited to the fields filled out in the form, which includes
200-
the user’s name, e-mail address, and comment. No other user data
201-
such as logins, passwords, or saved projects will be included.
206+
the user’s name, e-mail address, and comment.
202207
</p>
203-
<p className={classes.indented}>
208+
<p className={`${classes.indented} ${classes.spacedParagraph}`}>
209+
No other user data such as logins, passwords, or saved projects will
210+
be included.
211+
</p>
212+
<p className={`${classes.indented} ${classes.spacedParagraph}`}>
204213
Any questions you submit may be displayed in a FAQ document or page.
205214
</p>
206215
<p className={classes.indented}>
@@ -246,21 +255,21 @@ const PrivacyPolicy = () => {
246255

247256
<h3 className={classes.sectionSpacingIndented}>Google Analytics</h3>
248257

249-
<p className={classes.indented}>
258+
<p className={`${classes.indented} ${classes.spacedParagraph}`}>
250259
We use Google Analytics to understand how visitors use our site and
251260
to gather aggregate performance metrics.
252261
</p>
253-
<p className={classes.indented}>
262+
<p className={`${classes.indented} ${classes.spacedParagraph}`}>
254263
We’ve set up Google Analytics so that it doesn’t collect your full
255264
IP address.
256265
</p>
257-
<p className={classes.indented}>
266+
<p className={`${classes.indented} ${classes.spacedParagraph}`}>
258267
We don’t collect any personally identifiable information using
259268
Google Analytics, and we do not combine the information collected
260269
through Google Analytics with any personally identifiable
261270
information.
262271
</p>
263-
<p className={classes.indented}>
272+
<p className={`${classes.indented} ${classes.spacedParagraph}`}>
264273
Google Analytics places a cookie on your web browser to identify you
265274
as a unique user. This cookie cannot be used by anyone but Google.
266275
Google&#39;s ability to use and share information collected by
@@ -275,7 +284,7 @@ const PrivacyPolicy = () => {
275284
.{" "}
276285
</p>
277286

278-
<p className={classes.indented}>
287+
<p className={`${classes.indented} ${classes.spacedParagraph}`}>
279288
Google Analytics, Google has developed the Google Analytics opt-out
280289
browser add-on for the Google Analytics JavaScript (ga.js,
281290
analytics.js, dc.js). This add-on instructs the Google Analytics
@@ -295,13 +304,13 @@ const PrivacyPolicy = () => {
295304
Cookies and Other Tracking Technologies
296305
</h2>
297306

298-
<p className={classes.indented}>
307+
<p className={`${classes.indented} ${classes.spacedParagraph}`}>
299308
Cookies are small text files that websites place on the computers
300309
and mobile devices of people who visit those websites. Pixel tags
301310
(also called web beacons) are small blocks of code placed on
302311
websites and emails.
303312
</p>
304-
<p className={classes.indented}>
313+
<p className={`${classes.indented} ${classes.spacedParagraph}`}>
305314
We use cookies and other technologies like pixel tags to remember
306315
your preferences, enhance your online experience, and to gather data
307316
on how you use our Sites to improve the way we promote our content,
@@ -314,7 +323,7 @@ const PrivacyPolicy = () => {
314323
<h3 className={classes.sectionSpacingIndented}>
315324
Third party service providers
316325
</h3>
317-
<p className={classes.indented}>
326+
<p className={`${classes.indented} ${classes.spacedParagraph}`}>
318327
We use third-party service providers to track and analyze
319328
statistical usage and volume information from our Site users. These
320329
third-party service providers use persistent Cookies to help us to
@@ -375,23 +384,23 @@ const PrivacyPolicy = () => {
375384

376385
<h2 className={classes.sectionSpacing}>Children’s Privacy</h2>
377386

378-
<p className={classes.indented}>
387+
<p className={`${classes.indented} ${classes.spacedParagraph}`}>
379388
We do not knowingly collect, maintain, or use personal information
380389
from children under 13 years of age, and no part of our Site is
381390
directed to children.
382391
</p>
383392
<p className={classes.indented}>
384393
If you learn that a child has provided us with personal information
385394
in violation of this Privacy Policy, then you may alert us at{" "}
386-
<a href="mailto:tdm@hackforla.org?subject=TDM Privacy Policy Violation Report">
387-
tdm@hackforla.org
395+
<a href="mailto:tdm@HackforLA.org?subject=TDM Privacy Policy Violation Report">
396+
tdm@HackforLA.org
388397
</a>
389398
.
390399
</p>
391400

392401
<h2 className={classes.sectionSpacing}>Security</h2>
393402

394-
<p className={classes.indented}>
403+
<p className={`${classes.indented} ${classes.spacedParagraph}`}>
395404
The City operates &#34;secure data networks&#34; protected by
396405
industry standard firewalls and password protection systems. Only
397406
authorized individuals have access to the information provided by
@@ -409,7 +418,7 @@ const PrivacyPolicy = () => {
409418
Right To Be Forgotten and Rectification
410419
</h2>
411420

412-
<p className={classes.indented}>
421+
<p className={`${classes.indented} ${classes.spacedParagraph}`}>
413422
Comments that are submitted through the comment form cannot be
414423
deleted or removed as they are stored as part of the public record
415424
with the City of Los Angeles.
@@ -420,7 +429,7 @@ const PrivacyPolicy = () => {
420429
information) at any time. You may request that incomplete data be
421430
completed or that incorrect data be corrected. Requests can be
422431
submitted to{" "}
423-
<a href="mailto:tdm@hackforLa.org?subject=TDM Privacy Policy Correction Request">
432+
<a href="mailto:tdm@HackforLA.org?subject=TDM Privacy Policy Correction Request">
424433
tdm@HackforLA.org
425434
</a>
426435
.
@@ -442,8 +451,8 @@ const PrivacyPolicy = () => {
442451
<p className={classes.indented}>
443452
If you have any questions, comments, concerns, or complaints related
444453
to the TDM Calculator website, please contact us by email at{" "}
445-
<a href="mailto:tdm@HackforLa.org?subject=TDM Calculator Question">
446-
tdm@hackforla.org
454+
<a href="mailto:tdm@HackforLA.org?subject=TDM Calculator Question">
455+
tdm@HackforLA.org
447456
</a>
448457
, or by mail at:
449458
</p>
@@ -454,9 +463,7 @@ const PrivacyPolicy = () => {
454463
<p className={classes.addressParagraph}>
455464
Ref: Hack for LA, TDM Calculator
456465
</p>
457-
<p className={classes.addressParagraph}>
458-
13428 Maxella Avenue, 821
459-
</p>
466+
<p className={classes.addressParagraph}>13157 Mindanao Way, 108</p>
460467
<p className={classes.addressParagraph}>Marina Del Rey, CA 90292</p>
461468
</div>
462469
</div>

0 commit comments

Comments
 (0)