improved readme and adding modules

2026-04-29 22:05:34 +01:00
parent ce8cd74bcf
commit 74c1f641f5
2 changed files with 44 additions and 12 deletions
--- a/README.md
+++ b/README.md
@@ -2,6 +2,7 @@

 ### USB ADB COMMANDS ALIAS

+```
 adb0='adb shell input keyevent 7'
 adb1='adb shell input keyevent 8'
 adb2='adb shell input keyevent 9'
@@ -15,3 +16,4 @@ adb9='adb shell input keyevent 16'
 adbf='adb shell input keyevent KEYCODE_F'
 adbpwr='adb shell input keyevent 26'
 adbr='adb shell input keyevent KEYCODE_R'
+```
--- a/dashboard.html
+++ b/dashboard.html
@@ -8,6 +8,7 @@
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200;300&display=swap" rel="stylesheet">
  <script src="https://widgets.coingecko.com/gecko-coin-list-widget.js" async></script>
+  <script src="https://widgets.coingecko.com/gecko-coin-price-chart-widget.js" async></script>
  <style>
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

@@ -185,16 +186,34 @@
    /* ─── CRYPTO PANEL ─── */
    .crypto-body {
      flex: 1;
-      padding: 20px 16px 20px;
+      padding: 0;
      display: flex;
      flex-direction: column;
+      overflow: hidden;
    }

    gecko-coin-list-widget {
      width: 100% !important;
+      flex: 1;
      display: block;
    }

+    /* ─── CHART PANELS ─── */
+    .chart-body {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      padding: 12px 12px 12px;
+      overflow: hidden;
+    }
+
+    gecko-coin-price-chart-widget {
+      width: 100% !important;
+      flex: 1;
+      display: block;
+      min-height: 0;
+    }
+
    /* ─── PLACEHOLDER PANELS ─── */
    .placeholder-body {
      flex: 1;
@@ -362,24 +381,35 @@
      locale="en"
      dark-mode="true"
      outlined="true"
-      coin-ids="bitcoin,ethereum,tether,pax-gold,solana,binancecoin,ripple,cardano,avalanche-2,chainlink,polkadot,dogecoin,shiba-inu,uniswap,litecoin"
+      coin-ids="bitcoin,ethereum,tether,pax-gold,solana,binancecoin,ripple"
      initial-currency="usd">
    </gecko-coin-list-widget>
  </div>
 </div>

 <!-- ══════════════ PANELS 3–10: PLACEHOLDERS ══════════════ -->
+<!-- ══════════════ PANEL 3: BTC CHART ══════════════ -->
 <div class="panel" id="panel-3">
-  <header class="panel-header"><h1>Tab 3</h1><div class="header-actions"><button class="icon-btn fs-all" title="Toggle fullscreen"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M1 6V1h5M10 1h5v5M15 10v5h-5M6 15H1v-5"/></svg></button></div></header>
-  <div class="placeholder-body"><div class="ph-key">3</div><p>Empty tab — press <strong style="color:var(--accent)">3</strong> to jump here.</p><span class="ph-hint">Keys 1–9, 0 switch tabs</span></div>
+  <header class="panel-header"><h1>Bitcoin</h1><div class="header-actions"><button class="icon-btn fs-all" title="Toggle fullscreen"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M1 6V1h5M10 1h5v5M15 10v5h-5M6 15H1v-5"/></svg></button></div></header>
+  <div class="chart-body">
+    <gecko-coin-price-chart-widget locale="en" dark-mode="true" outlined="true" initial-currency="usd"></gecko-coin-price-chart-widget>
+  </div>
 </div>
+
+<!-- ══════════════ PANEL 4: ETH CHART ══════════════ -->
 <div class="panel" id="panel-4">
-  <header class="panel-header"><h1>Tab 4</h1><div class="header-actions"><button class="icon-btn fs-all" title="Toggle fullscreen"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M1 6V1h5M10 1h5v5M15 10v5h-5M6 15H1v-5"/></svg></button></div></header>
-  <div class="placeholder-body"><div class="ph-key">4</div><p>Empty tab — press <strong style="color:var(--accent)">4</strong> to jump here.</p><span class="ph-hint">Keys 1–9, 0 switch tabs</span></div>
+  <header class="panel-header"><h1>Ethereum</h1><div class="header-actions"><button class="icon-btn fs-all" title="Toggle fullscreen"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M1 6V1h5M10 1h5v5M15 10v5h-5M6 15H1v-5"/></svg></button></div></header>
+  <div class="chart-body">
+    <gecko-coin-price-chart-widget locale="en" dark-mode="true" outlined="true" coin-id="ethereum" initial-currency="usd"></gecko-coin-price-chart-widget>
+  </div>
 </div>
+
+<!-- ══════════════ PANEL 5: PAX GOLD CHART ══════════════ -->
 <div class="panel" id="panel-5">
-  <header class="panel-header"><h1>Tab 5</h1><div class="header-actions"><button class="icon-btn fs-all" title="Toggle fullscreen"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M1 6V1h5M10 1h5v5M15 10v5h-5M6 15H1v-5"/></svg></button></div></header>
-  <div class="placeholder-body"><div class="ph-key">5</div><p>Empty tab — press <strong style="color:var(--accent)">5</strong> to jump here.</p><span class="ph-hint">Keys 1–9, 0 switch tabs</span></div>
+  <header class="panel-header"><h1>PAX Gold</h1><div class="header-actions"><button class="icon-btn fs-all" title="Toggle fullscreen"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M1 6V1h5M10 1h5v5M15 10v5h-5M6 15H1v-5"/></svg></button></div></header>
+  <div class="chart-body">
+    <gecko-coin-price-chart-widget locale="en" dark-mode="true" outlined="true" coin-id="pax-gold" initial-currency="usd"></gecko-coin-price-chart-widget>
+  </div>
 </div>
 <div class="panel" id="panel-6">
  <header class="panel-header"><h1>Tab 6</h1><div class="header-actions"><button class="icon-btn fs-all" title="Toggle fullscreen"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M1 6V1h5M10 1h5v5M15 10v5h-5M6 15H1v-5"/></svg></button></div></header>
@@ -406,9 +436,9 @@
 <nav id="tab-bar">
  <button class="tab-btn active" data-tab="1"><span class="tab-key">1</span><span class="tab-icon">🕐</span><span class="tab-label">Clock</span></button>
  <button class="tab-btn" data-tab="2"><span class="tab-key">2</span><span class="tab-icon">₿</span><span class="tab-label">Crypto</span></button>
-  <button class="tab-btn" data-tab="3"><span class="tab-key">3</span><span class="tab-icon">＋</span><span class="tab-label">Tab 3</span></button>
-  <button class="tab-btn" data-tab="4"><span class="tab-key">4</span><span class="tab-icon">＋</span><span class="tab-label">Tab 4</span></button>
-  <button class="tab-btn" data-tab="5"><span class="tab-key">5</span><span class="tab-icon">＋</span><span class="tab-label">Tab 5</span></button>
+  <button class="tab-btn" data-tab="3"><span class="tab-key">3</span><span class="tab-icon">₿</span><span class="tab-label">BTC</span></button>
+  <button class="tab-btn" data-tab="4"><span class="tab-key">4</span><span class="tab-icon">Ξ</span><span class="tab-label">ETH</span></button>
+  <button class="tab-btn" data-tab="5"><span class="tab-key">5</span><span class="tab-icon">🥇</span><span class="tab-label">PAXG</span></button>
  <button class="tab-btn" data-tab="6"><span class="tab-key">6</span><span class="tab-icon">＋</span><span class="tab-label">Tab 6</span></button>
  <button class="tab-btn" data-tab="7"><span class="tab-key">7</span><span class="tab-icon">＋</span><span class="tab-label">Tab 7</span></button>
  <button class="tab-btn" data-tab="8"><span class="tab-key">8</span><span class="tab-icon">＋</span><span class="tab-label">Tab 8</span></button>
@@ -436,7 +466,7 @@
 let activeTab = 1;

 const TAB_NAMES = {
-  1:'World Clock', 2:'Crypto', 3:'Tab 3', 4:'Tab 4', 5:'Tab 5',
+  1:'World Clock', 2:'Crypto', 3:'Bitcoin', 4:'Ethereum', 5:'PAX Gold',
  6:'Tab 6', 7:'Tab 7', 8:'Tab 8', 9:'Tab 9', 10:'Tab 10'
 };