-
Notifications
You must be signed in to change notification settings - Fork 3
/
sum.html
131 lines (111 loc) · 4.64 KB
/
sum.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
<!DOCTYPE HTML>
<html>
<link rel="stylesheet" type="text/css" href="css/popup.css">
<body>
<div id="main_div" >
<!--<h2 style='user-select: none;'>Amadeus</h2>-->
<img src="amadeus16.png" class="logo_title">
<h2>Amadeus</h2>
<button id="settings_button" class="setting_button">☰</button>
<br>
<hr>
<button id="summerize" class="summarize_button">SUMMARIZE</button>
<br><br><br><br>
<p style='width: 90%;left:5%;position:relative'>
Click the "Summarize" button above to summarize your webpage<br><br>
Amadeus is a chrome extension designed to summarize and extract meaningful information from a webpage. <br>
In addition to summarizing, it also highlights key sentences in each paragraph in 3 different styles for ease of reading.<br>
Amadeus also extracts key dates and events from the text and forms a timeline of important events in the article. <br>
Finally, Amadeus does text analysis such as lexical density, tone and reading level.<br><br>
Visit out website for more info: <a href='https://github.com/khitk9738'>https://github.com/khitk9738</a>
</p>
</div>
<div id="settings_div" >
<button id="back_button" class="back_button">◀ Back</button>
<br><br>
<p class="title">Basic Settings</p>
<label class="control control-checkbox">
<input class="regular-checkbox" id="dont_create_tabs" type="checkbox" value="Don't Create Tabs">Don't Create Tabs<br>
<div class="control_indicator"></div>
</label>
<p class="title">Highlighting</p>
<div style='margin:5px'>
Highlight type
<select id="highlight type">
<option value="highlight">Block highlight</option>
<option value="subtle_change">Subtle Colour Change</option>
<option value="underline" selected="selected">Underline Text</option>
</select>
<br>
</div>
<div style='margin:5px'>
<div id="square1" class="square"></div> Key phrases
<select id="highlight-color-1">
<option value="blue">Blue</option>
<option value="green">Green</option>
<option value="red">Red</option>
<option value="brown">Brown</option>
<option value="purple">Purple</option>
<option value="orange" selected="selected">Orange</option>
<option value="yellow">Yellow</option>
<option value="light_blue">Light blue</option>
<option value="pink">Pink</option>
<option value="gray">Gray</option>
<option value="none">None</option>
</select><br>
</div>
<div style='margin:5px'>
<div id="square2" class="square"></div> Key events
<select id="highlight-color-2">
<option value="blue">Blue</option>
<option value="green">Green</option>
<option value="red">Red</option>
<option value="brown">Brown</option>
<option value="purple">Purple</option>
<option value="orange">Orange</option>
<option value="yellow" selected="selected">Yellow</option>
<option value="light_blue">Light blue</option>
<option value="pink">Pink</option>
<option value="gray">Gray</option>
<option value="none">None</option>
</select><br>
</div>
<div style='margin:5px'>
<div id="square3" class="square"></div> Statistics
<select id="highlight-color-3">
<option value="blue" selected="selected">Blue</option>
<option value="green">Green</option>
<option value="red">Red</option>
<option value="brown">Brown</option>
<option value="purple">Purple</option>
<option value="orange">Orange</option>
<option value="yellow">Yellow</option>
<option value="light_blue">Light blue</option>
<option value="pink">Pink</option>
<option value="gray">Gray</option>
<option value="none">None</option>
</select>
</div>
<p class="title">Advanced Settings</p>
<label class="control control-checkbox">
<input id="debug_mode" type="checkbox" value="Debug mode">Debug Mode<br>
<div class="control_indicator"></div>
</label>
<label class="control control-checkbox">
<input id="search_all" type="checkbox" value="Search All">Search All Tags<br>
<div class="control_indicator"></div>
</label>
<label class="control control-checkbox">
<input id="no_timeout" type="checkbox" value="No Timeout">No Timeout<br>
<div class="control_indicator"></div>
</label>
<label class="control control-checkbox">
<input id="search_hidden" type="checkbox" value="Search Hidden">Search Hidden Elements<br>
<div class="control_indicator"></div>
</label>
<br>
<button id="reset_settings" class="main_button">Reset Settings</button>
</div>
<script type="text/javascript" src="js/popup.js"></script>
</body>
</html>