GD-ML/AndroidCode

1<html lang="en">2<head>3<meta charset="UTF-8">4<meta name="viewport" content="width=1080, initial-scale=1.0">5<title>Analyzing Plant Species</title>6<style>7  body { margin: 0; padding: 0; background: transparent; font-family: Arial, Helvetica, sans-serif; }8  #render-target {9    position: relative;10    width: 1080px;11    height: 2400px;12    overflow: hidden;13    background: #0f2b36; /* deep blue-green */14    color: #ffffff;15  }16 17  /* Status bar */18  .status-bar {19    position: absolute;20    top: 0;21    left: 0;22    width: 100%;23    height: 120px;24    padding: 26px 40px;25    box-sizing: border-box;26    display: flex;27    align-items: center;28    justify-content: space-between;29    color: #fff;30  }31  .status-left { display: flex; align-items: center; gap: 22px; }32  .time { font-size: 46px; font-weight: 700; letter-spacing: 1px; }33 34  .sb-square, .sb-dot {35    background: rgba(255,255,255,0.95);36    display: inline-block;37  }38  .sb-square { width: 36px; height: 36px; border-radius: 8px; }39  .sb-dot { width: 30px; height: 30px; border-radius: 50%; }40  .tiny-dot {41    width: 12px; height: 12px; border-radius: 50%;42    background: rgba(255,255,255,0.9);43  }44  .status-right { display: flex; align-items: center; gap: 22px; }45 46  /* small centered camera dot */47  .center-dot {48    position: absolute;49    top: 54px;50    left: 50%;51    width: 10px;52    height: 10px;53    border-radius: 50%;54    transform: translateX(-50%);55    background: rgba(255,255,255,0.85);56  }57 58  /* Main content */59  .main {60    position: absolute;61    top: 690px;62    left: 0;63    width: 100%;64    text-align: center;65    padding: 0 60px;66    box-sizing: border-box;67  }68  .main h1 {69    margin: 0;70    font-size: 66px;71    font-weight: 800;72    letter-spacing: 1px;73  }74  .illustration {75    width: 540px;76    height: 540px;77    margin: 90px auto 0;78    background: #E0E0E0;79    border: 1px solid #BDBDBD;80    border-radius: 28px;81    color: #757575;82    display: flex;83    align-items: center;84    justify-content: center;85    padding: 20px;86    box-sizing: border-box;87    text-align: center;88    font-size: 28px;89    line-height: 1.35;90  }91 92  /* Home indicator */93  .home-indicator {94    position: absolute;95    bottom: 42px;96    left: 50%;97    transform: translateX(-50%);98    width: 520px;99    height: 12px;100    background: #ffffff;101    border-radius: 12px;102    opacity: 0.95;103  }104</style>105</head>106<body>107<div id="render-target">108  <!-- Status bar -->109  <div class="status-bar">110    <div class="status-left">111      <div class="time">1:36</div>112      <div class="sb-dot"></div>113      <div class="sb-square"></div>114      <div class="sb-dot"></div>115      <div class="tiny-dot"></div>116    </div>117    <div class="status-right">118      <!-- Wi‑Fi icon -->119      <svg width="44" height="34" viewBox="0 0 24 24" aria-label="WiFi">120        <path d="M2 8c5-4 15-4 20 0" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/>121        <path d="M5 11c3-3 11-3 14 0" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/>122        <path d="M8 14c2-2 6-2 8 0" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/>123        <circle cx="12" cy="18" r="1.6" fill="#ffffff"/>124      </svg>125      <!-- Battery icon -->126      <svg width="50" height="26" viewBox="0 0 28 14" aria-label="Battery">127        <rect x="1" y="1" width="22" height="12" rx="2" ry="2" fill="none" stroke="#ffffff" stroke-width="2"/>128        <rect x="24" y="4" width="3" height="6" fill="#ffffff"/>129      </svg>130    </div>131  </div>132  <div class="center-dot"></div>133 134  <!-- Main content -->135  <div class="main">136    <h1>Analyzing plant species...</h1>137    <div class="illustration">[IMG: Plant analysis illustration with leaves and magnifying glass]</div>138  </div>139 140  <!-- Home indicator -->141  <div class="home-indicator"></div>142</div>143</body>144</html>