Skip to content

Commit a3b023d

Browse files
StephenDev0StephenDev0
committed
New website
1 parent 4ed15b9 commit a3b023d

2 files changed

Lines changed: 74 additions & 92 deletions

File tree

‎index.html‎

Lines changed: 25 additions & 78 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,6 @@
2828
<style>
2929
:root {
3030
--primary-color: #2997ff; /* iOS bright blue */
31-
--accent-glow: rgba(41, 151, 255, 0.6);
3231
--bg-color: #000000;
3332
--text-color: #f5f5f7;
3433
--secondary-text: #86868b;
@@ -38,7 +37,6 @@
3837
--glass-border: rgba(255, 255, 255, 0.12);
3938
--glass-highlight: rgba(255, 255, 255, 0.08);
4039
--glass-blur: blur(25px);
41-
--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);
4240

4341
--warning-bg: rgba(60, 40, 0, 0.6);
4442
--warning-border: #ffd60a;
@@ -84,7 +82,6 @@
8482
backdrop-filter: var(--glass-blur) saturate(180%);
8583
-webkit-backdrop-filter: var(--glass-blur) saturate(180%);
8684
border: 1px solid var(--glass-border);
87-
box-shadow: 0 4px 20px rgba(0,0,0,0.4);
8885
}
8986

9087
.logo {
@@ -96,7 +93,6 @@
9693

9794
.logo span {
9895
color: var(--primary-color);
99-
text-shadow: 0 0 15px var(--accent-glow);
10096
}
10197

10298
nav {
@@ -110,12 +106,11 @@
110106
text-decoration: none;
111107
font-size: 0.9rem;
112108
font-weight: 500;
113-
transition: color 0.3s, text-shadow 0.3s;
109+
transition: color 0.2s;
114110
}
115111

116-
nav a:hover {
117-
color: #fff;
118-
text-shadow: 0 0 8px rgba(255,255,255,0.4);
112+
nav a:hover {
113+
color: #fff;
119114
}
120115

121116
/* Hero Section */
@@ -130,14 +125,13 @@
130125
border-radius: 34px; /* iOS Squircle approximation */
131126
margin: 0 auto 40px;
132127
display: block;
133-
box-shadow: 0 20px 40px rgba(0,0,0,0.6);
134128
object-fit: cover;
135129
border: 1px solid rgba(255,255,255,0.1);
136-
transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
130+
transition: transform 0.3s ease;
137131
}
138132

139133
.app-icon:hover {
140-
transform: scale(1.05) rotate(2deg);
134+
transform: scale(1.02);
141135
}
142136

143137
h1 {
@@ -146,9 +140,7 @@
146140
line-height: 1.05;
147141
font-weight: 800;
148142
letter-spacing: -1.5px;
149-
background: linear-gradient(135deg, #fff 0%, #a5a5a5 100%);
150-
-webkit-background-clip: text;
151-
-webkit-text-fill-color: transparent;
143+
color: #fff;
152144
}
153145

154146
.hero p {
@@ -168,9 +160,7 @@
168160
gap: 16px;
169161
}
170162

171-
.app-store-btn,
172-
.altstore-btn,
173-
.sidestore-btn {
163+
.app-store-btn {
174164
display: inline-flex;
175165
align-items: center;
176166
justify-content: center;
@@ -180,31 +170,14 @@
180170
border-radius: 100px;
181171
font-weight: 600;
182172
font-size: 0.95rem;
183-
transition: all 0.3s ease;
184173
border: 1px solid rgba(255,255,255,0.05);
185-
backdrop-filter: blur(10px);
186-
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
187-
}
188-
189-
.app-store-btn {
190-
background: linear-gradient(135deg, rgba(0, 122, 255, 0.8), rgba(0, 98, 204, 0.8));
191-
box-shadow: 0 0 20px rgba(0, 122, 255, 0.3);
192-
}
193-
194-
.altstore-btn {
195-
background: linear-gradient(135deg, rgba(26, 188, 156, 0.8), rgba(22, 160, 133, 0.8));
196-
}
197-
198-
.sidestore-btn {
199-
background: linear-gradient(135deg, rgba(155, 89, 182, 0.8), rgba(142, 68, 173, 0.8));
174+
background-color: var(--primary-color);
175+
transition: transform 0.2s, opacity 0.2s;
200176
}
201177

202-
.app-store-btn:hover,
203-
.altstore-btn:hover,
204-
.sidestore-btn:hover {
205-
transform: translateY(-3px);
206-
filter: brightness(1.2);
207-
box-shadow: 0 10px 25px rgba(0,0,0,0.4);
178+
.app-store-btn:hover {
179+
transform: translateY(-2px);
180+
opacity: 0.9;
208181
}
209182

210183
.github-link {
@@ -214,12 +187,10 @@
214187
text-decoration: none;
215188
font-size: 0.9rem;
216189
transition: color 0.2s;
217-
border-bottom: 1px solid transparent;
218190
}
219-
191+
220192
.github-link:hover {
221193
color: #fff;
222-
border-bottom-color: #fff;
223194
}
224195

225196
section { scroll-margin-top: 120px; }
@@ -239,28 +210,16 @@
239210
padding: 32px;
240211
border-radius: 32px; /* Very rounded */
241212
border: 1px solid var(--glass-border);
242-
box-shadow: var(--glass-shadow);
243-
transition: transform 0.3s, box-shadow 0.3s, background 0.3s;
244213
position: relative;
245214
overflow: hidden;
246-
}
247-
248-
/* Subtle highlight gradient on top */
249-
.card::before {
250-
content: '';
251-
position: absolute;
252-
top: 0; left: 0; right: 0;
253-
height: 1px;
254-
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
215+
transition: transform 0.3s, background 0.3s;
255216
}
256217

257-
.card:hover {
258-
transform: translateY(-8px) scale(1.02);
259-
background: rgba(40, 40, 45, 0.75);
260-
box-shadow: 0 14px 40px rgba(0,0,0,0.6);
261-
border-color: rgba(255,255,255,0.2);
218+
.card:hover {
219+
transform: translateY(-4px);
220+
background: rgba(45, 45, 50, 0.7);
262221
}
263-
222+
264223
.card h3 {
265224
margin-top: 0;
266225
font-size: 1.4rem;
@@ -287,7 +246,6 @@
287246
font-weight: 700;
288247
text-transform: uppercase;
289248
letter-spacing: 0.5px;
290-
box-shadow: 0 0 10px rgba(255, 159, 10, 0.2);
291249
}
292250

293251
.guide {
@@ -350,18 +308,17 @@
350308
padding: 28px;
351309
border-radius: 28px;
352310
border: 1px solid var(--glass-border);
353-
transition: transform 0.2s;
311+
transition: transform 0.2s, background 0.2s;
354312
}
355-
313+
356314
.os-card:hover {
357-
transform: translateY(-3px);
358-
background: rgba(40, 40, 45, 0.6);
315+
transform: translateY(-2px);
316+
background: rgba(45, 45, 50, 0.7);
359317
}
360318

361319
.os-card h4 { margin-top: 0; color: #fff; font-size: 1.3rem; margin-bottom: 15px; }
362320
.os-card ul { padding-left: 20px; margin-bottom: 0; color: rgba(255,255,255,0.7); }
363321
.os-card a { color: var(--primary-color); font-weight: 500; text-decoration: none; }
364-
.os-card a:hover { text-decoration: underline; }
365322

366323
.step-list {
367324
counter-reset: step;
@@ -384,14 +341,13 @@
384341
position: absolute;
385342
left: 0; top: -2px;
386343
width: 36px; height: 36px;
387-
background: linear-gradient(135deg, var(--primary-color), #005ecb);
344+
background: var(--primary-color);
388345
color: white;
389346
border-radius: 50%;
390347
text-align: center;
391348
line-height: 36px;
392349
font-weight: 700;
393350
font-size: 0.9rem;
394-
box-shadow: 0 4px 10px rgba(0, 122, 255, 0.4);
395351
}
396352

397353
.support-section {
@@ -417,14 +373,11 @@
417373
font-weight: 600;
418374
font-size: 0.95rem;
419375
margin-top: 20px;
420-
transition: all 0.2s;
421-
box-shadow: 0 4px 15px rgba(88, 101, 242, 0.3);
376+
transition: opacity 0.2s;
422377
}
423378

424379
.discord-btn:hover {
425-
background-color: #4752c4;
426-
transform: translateY(-2px);
427-
box-shadow: 0 8px 20px rgba(88, 101, 242, 0.5);
380+
opacity: 0.9;
428381
}
429382

430383
footer {
@@ -494,12 +447,6 @@ <h1>Unlock the power of <br>on-device debugging.</h1>
494447
<a href="https://github.com/StephenDev0/StikDebug/releases" class="app-store-btn">
495448
Download the IPA on GitHub
496449
</a>
497-
<a href="altstore://source?url=https://stikdebug.xyz/index.json" class="altstore-btn">
498-
Add the Repo to AltStore
499-
</a>
500-
<a href="sidestore://source?url=https://stikdebug.xyz/index.json" class="sidestore-btn">
501-
Add the Repo to SideStore
502-
</a>
503450
</div>
504451

505452
<a href="https://github.com/StephenDev0/StikDebug" class="github-link">View Source on GitHub</a>

‎patreon.html‎

Lines changed: 49 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -8,37 +8,72 @@
88
/>
99
<title>StikFetch Patreon Redirect</title>
1010
<style>
11+
:root {
12+
--primary-color: #2997ff;
13+
--bg-color: #000000;
14+
--text-color: #f5f5f7;
15+
--glass-bg: rgba(30, 30, 35, 0.65);
16+
--glass-border: rgba(255, 255, 255, 0.12);
17+
--glass-blur: blur(25px);
18+
}
19+
1120
body {
12-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
13-
background: #0b0b0f;
14-
color: #f5f5f5;
21+
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
22+
background-color: var(--bg-color);
23+
color: var(--text-color);
1524
display: flex;
1625
align-items: center;
1726
justify-content: center;
1827
min-height: 100vh;
1928
margin: 0;
2029
padding: 24px;
2130
text-align: center;
31+
-webkit-font-smoothing: antialiased;
2232
}
33+
2334
.card {
2435
max-width: 420px;
25-
padding: 32px;
26-
border-radius: 20px;
27-
background: rgba(255, 255, 255, 0.04);
28-
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35);
36+
padding: 40px;
37+
border-radius: 32px;
38+
background: var(--glass-bg);
39+
backdrop-filter: var(--glass-blur) saturate(180%);
40+
-webkit-backdrop-filter: var(--glass-blur) saturate(180%);
41+
border: 1px solid var(--glass-border);
2942
}
43+
3044
h1 {
31-
font-size: 1.9rem;
32-
margin-bottom: 12px;
45+
font-size: 2rem;
46+
font-weight: 700;
47+
margin-top: 0;
48+
margin-bottom: 16px;
49+
color: #fff;
3350
}
51+
3452
p {
3553
margin: 0;
36-
line-height: 1.5;
54+
line-height: 1.6;
55+
color: rgba(255, 255, 255, 0.8);
56+
font-size: 1.05rem;
3757
}
38-
code {
39-
font-family: ui-monospace, SFMono-Regular, SFMono-Bold, Menlo, Monaco, Consolas, "Liberation Mono",
40-
"Courier New", monospace;
58+
59+
a#open-app {
60+
display: inline-block;
61+
margin-top: 16px;
62+
background-color: var(--primary-color);
63+
color: white;
64+
text-decoration: none;
65+
padding: 12px 28px;
66+
border-radius: 100px;
67+
font-weight: 600;
68+
border: 1px solid rgba(255,255,255,0.05);
69+
transition: transform 0.2s, opacity 0.2s;
70+
}
71+
72+
a#open-app:hover {
73+
transform: translateY(-2px);
74+
opacity: 0.9;
4175
}
76+
4277
.hidden {
4378
display: none;
4479
}
@@ -50,7 +85,7 @@ <h1>Opening StikFetch…</h1>
5085
<p id="status">If the app doesn’t open automatically, tap the button below.</p>
5186
<p class="hidden" id="error"></p>
5287
<p style="margin-top: 18px;">
53-
<a id="open-app" href="#" style="color: #9ad1ff;">Open StikFetch</a>
88+
<a id="open-app" href="#">Open StikFetch</a>
5489
</p>
5590
<p style="margin-top: 24px; font-size: 0.85rem; opacity: 0.75;">
5691
You can close this tab once the app finishes signing you in.

0 commit comments

Comments
 (0)