tabShare/popup.html at master · alazyfool/tabShare · GitHub

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
<!DOCTYPE html>
<html>

<head>
	<title></title>
	<style type="text/css">
		@font-face {
			font-family: 'lato';
			src: url('lato.ttf');
		}

		body {
			padding: 0px;
			margin: 0px;
			width: 250px;
			text-align: center;
		}

		#wrapper {
			font-family: lato;
			padding: 40px 10px 10px 10px;
			background: white;
		}

		#shareTab {
			background: #3FD487;
			border-radius: 200px;
			padding: 15px 45px;
			font-size: 1.5em;
			text-decoration: none;
			color: white;
			text-transform: uppercase;
			width: 100%;
		}

		#shareTab:hover {
			background: #6edea4;
		}

		.text,
		#info {
			font-size: 1.2rem;
			color: #818181;
		}

		.textbox {
			font-size: 1.2em;
			color: black;
			text-align: center;
			width: 100%;
			padding: 10px 0px 10px 0px;
		}

		#icon {
			background-color: #369AF5;
			padding: 10px 0px 10px 0px;
		}

		#generatedLink {
			color: #818181;
		}

		#generatedLink:hover {
			color: #369AF5;
		}

		.large {
			font-size: 2.3em;
		}

		.hidden {
			display: none;
		}
		.radio {
			padding-top: 15px;
			padding-left: 10px;
			padding-right: 10px;
			display:inline-block;
			font-size: 1.5em;
		}

		.invalid::placeholder {
			color: #e74c3c;
		}

	</style>
</head>

<body>
	<div id="icon">
		<img src="icon.png">
	</div>
	<div id="no-internet">
		<img src="no-internet.png">
		<p class="text">No Internet</p>
	</div>
	<div id="wrapper">
		<div id="create-link">
			<input type="text" class="textbox" id="title" name="Title" placeholder="Title">
			<br/>
				<label class="radio"><input type="radio" name="isPrivate" value="true">Private</label>
				<label class="radio"><input type="radio" name="isPrivate" value="false" checked>Public</label><br/><br><br/>
			<a href="#" name="shareTab" id="shareTab">Share Tabs</a>
			<br/>
			<br/>
		</div>
		<p id="info" class="hidden">Share this link..</p>
		<span id="generatedLink"></span>
		<br/>
		<hr/>
		<p class="text">open shared tabs..</p>
		<input type="text" id="sharedlink" class="textbox" placeholder="Place the link here..!">
	</div>
	<script type="text/javascript" src="jquery.min.js"></script>
	<script type="text/javascript" src="popup.js"></script>
</body>

</html>