Skip to content

Commit 438e64d

Browse files
green-scriptsgreen-scripts
committed
FEAT: Add Donate System
1 parent 512296e commit 438e64d

13 files changed

Lines changed: 522 additions & 4 deletions

‎Imagens/GreenScriptsLogo.png‎

34.3 KB
Loading

‎Imagens/GreenScriptsLogo2.png‎

46.9 KB
Loading

‎Imagens/IconeDeUsuario.png‎

-35.9 KB
Binary file not shown.

‎Imagens/KeyIcon.png‎

-13.2 KB
Binary file not shown.

‎Imagens/ScriptIcon.png‎

-17.6 KB
Binary file not shown.

‎Imagens/SettingsIcon.png‎

-33 KB
Binary file not shown.

‎PixGG.css‎

Lines changed: 379 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,379 @@
1+
/* ── Variáveis ────────────────────────────────────────── */
2+
:root {
3+
--green-bright: #00e676;
4+
--green-mid: #00c853;
5+
--green-dark: #007a35;
6+
--teal: #00bcd4;
7+
--teal-dark: #007a8a;
8+
--bg-outer: #000a01;
9+
--bg-card: #050f03;
10+
--bg-inner: #010800;
11+
--border-main: #00943a;
12+
--border-inner: #163d20;
13+
--text-muted: #96b0a0;
14+
--text-white: #ffffff;
15+
--red-heart: #ef5350;
16+
}
17+
18+
/* ── Container principal ──────────────────────────────── */
19+
#PixGgScreen {
20+
position: fixed;
21+
left: 50%;
22+
top: 50%;
23+
transform: translate(-50%, -50%);
24+
25+
/* tamanho base */
26+
width: min(400px, 92vw);
27+
28+
background: linear-gradient(145deg, #010a00, #000812);
29+
border-radius: 20px;
30+
border: 2px solid var(--border-main);
31+
box-shadow:
32+
0 0 0 1px rgba(0, 200, 80, 0.07),
33+
0 0 35px rgba(0, 148, 58, 0.18),
34+
0 10px 50px rgba(0, 0, 0, 0.75);
35+
z-index: 12921;
36+
overflow: hidden;
37+
padding-bottom: 24px;
38+
39+
/* responsividade vertical */
40+
max-height: 95vh;
41+
overflow-y: auto;
42+
scrollbar-width: none;
43+
}
44+
#PixGgScreen::-webkit-scrollbar { display: none; }
45+
46+
/* brilho topo */
47+
#PixGgScreen::before {
48+
content: '';
49+
position: absolute;
50+
top: 0; left: 10%; right: 10%;
51+
height: 1px;
52+
background: linear-gradient(to right,
53+
transparent,
54+
rgba(0, 230, 118, 0.55),
55+
transparent
56+
);
57+
pointer-events: none;
58+
}
59+
60+
/* ── Botão fechar ─────────────────────────────────────── */
61+
#CloseButton {
62+
position: absolute;
63+
top: 12px;
64+
right: 14px;
65+
width: 28px;
66+
height: 28px;
67+
display: flex;
68+
align-items: center;
69+
justify-content: center;
70+
background: rgba(255, 255, 255, 0.04);
71+
border: 1px solid rgba(255, 255, 255, 0.1);
72+
border-radius: 50%;
73+
color: rgba(255, 255, 255, 0.45);
74+
cursor: pointer;
75+
transition:
76+
background 0.2s ease,
77+
color 0.2s ease,
78+
border-color 0.2s ease,
79+
transform 0.15s ease;
80+
z-index: 10;
81+
padding: 0;
82+
}
83+
#CloseButton:hover {
84+
background: rgba(239, 83, 80, 0.15);
85+
border-color: rgba(239, 83, 80, 0.5);
86+
color: #ef5350;
87+
transform: rotate(90deg);
88+
}
89+
#CloseButton:active {
90+
transform: rotate(90deg) scale(0.9);
91+
}
92+
93+
/* ── Título do topo ───────────────────────────────────── */
94+
#PixTitle {
95+
display: flex;
96+
align-items: center;
97+
justify-content: center;
98+
gap: 10px;
99+
margin-top: 22px;
100+
margin-bottom: 18px;
101+
font-family: monospace;
102+
font-weight: bold;
103+
font-size: clamp(18px, 5vw, 26px);
104+
padding: 0 44px; /* espaço para o botão fechar */
105+
}
106+
107+
#PixTitle img {
108+
width: clamp(32px, 8vw, 42px);
109+
filter: drop-shadow(0 0 6px rgba(0, 200, 80, 0.45));
110+
}
111+
112+
/* ── Divisor ──────────────────────────────────────────── */
113+
#PixGgScreen hr {
114+
border: none;
115+
height: 1px;
116+
background: linear-gradient(to right,
117+
transparent,
118+
rgba(0, 200, 80, 0.5) 30%,
119+
rgba(0, 188, 212, 0.38) 70%,
120+
transparent
121+
);
122+
margin: 0 20px;
123+
}
124+
125+
/* ── Boas-vindas ──────────────────────────────────────── */
126+
#welcome {
127+
display: flex;
128+
flex-direction: column;
129+
align-items: center;
130+
margin-top: 20px;
131+
margin-bottom: 20px;
132+
text-align: center;
133+
padding: 0 16px;
134+
}
135+
136+
#welcome h1 {
137+
font-size: clamp(26px, 7vw, 34px);
138+
font-family: 'Segoe UI', system-ui, sans-serif;
139+
font-weight: 800;
140+
margin: 0 0 5px;
141+
background: linear-gradient(135deg, var(--green-bright), var(--green-dark));
142+
-webkit-background-clip: text;
143+
background-clip: text;
144+
-webkit-text-fill-color: transparent;
145+
}
146+
147+
#welcome h2 {
148+
font-size: clamp(11px, 3vw, 13px);
149+
font-family: monospace;
150+
font-weight: normal;
151+
margin: 0;
152+
background: linear-gradient(135deg, #8aaa96, #6b8c7a);
153+
-webkit-background-clip: text;
154+
background-clip: text;
155+
-webkit-text-fill-color: transparent;
156+
}
157+
158+
/* ── Card interno ─────────────────────────────────────── */
159+
#PixGoalCard {
160+
background: linear-gradient(160deg, #0a1f08, var(--bg-inner));
161+
border: 1px solid var(--border-inner);
162+
box-shadow:
163+
inset 0 1px 0 rgba(0, 200, 80, 0.05),
164+
0 4px 20px rgba(0, 0, 0, 0.45);
165+
width: min(82%, 320px);
166+
margin: 0 auto;
167+
border-radius: 12px;
168+
display: flex;
169+
flex-direction: column;
170+
align-items: center;
171+
padding-bottom: 18px;
172+
}
173+
174+
/* ── Título do card ───────────────────────────────────── */
175+
#GoalTitle {
176+
display: flex;
177+
flex-direction: column;
178+
align-items: center;
179+
gap: 2px;
180+
margin: 16px 0 8px;
181+
}
182+
183+
#GoalTitle h2 {
184+
font-size: clamp(15px, 4vw, 18px);
185+
font-family: 'Segoe UI', Verdana, sans-serif;
186+
font-weight: 700;
187+
margin: 0;
188+
color: var(--text-white);
189+
}
190+
191+
#GoalTitle span {
192+
font-size: clamp(14px, 3.5vw, 17px);
193+
font-family: Arial, Helvetica, sans-serif;
194+
}
195+
196+
/* ── Descrição ────────────────────────────────────────── */
197+
#GoalDescription {
198+
width: 90%;
199+
}
200+
201+
#GoalDescription p {
202+
color: var(--text-muted);
203+
font-size: clamp(11px, 3vw, 13px);
204+
font-family: monospace;
205+
text-align: center;
206+
margin: 0;
207+
line-height: 1.65;
208+
padding: 2px 4px;
209+
}
210+
211+
#pixText {
212+
display: inline-flex;
213+
align-items: center;
214+
gap: 3px;
215+
vertical-align: middle;
216+
background: linear-gradient(135deg, var(--teal), var(--green-dark));
217+
-webkit-background-clip: text;
218+
background-clip: text;
219+
-webkit-text-fill-color: transparent;
220+
}
221+
222+
#pixText img {
223+
transform: translateY(-1px);
224+
}
225+
226+
/* ── Barra de progresso ───────────────────────────────── */
227+
#GoalContainer {
228+
width: 100%;
229+
display: flex;
230+
flex-direction: column;
231+
align-items: center;
232+
margin-top: 6px;
233+
}
234+
235+
#GoalbarWrapper {
236+
width: 86%;
237+
}
238+
239+
#GoalbarTrack {
240+
margin-top: 14px;
241+
width: 100%;
242+
height: 10px;
243+
background: rgba(0, 0, 0, 0.7);
244+
border: 1px solid rgba(0, 148, 58, 0.25);
245+
border-radius: 6px;
246+
overflow: hidden;
247+
}
248+
249+
#progress-fill {
250+
height: 100%;
251+
width: 65%;
252+
border-radius: 6px;
253+
background: linear-gradient(to right, var(--green-mid), var(--teal));
254+
box-shadow: 0 0 8px rgba(0, 200, 80, 0.4);
255+
transition: width 0.5s ease-in-out;
256+
}
257+
258+
/* ── Labels da meta ───────────────────────────────────── */
259+
#GoalLabels {
260+
display: flex;
261+
justify-content: space-between;
262+
align-items: center;
263+
margin-top: 8px;
264+
padding: 0 1px;
265+
}
266+
267+
#GoalCurrent {
268+
font-family: 'Segoe UI', system-ui, sans-serif;
269+
font-size: clamp(10px, 2.5vw, 12px);
270+
font-weight: 700;
271+
color: var(--green-bright);
272+
opacity: 0.9;
273+
}
274+
275+
#GoalPercent {
276+
font-family: monospace;
277+
font-size: clamp(11px, 2.8vw, 13px);
278+
font-weight: 700;
279+
background: linear-gradient(135deg, var(--green-mid), var(--teal));
280+
-webkit-background-clip: text;
281+
background-clip: text;
282+
-webkit-text-fill-color: transparent;
283+
letter-spacing: 0.5px;
284+
}
285+
286+
#GoalTotal {
287+
font-family: 'Segoe UI', system-ui, sans-serif;
288+
font-size: clamp(10px, 2.5vw, 12px);
289+
font-weight: 600;
290+
color: var(--text-muted);
291+
opacity: 0.8;
292+
}
293+
294+
/* ── Botão doação ─────────────────────────────────────── */
295+
#DonateButtonWrapper {
296+
margin-top: 16px;
297+
width: 86%;
298+
}
299+
300+
#DonateButton {
301+
display: flex;
302+
align-items: center;
303+
justify-content: center;
304+
gap: 8px;
305+
width: 100%;
306+
padding: 10px 0;
307+
border: 1px solid rgba(0, 200, 80, 0.5);
308+
border-radius: 8px;
309+
background: linear-gradient(135deg,
310+
rgba(0, 180, 60, 0.13),
311+
rgba(0, 140, 160, 0.10)
312+
);
313+
color: var(--green-bright);
314+
font-family: 'Segoe UI', system-ui, sans-serif;
315+
font-size: clamp(12px, 3.2vw, 14px);
316+
font-weight: 700;
317+
letter-spacing: 0.4px;
318+
cursor: pointer;
319+
transition:
320+
background 0.25s ease,
321+
box-shadow 0.25s ease,
322+
transform 0.15s ease;
323+
}
324+
325+
#DonateButton svg {
326+
color: var(--red-heart);
327+
filter: drop-shadow(0 0 4px rgba(239, 83, 80, 0.55));
328+
flex-shrink: 0;
329+
}
330+
331+
#DonateButton:hover {
332+
background: linear-gradient(135deg,
333+
rgba(0, 200, 80, 0.2),
334+
rgba(0, 188, 212, 0.16)
335+
);
336+
box-shadow: 0 0 16px rgba(0, 200, 80, 0.22);
337+
transform: translateY(-1px);
338+
}
339+
340+
#DonateButton:active {
341+
transform: translateY(0px);
342+
box-shadow: none;
343+
}
344+
345+
/* ── Gradiente texto ──────────────────────────────────── */
346+
.TextGradient {
347+
background: linear-gradient(135deg, var(--green-bright), var(--teal));
348+
-webkit-background-clip: text;
349+
background-clip: text;
350+
-webkit-text-fill-color: transparent;
351+
}
352+
353+
/* ── Responsividade ───────────────────────────────────── */
354+
@media (max-width: 440px) {
355+
#PixGgScreen {
356+
border-radius: 14px;
357+
padding-bottom: 20px;
358+
}
359+
360+
#PixGoalCard {
361+
width: 88%;
362+
}
363+
364+
#GoalbarWrapper,
365+
#DonateButtonWrapper {
366+
width: 90%;
367+
}
368+
}
369+
370+
@media (max-height: 600px) {
371+
#welcome { margin: 12px 0; }
372+
#PixTitle { margin-top: 14px; margin-bottom: 12px; }
373+
#GoalTitle { margin: 10px 0 6px; }
374+
}
375+
376+
a
377+
{
378+
text-decoration: none;
379+
}

‎PixggWindow.js‎

Whitespace-only changes.

‎ScriptsCard/RedPR.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Space+Mono&display=swap" rel="stylesheet">
88
<link rel="stylesheet" href="RedPR.css">
99
<link rel="stylesheet" href="RedPR-mobile.css">
10-
<link rel="shortcut icon" href="Imagens/SiteIcon.png" type="image/x-icon">
10+
<link rel="shortcut icon" href="Imagens/GreenScriptsLogo.png" type="image/x-icon">
1111
</head>
1212
<body>
1313

‎getKey.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>Green Scripts | Chave Gerada</title>
77
<link rel="stylesheet" href="getKey.css">
8+
<link rel="shortcut icon" href="Imagens/GreenScriptsLogo.png" type="image/x-icon">k
89
</head>
910
<body>
1011

0 commit comments

Comments
 (0)