Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
163 lines (151 loc) · 11.8 KB
/
Copy pathindex.html
File metadata and controls
163 lines (151 loc) · 11.8 KB
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Claim Available Tasks | Portal</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Plus Jakarta Sans', sans-serif;
background-color: #05070F;
}
.mesh-gradient {
position: absolute;
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(99, 102, 241, 0.12) 0%, rgba(168, 85, 247, 0.08) 50%, rgba(0,0,0,0) 70%);
border-radius: 50%;
filter: blur(40px);
z-index: 0;
}
</style>
</head>
<body class="text-gray-300 min-h-screen flex flex-col justify-between overflow-x-hidden relative selection:bg-indigo-500 selection:text-white">
<div class="mesh-gradient top-[-20%] left-[-10%] animate-pulse" style="animation-duration: 8s;"></div>
<div class="mesh-gradient bottom-[-20%] right-[-10%] animate-pulse" style="animation-duration: 12s;"></div>
<header class="relative z-10 max-w-6xl mx-auto w-full px-6 py-6 flex justify-between items-center">
<div class="flex items-center space-x-2.5">
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-indigo-500 to-purple-600 flex items-center justify-center shadow-lg shadow-indigo-500/20">
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path>
</svg>
</div>
<span class="text-lg font-bold tracking-tight text-white">TaskForge</span>
</div>
<div class="flex items-center space-x-3 bg-gray-900/60 border border-gray-800/80 px-3 py-1.5 rounded-full backdrop-blur-sm">
<span class="w-2 h-2 rounded-full bg-emerald-400 animate-ping"></span>
<span class="text-xs font-semibold tracking-wide uppercase text-emerald-400">3 Priority Tasks Open</span>
</div>
</header>
<main class="relative z-10 max-w-6xl mx-auto w-full px-6 py-12 md:py-16 flex flex-col lg:flex-row items-start gap-12">
<div class="w-full lg:w-2/5 text-center lg:text-left space-y-6 lg:sticky lg:top-12">
<div class="inline-flex items-center space-x-2 bg-gradient-to-r from-indigo-500/10 to-purple-500/10 border border-indigo-500/20 px-3 py-1 rounded-full text-indigo-300 text-xs font-medium tracking-wide">
🚀 Micro-Allocation Engine Active
</div>
<h1 class="text-4xl sm:text-5xl font-extrabold tracking-tight text-white leading-[1.15]">
Your queue is updated.<br class="hidden sm:inline">
<span class="bg-clip-text text-transparent bg-gradient-to-r from-indigo-400 via-purple-400 to-pink-400">
Claim and earn.
</span>
</h1>
<p class="text-gray-400 text-base sm:text-lg max-w-md mx-auto lg:mx-0 leading-relaxed">
Review your assigned task queue below. Select a task to claim it immediately. Once claimed, your session will redirect to lock in the asset.
</p>
<div class="pt-4 hidden sm:flex justify-center lg:justify-start gap-6 text-xs font-medium text-gray-400">
<div class="flex items-center space-x-2">
<svg class="w-4 h-4 text-indigo-400" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
<span>Instant Execution</span>
</div>
<div class="flex items-center space-x-2">
<svg class="w-4 h-4 text-purple-400" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg>
<span>Secure Pay-out</span>
</div>
</div>
</div>
<div class="w-full lg:w-3/5 space-y-6">
<div class="relative group">
<div class="absolute -inset-0.5 bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 rounded-2xl blur opacity-20 group-hover:opacity-40 transition duration-300"></div>
<div class="relative bg-[#0D1222]/90 border border-gray-800 rounded-2xl p-6 backdrop-blur-xl flex flex-col md:flex-row justify-between items-start md:items-center gap-6">
<div class="space-y-2">
<div class="flex items-center space-x-2">
<span class="text-[10px] font-bold tracking-wider text-indigo-400 uppercase bg-indigo-500/10 px-2 py-0.5 rounded">Task 01</span>
<span class="text-xs text-gray-500">ID: #400D</span>
</div>
<h3 class="text-lg font-bold text-white">App Store Performance Assessment</h3>
<p class="text-xs text-gray-400 max-w-md">Initialize a rapid analytical check on our regional application mirror and verify configuration logs.</p>
</div>
<div class="text-right w-full md:w-auto flex md:flex-col justify-between md:justify-center items-center md:items-end gap-2 border-t md:border-t-0 border-gray-800/60 pt-4 md:pt-0">
<div>
<span class="block text-[10px] uppercase font-bold text-gray-500 tracking-wider">Payout</span>
<span class="text-lg font-extrabold text-white">$14.00</span>
</div>
<a href="https://checkmyapp.store/cl/i/4ood9j" class="inline-flex items-center justify-center gap-2 px-5 py-2.5 bg-indigo-500 hover:bg-indigo-600 text-white text-xs font-semibold rounded-xl shadow-md transition duration-200">
Claim Task
<svg class="w-3 h-3" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg>
</a>
</div>
</div>
</div>
<div class="relative group">
<div class="absolute -inset-0.5 bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 rounded-2xl blur opacity-20 group-hover:opacity-40 transition duration-300"></div>
<div class="relative bg-[#0D1222]/90 border border-gray-800 rounded-2xl p-6 backdrop-blur-xl flex flex-col md:flex-row justify-between items-start md:items-center gap-6">
<div class="space-y-2">
<div class="flex items-center space-x-2">
<span class="text-[10px] font-bold tracking-wider text-purple-400 uppercase bg-purple-500/10 px-2 py-0.5 rounded">Task 02</span>
<span class="text-xs text-gray-500">ID: #9VVX</span>
</div>
<h3 class="text-lg font-bold text-white">Cloud Integration Validation</h3>
<p class="text-xs text-gray-400 max-w-md">Execute connection diagnostics on the live staging architecture to ensure stable payload synchronization.</p>
</div>
<div class="text-right w-full md:w-auto flex md:flex-col justify-between md:justify-center items-center md:items-end gap-2 border-t md:border-t-0 border-gray-800/60 pt-4 md:pt-0">
<div>
<span class="block text-[10px] uppercase font-bold text-gray-500 tracking-wider">Payout</span>
<span class="text-lg font-extrabold text-white">$14.00</span>
</div>
<a href="https://checkmyapp.store/cl/i/9vvx3v" class="inline-flex items-center justify-center gap-2 px-5 py-2.5 bg-indigo-500 hover:bg-indigo-600 text-white text-xs font-semibold rounded-xl shadow-md transition duration-200">
Claim Task
<svg class="w-3 h-3" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg>
</a>
</div>
</div>
</div>
<div class="relative group">
<div class="absolute -inset-0.5 bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 rounded-2xl blur opacity-20 group-hover:opacity-40 transition duration-300"></div>
<div class="relative bg-[#0D1222]/90 border border-gray-800 rounded-2xl p-6 backdrop-blur-xl flex flex-col md:flex-row justify-between items-start md:items-center gap-6">
<div class="space-y-2">
<div class="flex items-center space-x-2">
<span class="text-[10px] font-bold tracking-wider text-pink-400 uppercase bg-pink-500/10 px-2 py-0.5 rounded">Task 03</span>
<span class="text-xs text-gray-500">ID: #KGKL</span>
</div>
<h3 class="text-lg font-bold text-white">Secure Data Node Verification</h3>
<p class="text-xs text-gray-400 max-w-md">Verify localized system nodes are routing tasks correctly without data packet degradation.</p>
</div>
<div class="text-right w-full md:w-auto flex md:flex-col justify-between md:justify-center items-center md:items-end gap-2 border-t md:border-t-0 border-gray-800/60 pt-4 md:pt-0">
<div>
<span class="block text-[10px] uppercase font-bold text-gray-500 tracking-wider">Payout</span>
<span class="text-lg font-extrabold text-white">$14.00</span>
</div>
<a href="https://saveapp.store/sl/kgkl5" class="inline-flex items-center justify-center gap-2 px-5 py-2.5 bg-indigo-500 hover:bg-indigo-600 text-white text-xs font-semibold rounded-xl shadow-md transition duration-200">
Claim Task
<svg class="w-3 h-3" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg>
</a>
</div>
</div>
</div>
</div>
</main>
<footer class="relative z-10 border-t border-gray-900 py-6 mt-12">
<div class="max-w-6xl mx-auto px-6 flex flex-col sm:flex-row justify-between items-center text-xs text-gray-600 gap-3">
<p>© 2026 TaskForge Ecosystem. Automated Allocation Hub.</p>
<div class="flex space-x-4">
<a href="#" class="hover:text-gray-400 transition">Rules of Engagement</a>
<a href="#" class="hover:text-gray-400 transition">Support Center</a>
</div>
</div>
</footer>
</body>
</html>