GD-ML/AndroidCode

1<html>2<head>3<meta charset="UTF-8">4<title>Android Home - USB Debugging Prompt</title>5<style>6  body { margin: 0; padding: 0; background: transparent; font-family: Roboto, Arial, Helvetica, sans-serif; }7  #render-target {8    width: 1080px;9    height: 2400px;10    position: relative;11    overflow: hidden;12    background: #111;13    color: #fff;14  }15 16  /* Wallpaper placeholder */17  .wallpaper {18    position: absolute;19    inset: 0;20    background: #E0E0E0;21    border: 1px solid #BDBDBD;22    display: flex;23    align-items: center;24    justify-content: center;25    color: #555;26    font-size: 28px;27    text-align: center;28  }29  .darken {30    position: absolute;31    inset: 0;32    background: rgba(0,0,0,0.25);33    pointer-events: none;34  }35 36  /* Status bar */37  .status-bar {38    position: absolute;39    top: 0;40    left: 0;41    width: 100%;42    height: 84px;43    padding: 18px 28px;44    box-sizing: border-box;45    display: flex;46    align-items: center;47    justify-content: space-between;48    color: #fff;49    font-size: 28px;50    letter-spacing: 0.5px;51  }52  .status-right {53    display: flex;54    align-items: center;55    gap: 22px;56  }57  .icon-wifi, .icon-battery {58    width: 34px; height: 22px;59  }60 61  /* Large date/time area */62  .date-area {63    position: absolute;64    left: 60px;65    top: 180px;66    color: #f5f5f5;67  }68  .date-area .day {69    font-size: 64px;70    font-weight: 600;71    margin-bottom: 18px;72    text-shadow: 0 1px 3px rgba(0,0,0,0.4);73  }74  .weather {75    display: flex;76    align-items: center;77    gap: 16px;78    font-size: 34px;79  }80  .sun-dot {81    width: 26px;82    height: 26px;83    background: #f0c100;84    border-radius: 50%;85    box-shadow: 0 0 0 2px rgba(0,0,0,0.15);86  }87 88  /* App icon grid (two icons as seen) */89  .app-row {90    position: absolute;91    left: 70px;92    top: 950px;93    display: flex;94    gap: 140px;95  }96  .app {97    width: 180px;98    text-align: center;99    color: #fff;100  }101  .app .icon {102    width: 160px;103    height: 160px;104    border-radius: 36px;105    display: flex;106    align-items: center;107    justify-content: center;108    margin: 0 auto 18px;109    font-weight: 700;110    font-size: 48px;111    box-shadow: 0 10px 18px rgba(0,0,0,0.25);112  }113  .icon-blue { background: #2d78ff; }114  .icon-red { background: #c0282e; }115  .label {116    font-size: 34px;117    opacity: 0.95;118    text-shadow: 0 1px 2px rgba(0,0,0,0.5);119  }120 121  /* Dock */122  .dock {123    position: absolute;124    left: 50px;125    right: 50px;126    bottom: 330px;127    display: flex;128    justify-content: space-between;129    padding: 0 10px;130  }131  .dock .circle {132    width: 140px;133    height: 140px;134    border-radius: 50%;135    background: rgba(255,255,255,0.14);136    display: flex;137    align-items: center;138    justify-content: center;139    backdrop-filter: blur(2px);140  }141  .dock svg { width: 60px; height: 60px; fill: #fff; opacity: 0.95; }142 143  /* Google search bar */144  .search-bar {145    position: absolute;146    left: 60px;147    right: 60px;148    bottom: 160px;149    height: 118px;150    background: rgba(32,32,32,0.7);151    border-radius: 60px;152    display: flex;153    align-items: center;154    padding: 0 28px;155    box-shadow: 0 10px 24px rgba(0,0,0,0.35);156  }157  .g-chip {158    width: 66px; height: 66px; border-radius: 50%;159    background: #fff; color: #1a73e8; font-weight: 700;160    display: flex; align-items: center; justify-content: center;161    margin-right: 18px;162  }163  .search-placeholder {164    color: #ddd; font-size: 34px; opacity: 0.9;165  }166  .search-actions {167    margin-left: auto; display: flex; align-items: center; gap: 22px;168  }169  .act {170    width: 66px; height: 66px; border-radius: 50%;171    background: rgba(255,255,255,0.1);172    display: flex; align-items: center; justify-content: center;173  }174 175  /* USB debugging dialog */176  .debug-dialog {177    position: absolute;178    left: 70px;179    right: 70px;180    bottom: 510px;181    background: rgba(0,0,0,0.65);182    color: #fff;183    border-radius: 32px;184    padding: 34px 34px 26px;185    box-shadow: 0 16px 30px rgba(0,0,0,0.45);186  }187  .debug-title {188    font-size: 48px;189    font-weight: 700;190    margin-bottom: 18px;191  }192  .debug-text {193    font-size: 30px;194    line-height: 1.45;195    opacity: 0.95;196    margin-right: 260px;197  }198  .checkbox {199    display: flex;200    align-items: center;201    gap: 16px;202    margin-top: 18px;203    font-size: 30px;204    opacity: 0.95;205  }206  .checkbox .box {207    width: 36px; height: 36px; border: 2px solid #bbb; border-radius: 6px;208  }209  .debug-actions {210    position: absolute;211    right: 28px;212    bottom: 16px;213    display: flex;214    align-items: center;215    gap: 26px;216  }217  .pill {218    display: flex;219    align-items: center;220    gap: 12px;221    background: rgba(255,255,255,0.08);222    color: #fff;223    padding: 18px 26px;224    border-radius: 32px;225    font-size: 32px;226    border: 1px solid rgba(255,255,255,0.15);227  }228 229  /* Tiny helper icons used in dialog buttons */230  .tiny {231    width: 30px; height: 30px; fill: #fff; opacity: 0.9;232  }233</style>234</head>235<body>236<div id="render-target">237  <div class="wallpaper">[IMG: Rocky canyon wallpaper]</div>238  <div class="darken"></div>239 240  <!-- Status bar -->241  <div class="status-bar">242    <div>1:12</div>243    <div class="status-right">244      <svg class="icon-wifi" viewBox="0 0 24 24">245        <path fill="#fff" d="M12 20l3-3-3-3-3 3 3 3zm-7-7l1.5 1.5C8.7 13 11.3 13 17.5 14.5L19 13C12 10 6 10 5 13zM2 9l1.7 1.7C8.6 8.4 15.4 8.4 20.3 10.7L22 9C16 6 8 6 2 9z"/>246      </svg>247      <svg class="icon-battery" viewBox="0 0 24 24">248        <path fill="#fff" d="M16 7h2a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-2v1h-2V6h2v1zM4 7h10v10H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2z"/>249      </svg>250    </div>251  </div>252 253  <!-- Large date/weather -->254  <div class="date-area">255    <div class="day">Mon, Oct 23</div>256    <div class="weather">257      <div class="sun-dot"></div>258      <div>29°C</div>259    </div>260  </div>261 262  <!-- A couple of app icons -->263  <div class="app-row">264    <div class="app">265      <div class="icon icon-blue">S</div>266      <div class="label">Skyscanner</div>267    </div>268    <div class="app">269      <div class="icon icon-red">JAL</div>270      <div class="label">Japan Airlin...</div>271    </div>272  </div>273 274  <!-- USB Debugging dialog -->275  <div class="debug-dialog">276    <div class="debug-title">Allow USB debugging?</div>277    <div class="debug-text">278      The computer's RSA key fingerprint is:279      39:DF:11:FB:C7:8E:8E:91:00:22:6C:B9:0D:57:8A:A3280    </div>281    <div class="checkbox">282      <div class="box"></div>283      <div>Always allow from this computer</div>284    </div>285 286    <div class="debug-actions">287      <div class="pill">288        <svg class="tiny" viewBox="0 0 24 24">289          <path d="M19 6.4L17.6 5 12 10.6 6.4 5 5 6.4 10.6 12 5 17.6 6.4 19 12 13.4 17.6 19 19 17.6 13.4 12 19 6.4z"/>290        </svg>291        Cancel292      </div>293      <div class="pill" style="background: #1a73e8; border-color: rgba(255,255,255,0.2);">294        <svg class="tiny" viewBox="0 0 24 24">295          <path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/>296        </svg>297        Allow298      </div>299    </div>300  </div>301 302  <!-- Dock icons -->303  <div class="dock">304    <div class="circle">305      <svg viewBox="0 0 24 24">306        <path d="M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2c.3-.3.8-.4 1.2-.2 1 .4 2 .6 3.1.6.7 0 1.3.6 1.3 1.3V20c0 .7-.6 1.3-1.3 1.3C9.6 21.3 2.7 14.4 2.7 5.3 2.7 4.6 3.3 4 4 4h3.2c.7 0 1.3.6 1.3 1.3 0 1.1.2 2.1.6 3.1.2.4.1.9-.2 1.2L6.6 10.8z"/>307      </svg>308    </div>309    <div class="circle">310      <svg viewBox="0 0 24 24">311        <path d="M20 2H4c-1.1 0-2 .9-2 2v16l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-3 9H7V9h10v2zm0-3H7V6h10v2z"/>312      </svg>313    </div>314    <div class="circle">315      <svg viewBox="0 0 24 24">316        <path d="M10 20v-6H7v-4h3V7.5C10 5 11.5 3.5 14.2 3.5c1.2 0 2 .1 2 .1v3h-1.8c-1.4 0-1.9.9-1.9 1.9V10H16l-.5 4h-2.9v6h-2.6z"/>317      </svg>318    </div>319    <div class="circle">320      <svg viewBox="0 0 24 24">321        <path d="M9 3l1.5 2h3L15 3h4v18H5V3h4zm3 4a5 5 0 100 10 5 5 0 000-10z"/>322      </svg>323    </div>324  </div>325 326  <!-- Google search bar -->327  <div class="search-bar">328    <div class="g-chip">G</div>329    <div class="search-placeholder">Search</div>330    <div class="search-actions">331      <div class="act">332        <svg class="tiny" viewBox="0 0 24 24">333          <path d="M12 3a9 9 0 109 9 9 9 0 00-9-9zm1 14.5h-2V11h2zm0-6h-2V9h2z"/>334        </svg>335      </div>336      <div class="act">337        <svg class="tiny" viewBox="0 0 24 24">338          <path d="M12 5c-3.9 0-7 3.1-7 7 0 2.6 1.4 4.8 3.4 6l-.4 3 3.1-1.6c.3 0 .6.1.9.1 3.9 0 7-3.1 7-7s-3.1-7-7-7z"/>339        </svg>340      </div>341      <div class="act">342        <svg class="tiny" viewBox="0 0 24 24">343          <path d="M12 5l1.5 2h3L18 5h3v14H3V5h3l1.5 2h3L12 5zm0 3a5 5 0 100 10 5 5 0 000-10z"/>344        </svg>345      </div>346    </div>347  </div>348</div>349</body>350</html>