-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
72 lines (67 loc) · 3.33 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>Cookie Manager - Chrome Extension</title>
<meta name="author" content="Anukriti Jha">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Kanit|Rubik" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
<style>
body{
min-width: 420px;
min-height: 10%;
color: #172B4D;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
}
.title{
font-family:Anton, Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.developer{
opacity: 0.8;
}
.btnBelow{
font-family: 'Kanit', sans-serif;
}
#banner{
font-family: 'Rubik', sans-serif;
}
</style>
<!-- <script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script> -->
</head>
<body>
<div class="container">
<h2 class="title text-center text-capitalize">Cookie Manager</h2>
<center><button type="button" class="btn btn-default"><strong>Total Cookies <span class="badge" id="cookie-counter"></span></strong></button>
</center>
<div class="clearfix"></div>
<br>
<div class="alert alert-info alert-dismissible" id="banner">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
<p id="message">Please enter <strong>complete url</strong> below and press <span class='label label-primary'>Display Cookies</span></p>
</div>
<div id="result"></div>
<form>
<div class="form-group">
<label for="url">Enter Domain:</label>
<input type="text" class="form-control" id="url" required="required">
</div>
<div class="form-group" style="display:none;" id="cookie">
<label for="key">Name:</label>
<input type="text" class="form-control" id="key" required="required">
<label for="value">Value:</label>
<input type="text" class="form-control" id="value" required="required">
</div>
<button type = "button" class="btn btnBelow btn-danger" id="clear_cookies">Clear All Cookies</button>
<button type="button" class="btn btnBelow btn-primary" id="display_cookies">Display Cookies</button>
<button type="button" class="btn btnBelow btn-success" id="set_cookies">Set Cookies</button>
</form>
<div class="clearfix"></div>
<br>
<table id="cookieslog" class="table table-hover table-bordered"></table>
</div>
<div id="developer"><p class="text-center text-info developer"><span class="label label-default">Developed by Anukriti Jha</span> </p></div>
<script src="index.js"></script>
<script src="background.js"></script>
</body>
</html>