-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpopup.html
35 lines (35 loc) · 1.58 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<script src="bootstrap/js/bootstrap.min.js"></script>
<title>CTE</title>
</head>
<body>
<div id="container" style="width: 300px;height: 300px;background-image: linear-gradient(to right, rgba(255,236,210,1), rgba(252,182,159,1));
display: block;text-align: center;">
<div>
<img src="logo.png" style="padding: 5%;">
<p style="font-weight: 900;color:darkgray;">Share your tabs with people</p>
</div>
<div id= inputArea>
<div class="mx-auto" style="padding: 10px;">
<div class="input-group" style="opacity: 0.9;">
<span class="input-group-addon" id="basic-addon">Email</span>
<input id="mailInput" type="text" class="form-control" placeholder="[email protected]" aria-describedby="basic-addon">
</div>
<div style="margin-top:10px;display: grid;">
<button id="sendButton" type="button" size="small" class="btn btn-primary"><span class="align-middle">Send <span
class="glyphicon glyphicon-send"></span> </span> </button>
</div>
</div>
</div>
<div id="result" style="display:none; z-index: 100;" >
<p id="resultText" style="font-weight: 900;color:darkgray;"></p>
<button id="resultConfirmButton" type="button" size="small" class="btn btn-primary">OK</button>
</div>
</div>
<script type="module" src="background.js"></script>
</body>
</html>