-
Notifications
You must be signed in to change notification settings - Fork 3
/
popup.html
59 lines (51 loc) · 2.63 KB
/
popup.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
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Notes Kitty</title>
<link rel="stylesheet" type="text/css" href="lib/milligram.min.css">
<link rel="stylesheet" type="text/css" href="index.css">
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/7.7.0/firebase-app.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/7.7.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.7.0/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.7.0/firebase-analytics.js"></script>
<script src="config/firebase-config.js"></script>
</head>
<body>
<div id="root">
<div class="column" id="first-column">
<div id="recent"></div>
<input type="text" placeholder="Search" id="input-box">
<div id="search-button-container">
<button class="button button-outline" id="define-button">Define</button>
<button id="search-button">Search</button>
</div>
<div id="icon-bar">
<a href="#" id="search-wikipedia"><img src="./assets/icons/wikipedia.svg" alt="" class="icon"></a>
<a href="#" id="search-wolfram"><img src="./assets/icons/wolframlanguage.svg" alt="" class="icon"></a>
<a href="#" id="search-scholar"><img src="./assets/icons/googlescholar.svg" alt="" class="icon"></a>
<a href="#" id="search-github"><img src="./assets/icons/github.svg" alt="" class="icon"></a>
<a href="#" id="search-quora"><img src="./assets/icons/quora.svg" alt="" class="icon"></a>
<a href="#" id="search-stackoverflow"><img src="./assets/icons/stackoverflow.svg" alt="" class="icon"></a>
<a href="#" id="search-linkedin"><img src="./assets/icons/linkedin.svg" alt="" class="icon"></a>
<a href="#" id="search-youtube"><img src="./assets/icons/youtube.svg" alt="" class="icon"></a>
<a href="#" id="search-translate"><img src="./assets/icons/translate.svg" alt="" class="icon"></a>
</div>
</div>
<div class="column" id="second-column">
<button id="clean-button">Clean</button>
<button id="dark-button">Dark</button>
<button id="edit-button">Edit</button>
<button id="print-button">Print</button>
<div id="report-button">
<img id="report-icon" class="icon" src="./assets/icons/notification.svg"></img>
</div>
<span id="bug-report-success"></span>
</div>
</div>
<h6 id="definition"></h6>
<script src="src/popup.js"></script>
</body>
</html>