-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoptions.html
50 lines (47 loc) · 2.21 KB
/
options.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
<!DOCTYPE html>
<html>
<head>
<title>Settings</title>
<link rel="stylesheet" type="text/css" href="options.css">
<script type="text/javascript" src="options.js"></script>
</head>
<body>
<div id="topbar">Settings</div>
<div id="one">
<a href="#two"><div id="child">Child Protection mode</div></a>
<a href="#three"><div id="addicts">Addiction Recovery Mode</div></a>
</div>
<div id="two">
<div id="contain">
<h3>Welcome to the Child Protection Mode</h3>
<p>The rise in the usage and accessibility of the internet is a huge technological advancement but it simultaneously poses a threat to the young users that might be exposed to inappropriate content which may scar their minds in their formative years. This mode was designed to address this issue.
<br> <br> Add here words that you would like to add part from the pre-existing words</p>
<p> Please refrain from using spaces in between words</p>
<p id="form>"><button id="list">Click here to view exiting list</button></p>
<div id="myNav" class="overlay">
<a href="javascript:void(0)" class="closebtn" id="close">×</a>
<div class="overlay-content">
<p id="para"></p>
</div>
</div>
<p id="form">
<textarea id="text" rows="5" cols="40"></textarea><br><br>
<button id="saveit">Save</button>
<button id="clear">Erase previous settings</button>
</p>
</div>
</div>
<div id="three">
<div id="contain">
<h3>Addiction Recovery Mode</h3>
<p>Surfing the net can also be a pain for those trying to overcome an addiction to explicit content as they might unknowingly be exposed to content that can make them surrender to temptation and ultimately take them back to the vicious cycle of addiction. This mode was designed to address this issue.
<br><br>Add here words that you would like to add part from the pre-existing words separated by commas</p> <p> Please refrain from using spaces in between words</p>
<p id="form">
<textarea id="text" rows="5" cols="40"></textarea><br><br>
<button id="saveit">Save</button>
<button id="clear">Erase previous settings</button>
</p>
</div>
</div>
</body>
</html>