forked from codezilla2018/Stackfire
-
Notifications
You must be signed in to change notification settings - Fork 1
/
popup.html
138 lines (99 loc) · 5.28 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
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
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=0, minimum-scale=0, maximum-scale=1, user-scalable=0">
<title>StackFire</title>
<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval' http://www.google.com">
<link rel="stylesheet" type="text/css" href="../css/global.css">
<link rel="stylesheet" type="text/css" href="../css/popup.css">
<link rel="stylesheet" type="text/css" href="../css/setup.css">
<link rel="stylesheet" type="text/css" href="../css/switch.css">
<link rel="stylesheet" type="text/css" href="../css/animate.css">
<link rel="stylesheet" type="text/css" href="../css/dialog.css">
<title></title>
</head>
<body>
<h1 style="font-size:25px; padding:4px 4px; color:#FF4500"> StackFire </h1>
<div class="nav">
<a title="Setup" id="setup-button" href="#setup-button">
<i class="icon"> </i>
</a>
<a title="Show About" id="about-button" href="#">
<i class="icon"> </i>
</a>
<a title="Linked chat" id="chat-button" href="#chat-button">
<i class="icon"> </i>
</a>
<a title="Show Achievements" id="achievements-button" href="#achievements-button">
<span class="push hide">0</span>
<i class="icon"> </i>
</a>
<a title="Show Inbox" id="inbox-button" href="#inbox-button">
<span class="push hide">0</span>
<i class="icon"> </i>
</a>
</div>
<div id="setup-content" class="tab-item hide">
<div id="setup-inner"></div>
</div>
<div class="tab-item hide" id="chat-content">
<div class="header">
<h3 style="float:left">Badges & Reputation</h3>
</div>
<div class="modal-content rooms" >
<div id="rep">
<center>
<h1 style="float:center;font-size:20px">Badges</h1><br>
<button style="background-color:#FFDF00;width:90%;height:50px;opacity: 0.8;float:center;padding: 15px 32px; text-align: center;"type="button" id="gold" disabled><img src="../images/gold.png" style="float:left;height:25px;" ><font color="black">Gold Badges</font> </button><br>
<button style="background-color:#C0C0C0;width:90%;height:50px;opacity: 0.8;float:center;padding: 15px 32px; text-align: center;"type="button" id="silver" disabled><img src="../images/silver.png" style="float:left;height:25px;"><font color="black">Silver Badges</font> </button><br>
<button style="background-color:#C9AE5D;width:90%;height:50px;opacity: 0.8;float:center;padding: 15px 32px; text-align: center;"type="button" id="bronze" disabled><img src="../images/bronze.png" style="float:left;height:25px;"><font color="black">Bronze Badges</font> </button><br>
<br><br>
<h1 style="float:center;font-size:20px"><b>Reputation<b></h1><br>
<button id="repu" style="background-color: #ffffff;border: solid; font-size: 50px;padding: 70px;border-radius: 50%;"><img src="../images/repui.png" style="float:top center"></button>
</center>
</div>
</div>
</div>
<div class="tab-item hide" id="inbox-content"></div>
<div class="tab-item hide" id="achievements-content"></div>
<div class="tab-item" id="about-content">
<div class="header">
<h3>Profile Information</h3>
</div>
<div class="about">
<div id="w">
<img id="myimg" height="150px" width="150px" src="stack.png"><br>
<div id="demo">
<span id="a" style="border: 5px; border-radius: 16px; font-size: 16px;"></span><br>
<span id="b" style="border: 5px; border-radius: 16px; font-size: 16px;"></span><br>
<span id="c" style="border: 5px; border-radius: 16px; font-size: 16px;"></span><br><br>
<span id="e" style="border: 5px; border-radius: 16px; font-size: 24px;"></span>
<span id="f" style="border: 5px; border-radius: 16px; font-size: 24px;"></span>
</div>
<div id="qus">
</div>
</div>
<h1 id="about-title"> </h1>
<hr>
<h2>StackFire for Codezilla</h2>
</div>
</div>
<div class="dialog hide">
<div class="modal">
<div class="content"></div>
<div class="act alert hide">
<button>Ok</button>
</div>
<div class="act confirm hide">
<button>Confirm</button>
<button>Cancel</button>
</div>
</div>
</div>
<script type="text/javascript" src="../js/stackexchangenotifications.js"></script>
<script type="text/javascript" src="../js/pop.js"></script>
<script type="text/javascript" src="det.js"></script>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
</body>
</html>