-
Notifications
You must be signed in to change notification settings - Fork 0
/
options.html
99 lines (90 loc) · 4.19 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
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
<!doctype html>
<html>
<head>
<title>Options Page</title>
<link rel="stylesheet" href="options.css">
</head>
<body>
<div class="wrapper">
<!-- Handles the sidebar in its location (denoted div1) -->
<div class="div1" style="text-align: center">
<div class="About">
<h1>Hocus Focus</h1>
<img src='extension_images/Wand.png' width="60" height="60"
align="center" id='OptionsBookIcon'>
<!-- Load font awesome icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<br>
<p style="margin-left: 18px; margin-right: 21px">
Hocus Focus is a Google Chrome extension project we made
during the SD Hacks 2019 Annual Hackathon. We chose to create something
that would help us personally as college students and wanted to
learn more about web applications and extensions, which led us to
the idea of creating a study tool that would be easily accessible
and minimal at the same time. <br><br> It took about 24 hours and
was our first time coding in Javascript and using Google Chrome's
API, combined with very limited knowledge in HTML and CSS. Please be
gentle and don't do anything too crazy with it, she's a bit fragile.
:-)
<br>
<br>
<p style="margin-left: 18px; margin-right: 21px"> You can find the
source code and corresponding files by following this
<a href="https://github.com/bew030/sd_hacks_2019" target="_blank">
link</a> to our Github repository and more about SD Hacks
<a href="https://www.sdhacks.io/" target="_blank">here.</a> </p>
<h4 style="margin-left: 18px; margin-right: 21px"> - Made with love by
Sebastian Dogaru, Bernard Wong and Neil Tengbumroong ♥</h4>
<img src='extension_images/TheBoys.jpg' width="275px" height="290px" align="center">
</div>
</div>
<!-- Handles the blacklist in its location -->
<div class="div2">
<div class="Blacklist" style="text-align: center">
<h1> Blacklisted Websites: </h1>
<input type="text" id="input"/>
<button id="addURL">add URL</button>
<button id="removeURL">remove URL</button>
<br>
<i>These websites have been added by default: remove as necessary</i>
<ul id="dynamic-list" style="margin-right: 40px"></ul>
</div>
</div>
<!-- Handles the to do list in its location -->
<div class = 'div3'>
<div class="To Do List" style="text-align: center">
<h1>Create To Do List Here</h1>
<input type="text" id="userInput"></input>
<button id="submitter">Add Task</button>
Enable sound?<input type='checkbox' id='soundOption'></input>
<div id='unfinished'>
<h2>TO DO: </h2>
<table id ="list_tasks" align = 'center'></table>
<!-- <ul id = "list_tasks"></ul> -->
</div>
<div id='complete' style="text-align: center">
<h2>COMPLETE: </h2>
<div class="table" style="margin-top: 1px">
<ul id="finish_list" style="display: inline"></ul>
</div>
<!-- <ul id = "finish_list"></ul> -->
</div>
</div>
</div>
<div class="div4">
<div class="extrastuff">
<div class="icon-bar">
<!-- The social media icon bar -->
<a href="https://www.sdhacks.io/" target="_blank" class="sd hacks"><i class="fa fa-users"></i></a>
<a href="#" class="empty"><i class="fa fa-book"></i></a>
<a href="https://github.com/bew030/sd_hacks_2019" target="_blank" class="github">
<i class="fa fa-github"></i></a>
</div>
<hr>
<p style="text-align: center; margin-top: 1%; position: relative"> Version 1.0 </p>
</div>
</div>
</div>
<script src="options.js"></script>
</body>
</html>