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: -
@@ -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 %}
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 %}
+
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 %}
+
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 %}
+
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" }}
+