-
Notifications
You must be signed in to change notification settings - Fork 0
/
popup.html
132 lines (120 loc) · 3.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Twitter Follower Counter</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
body {
font-family: 'Poppins', sans-serif;
background: linear-gradient(135deg, #6e45e2, #88d3ce);
color: #ffffff;
text-align: center;
padding: 20px;
margin: 0;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.container {
background-color: rgba(255, 255, 255, 0.1);
padding: 20px;
border-radius: 10px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
width: 300px;
max-width: 100%;
transition: all 0.3s ease;
/* Adjusted to reduce the top margin */
margin-top: 0; /* Remove extra margin at the top */
}
.title {
font-size: 1.5em;
margin-bottom: 15px;
color: #ffffff;
letter-spacing: 1px;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
/* Adjusted to reduce the top margin */
margin-top: 0; /* Remove extra margin at the top */
}
.content {
background-color: rgba(255, 255, 255, 0.2);
padding: 15px;
border-radius: 8px;
margin-bottom: 15px;
color: #f3f3f3;
}
.user-mass {
background-color: rgba(255, 255, 255, 0.2);
padding: 15px;
border-radius: 8px;
font-weight: bold;
font-size: 16px;
margin-top: 15px;
}
p {
font-size: 0.9rem;
margin: 8px 0;
}
button {
padding: 10px 20px;
background-color: #ff6b6b;
color: white;
border: none;
border-radius: 8px;
font-size: 16px;
cursor: pointer;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
margin-top: 15px;
}
button:hover {
background-color: #e74c3c;
transform: translateY(-2px);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}
#loadFollowers {
background-color: #1abc9c;
}
#loadFollowers:hover {
background-color: #16a085;
}
p span {
color: #ffecb3;
font-weight: 600;
}
@media (max-width: 420px) {
.container {
width: 250px;
padding: 15px;
}
.title {
font-size: 1.3em;
}
button {
font-size: 14px;
padding: 8px 16px;
}
}
</style>
</head>
<body>
<div class="container">
<h1 class="title">Twitter User Mass</h1>
<div class="content">
<p id="currentUrl">当前网址: <span>未提供</span></p>
<p id="followerCount">关注者数量: <span>点击按钮加载</span></p>
<p id="followingStatus">正在关注: <span>未提供</span></p>
<p id="creationTime">创建时间: <span>未提供</span></p>
<p id="daysSinceCreation">距离创建时间: <span>未计算</span></p>
<p id="verifiedStatus">认证状态: <span>未提供</span></p>
</div>
<button id="loadFollowers">查看用户质量</button>
<div class="user-mass">
<p id="userMass">信誉值: <span>未提供</span></p>
</div>
</div>
<script src="popup.js"></script>
</body>
</html>