diff --git a/index.html b/index.html index 8073c73..a34d8d2 100644 --- a/index.html +++ b/index.html @@ -18,7 +18,7 @@ --accent-color: #00ffff; --text-color: #ffffff; --card-padding: 0.5rem; - --text-size-base: 14px; + --text-size-base: 16px; --terminal-font: 'VT323', monospace; --header-font: 'Orbitron', sans-serif; } @@ -26,7 +26,7 @@ @media (min-width: 768px) { :root { --card-padding: 0.75rem; - --text-size-base: 16px; + --text-size-base: 18px; } } @@ -67,7 +67,7 @@ } h1 { - font-size: calc(var(--text-size-base) * 1.5); + font-size: 24px; font-weight: bold; color: var(--primary-color); font-family: var(--header-font); @@ -76,6 +76,12 @@ animation: flicker 4s infinite; } + @media (min-width: 768px) { + h1 { + font-size: 26px; + } + } + .card, .card-header, .card-body, @@ -123,8 +129,8 @@ background-color: #000; color: var(--primary-color); font-weight: bold; - padding: 0.25rem; - font-size: 1rem; + padding: 0.3rem 0.5rem; + font-size: 1.1rem; border-bottom: 1px solid var(--primary-color); text-shadow: 0 0 5px var(--primary-color); animation: flicker 4s infinite; @@ -260,50 +266,75 @@ width: 100%; } - /* Enhance metric value styling */ + /* Enhance metric value styling with consistent glow */ .metric-value { color: var(--text-color); font-weight: bold; - text-shadow: 0 0 5px rgba(255, 255, 255, 0.3); + text-shadow: 0 0 6px rgba(255, 255, 255, 0.6); } - /* Enhanced neon colors for different metrics */ - #btc_price { + /* Standardized glow effects for all metrics */ + /* Yellow color family (BTC price, sats metrics, time to payout) */ + #btc_price, + #daily_mined_sats, + #monthly_mined_sats, + #estimated_earnings_per_day_sats, + #estimated_earnings_next_block_sats, + #estimated_rewards_in_window_sats, + #est_time_to_payout { color: #ffd700; - text-shadow: 0 0 8px rgba(255, 215, 0, 0.6); - } - - #unpaid_earnings { - color: #32CD32; - text-shadow: 0 0 8px rgba(50, 205, 50, 0.6); - } - - #miner_status.online { - color: #32CD32; - text-shadow: 0 0 8px rgba(50, 205, 50, 0.6); - } - - #daily_power_cost { - color: #ff5555 !important; - text-shadow: 0 0 8px rgba(255, 85, 85, 0.6); + text-shadow: 0 0 6px rgba(255, 215, 0, 0.6); } + /* Green color family (profits, earnings) */ + #unpaid_earnings, #daily_revenue, #daily_profit_usd, #monthly_profit_usd { color: #32CD32; - text-shadow: 0 0 8px rgba(50, 205, 50, 0.6); + text-shadow: 0 0 6px rgba(50, 205, 50, 0.6); } - #est_time_to_payout { - color: #ffd700; - text-shadow: 0 0 8px rgba(255, 215, 0, 0.6); + /* Red color family (costs) */ + #daily_power_cost { + color: #ff5555 !important; + text-shadow: 0 0 6px rgba(255, 85, 85, 0.6); + } + + /* White metrics (general stats) */ + .metric-value.white, + #block_number, + #network_hashrate, + #difficulty, + #workers_hashing, + #last_share, + #blocks_found, + #last_block_height { + color: #ffffff; + text-shadow: 0 0 6px rgba(255, 255, 255, 0.6); + } + + /* Blue metrics (time data) */ + #last_block_time { + color: #00dfff; + text-shadow: 0 0 6px rgba(0, 223, 255, 0.6); + } + + /* Special stronger glow only for online/offline indicators */ + .status-green { + color: #39ff14 !important; + text-shadow: 0 0 10px #39ff14, 0 0 20px #39ff14; + } + + .status-red { + color: #ff2d2d !important; + text-shadow: 0 0 10px #ff2d2d, 0 0 20px #ff2d2d; } .card-body strong { color: var(--primary-color); margin-right: 0.25rem; - text-shadow: 0 0 3px var(--primary-color); + text-shadow: 0 0 2px var(--primary-color); } .card-body p { @@ -452,7 +483,7 @@ } #progress-text { - font-size: 0.9rem; + font-size: 1rem; color: var(--primary-color); margin-top: 0.3rem; text-shadow: 0 0 5px var(--primary-color); @@ -466,35 +497,46 @@ text-align: center; } - /* Define color classes from boot page */ + /* Define color classes with consistent glow for all elements */ .green { color: #39ff14 !important; - text-shadow: 0 0 10px #39ff14, 0 0 20px #39ff14; + text-shadow: 0 0 6px #39ff14, 0 0 12px #39ff14; } .blue { color: #00dfff !important; - text-shadow: 0 0 10px #00dfff, 0 0 20px #00dfff; + text-shadow: 0 0 6px #00dfff, 0 0 12px #00dfff; } .yellow { color: #ffd700 !important; - text-shadow: 0 0 8px #ffd700, 0 0 16px #ffd700; + text-shadow: 0 0 6px #ffd700, 0 0 12px #ffd700; } .white { color: #ffffff !important; - text-shadow: 0 0 8px #ffffff, 0 0 16px #ffffff; + text-shadow: 0 0 6px #ffffff, 0 0 12px #ffffff; } .red { color: #ff2d2d !important; - text-shadow: 0 0 10px #ff2d2d, 0 0 20px #ff2d2d; + text-shadow: 0 0 6px #ff2d2d, 0 0 12px #ff2d2d; } .magenta { color: #ff2d95 !important; - text-shadow: 0 0 10px #ff2d95, 0 0 20px #ff2d95; + text-shadow: 0 0 6px #ff2d95, 0 0 12px #ff2d95; + } + + /* Special stronger glow classes for miner status */ + .status-green { + color: #39ff14 !important; + text-shadow: 0 0 10px #39ff14, 0 0 20px #39ff14; + } + + .status-red { + color: #ff2d2d !important; + text-shadow: 0 0 10px #ff2d2d, 0 0 20px #ff2d2d; } /* Cursor blink for terminal feel */ @@ -530,7 +572,11 @@ } h1 { - font-size: 1.1rem; + font-size: 22px; + } + + .card-header { + font-size: 1rem; } #topRightLink { @@ -567,10 +613,10 @@

Status: - {% if metrics.workers_hashing and metrics.workers_hashing > 0 %} - ONLINE + {% if metrics and metrics.workers_hashing and metrics.workers_hashing > 0 %} + ONLINE {% else %} - OFFLINE + OFFLINE {% endif %}

@@ -581,7 +627,7 @@

Last Share: - {{ metrics.total_last_share }} + {{ metrics.total_last_share or "N/A" }}

@@ -597,7 +643,7 @@

Pool Total Hashrate: - {% if metrics.pool_total_hashrate %} + {% if metrics and metrics.pool_total_hashrate and metrics.pool_total_hashrate_unit %} {{ metrics.pool_total_hashrate }} {{ metrics.pool_total_hashrate_unit[:-2]|upper ~ metrics.pool_total_hashrate_unit[-2:] }} {% else %} N/A @@ -609,28 +655,64 @@

24hr Avg Hashrate: - {{ metrics.hashrate_24hr }} {{ metrics.hashrate_24hr_unit[:-2]|upper ~ metrics.hashrate_24hr_unit[-2:] }} + {% if metrics and metrics.hashrate_24hr %} + {{ metrics.hashrate_24hr }} + {% if metrics.hashrate_24hr_unit %} + {{ metrics.hashrate_24hr_unit[:-2]|upper ~ metrics.hashrate_24hr_unit[-2:] }} + {% else %} + TH/s + {% endif %} + {% else %} + N/A + {% endif %}

3hr Avg Hashrate: - {{ metrics.hashrate_3hr }} {{ metrics.hashrate_3hr_unit[:-2]|upper ~ metrics.hashrate_3hr_unit[-2:] }} + {% if metrics and metrics.hashrate_3hr %} + {{ metrics.hashrate_3hr }} + {% if metrics.hashrate_3hr_unit %} + {{ metrics.hashrate_3hr_unit[:-2]|upper ~ metrics.hashrate_3hr_unit[-2:] }} + {% else %} + TH/s + {% endif %} + {% else %} + N/A + {% endif %}

10min Avg Hashrate: - {{ metrics.hashrate_10min }} {{ metrics.hashrate_10min_unit[:-2]|upper ~ metrics.hashrate_10min_unit[-2:] }} + {% if metrics and metrics.hashrate_10min %} + {{ metrics.hashrate_10min }} + {% if metrics.hashrate_10min_unit %} + {{ metrics.hashrate_10min_unit[:-2]|upper ~ metrics.hashrate_10min_unit[-2:] }} + {% else %} + TH/s + {% endif %} + {% else %} + N/A + {% endif %}

60sec Avg Hashrate: - - {{ metrics.hashrate_60sec }} {{ metrics.hashrate_60sec_unit[:-2]|upper ~ metrics.hashrate_60sec_unit[-2:] }} + + {% if metrics and metrics.hashrate_60sec %} + {{ metrics.hashrate_60sec }} + {% if metrics.hashrate_60sec_unit %} + {{ metrics.hashrate_60sec_unit[:-2]|upper ~ metrics.hashrate_60sec_unit[-2:] }} + {% else %} + TH/s + {% endif %} + {% else %} + N/A + {% endif %}

@@ -644,22 +726,46 @@

Block Number: - {{ metrics.block_number|commafy }} + + {% if metrics and metrics.block_number %} + {{ metrics.block_number|commafy }} + {% else %} + N/A + {% endif %} +

BTC Price: - ${{ "%.2f"|format(metrics.btc_price) }} + + {% if metrics and metrics.btc_price %} + ${{ "%.2f"|format(metrics.btc_price) }} + {% else %} + $0.00 + {% endif %} +

Network Hashrate: - {{ metrics.network_hashrate|round|commafy }} EH/s + + {% if metrics and metrics.network_hashrate %} + {{ metrics.network_hashrate|round|commafy }} EH/s + {% else %} + N/A + {% endif %} +

Difficulty: - {{ metrics.difficulty|round|commafy }} + + {% if metrics and metrics.difficulty %} + {{ metrics.difficulty|round|commafy }} + {% else %} + N/A + {% endif %} +

@@ -675,27 +781,57 @@

Daily Mined (Net): - {{ metrics.daily_mined_sats|commafy }} sats + + {% if metrics and metrics.daily_mined_sats %} + {{ metrics.daily_mined_sats|commafy }} sats + {% else %} + 0 sats + {% endif %} +

Monthly Mined (Net): - {{ metrics.monthly_mined_sats|commafy }} sats + + {% if metrics and metrics.monthly_mined_sats %} + {{ metrics.monthly_mined_sats|commafy }} sats + {% else %} + 0 sats + {% endif %} +

Est. Earnings/Day: - {{ metrics.estimated_earnings_per_day_sats|commafy }} sats + + {% if metrics and metrics.estimated_earnings_per_day_sats %} + {{ metrics.estimated_earnings_per_day_sats|commafy }} sats + {% else %} + 0 sats + {% endif %} +

Est. Earnings/Block: - {{ metrics.estimated_earnings_next_block_sats|commafy }} sats + + {% if metrics and metrics.estimated_earnings_next_block_sats %} + {{ metrics.estimated_earnings_next_block_sats|commafy }} sats + {% else %} + 0 sats + {% endif %} +

Est. Rewards in Window: - {{ metrics.estimated_rewards_in_window_sats|commafy }} sats + + {% if metrics and metrics.estimated_rewards_in_window_sats %} + {{ metrics.estimated_rewards_in_window_sats|commafy }} sats + {% else %} + 0 sats + {% endif %} +

@@ -708,22 +844,46 @@

Daily Revenue: - ${{ "%.2f"|format(metrics.daily_revenue) }} + + {% if metrics and metrics.daily_revenue is defined and metrics.daily_revenue is not none %} + ${{ "%.2f"|format(metrics.daily_revenue) }} + {% else %} + $0.00 + {% endif %} +

Daily Power Cost: - ${{ "%.2f"|format(metrics.daily_power_cost) }} + + {% if metrics and metrics.daily_power_cost is defined and metrics.daily_power_cost is not none %} + ${{ "%.2f"|format(metrics.daily_power_cost) }} + {% else %} + $0.00 + {% endif %} +

Daily Profit (USD): - ${{ "%.2f"|format(metrics.daily_profit_usd) }} + + {% if metrics and metrics.daily_profit_usd is defined and metrics.daily_profit_usd is not none %} + ${{ "%.2f"|format(metrics.daily_profit_usd) }} + {% else %} + $0.00 + {% endif %} +

Monthly Profit (USD): - ${{ "%.2f"|format(metrics.monthly_profit_usd) }} + + {% if metrics and metrics.monthly_profit_usd is defined and metrics.monthly_profit_usd is not none %} + ${{ "%.2f"|format(metrics.monthly_profit_usd) }} + {% else %} + $0.00 + {% endif %} +

@@ -739,24 +899,46 @@

Unpaid Earnings: - {{ metrics.unpaid_earnings }} BTC + + {% if metrics and metrics.unpaid_earnings %} + {{ metrics.unpaid_earnings }} BTC + {% else %} + 0 BTC + {% endif %} +

Last Block: - {{ metrics.last_block_height }} - —{{ metrics.last_block_time }}— - +{{ metrics.last_block_earnings | int | commafy }} sats + + {{ metrics.last_block_height if metrics and metrics.last_block_height else "N/A" }} + + — + + {{ metrics.last_block_time if metrics and metrics.last_block_time else "N/A" }} + + — + + {% if metrics and metrics.last_block_earnings %} + +{{ metrics.last_block_earnings|int|commafy }} sats + {% else %} + +0 sats + {% endif %} +

Est. Time to Payout: - {{ metrics.est_time_to_payout }} + + {{ metrics.est_time_to_payout if metrics and metrics.est_time_to_payout else "N/A" }} +

Blocks Found: - {{ metrics.blocks_found }} + + {{ metrics.blocks_found if metrics and metrics.blocks_found else "0" }} +

@@ -778,7 +960,7 @@ -
60s to next update
+
Uptime: 0h 0m 0s
@@ -800,9 +982,9 @@ $(document).ready(function() { // Update color classes when data refreshes $(document).on('dataRefreshed', function() { - // Add enhanced glow effects for certain elements - $(".online-dot").parent().addClass("green"); - $(".offline-dot").parent().addClass("red"); + // Add enhanced glow effects only for online/offline status elements + $(".online-dot").parent().addClass("status-green"); + $(".offline-dot").parent().addClass("status-red"); // Keep cursor blinking if ($("#terminal-cursor").length === 0) {