GD-ML/AndroidCode

1<!DOCTYPE html>2<html lang="en">3<head>4<meta charset="UTF-8">5<meta name="viewport" content="width=1080, height=2400, initial-scale=1.0">6<title>DMart Ready Splash</title>7<style>8  body { margin: 0; padding: 0; background: transparent; }9  #render-target {10    position: relative;11    width: 1080px;12    height: 2400px;13    overflow: hidden;14    background:15      repeating-linear-gradient(45deg, rgba(0,0,0,0.06) 0px, rgba(0,0,0,0.06) 1px, transparent 1px, transparent 240px),16      repeating-linear-gradient(-45deg, rgba(0,0,0,0.06) 0px, rgba(0,0,0,0.06) 1px, transparent 1px, transparent 240px),17      #ffffff;18  }19  .icon {20    position: absolute;21    width: 160px;22    height: 160px;23    display: flex;24    justify-content: center;25    align-items: center;26    opacity: 0.9;27  }28  .icon svg { width: 120px; height: 120px; fill: none; stroke-width: 8; }29  .c-green { --c:#177a57; }30  .c-orange { --c:#f5a37d; }31  .c-purple { --c:#a78be0; }32  .c-pink { --c:#f5a0a8; }33  .c-teal { --c:#68c9bb; }34  .c-blue { --c:#59aaf5; }35  .c-lime { --c:#b9c77a; }36  .c-gold { --c:#e3b25e; }37  .c-gray { --c:#a8a8a8; }38 39  /* Central brand */40  .brand {41    position: absolute;42    top: 920px;43    left: 80px;44    width: 920px;45    text-align: center;46  }47  .logo-row {48    display: flex;49    justify-content: center;50    align-items: flex-end;51    gap: 20px;52  }53  .word {54    font-family: Georgia, "Times New Roman", serif;55    color: #146c50;56    line-height: 1;57  }58  .word.d { font-size: 180px; font-weight: 700; }59  .word.mart { font-size: 180px; font-weight: 700; }60  .tree {61    width: 170px; height: 170px;62  }63  .ready-row {64    margin-top: 20px;65    display: flex;66    justify-content: center;67    align-items: center;68    gap: 18px;69  }70  .stripe {71    width: 160px;72    height: 12px;73    background: #f1563f;74    border-radius: 6px;75    box-shadow: 0 18px 0 0 #f1563f, 0 36px 0 0 #f1563f;76  }77  .ready {78    font-family: "Trebuchet MS", Arial, sans-serif;79    font-size: 140px;80    color: #f1563f;81    font-style: italic;82    font-weight: 700;83    letter-spacing: 2px;84  }85 86  /* Bottom iOS style home indicator */87  .bottom-bar {88    position: absolute;89    left: 0;90    bottom: 0;91    width: 1080px;92    height: 90px;93    background: #000;94  }95  .home-indicator {96    position: absolute;97    bottom: 24px;98    left: 50%;99    transform: translateX(-50%);100    width: 360px;101    height: 12px;102    background: #fff;103    border-radius: 8px;104    opacity: 0.9;105  }106</style>107</head>108<body>109<div id="render-target">110 111  <!-- Top scattered icons -->112  <div class="icon c-green" style="top:140px; left:290px;">113    <svg viewBox="0 0 120 120">114      <g stroke="var(--c)">115        <ellipse cx="40" cy="55" rx="18" ry="12"></ellipse>116        <ellipse cx="70" cy="48" rx="16" ry="10"></ellipse>117        <path d="M55 36 c10 -18 24 -18 30 -6" />118      </g>119    </svg>120  </div>121 122  <div class="icon c-pink" style="top:360px; left:80px;">123    <svg viewBox="0 0 120 120">124      <g stroke="var(--c)">125        <rect x="22" y="32" width="76" height="70" rx="22"></rect>126        <path d="M60 32 v-16 a16 16 0 0 0 -16 16" />127        <path d="M80 32 v-14 a14 14 0 0 1 10 14" />128      </g>129    </svg>130  </div>131 132  <div class="icon c-purple" style="top:220px; left:860px;">133    <svg viewBox="0 0 120 120">134      <g stroke="var(--c)">135        <rect x="18" y="52" width="74" height="40" rx="18"></rect>136        <circle cx="55" cy="42" r="8"></circle>137        <path d="M92 64 h16" />138      </g>139    </svg>140  </div>141 142  <div class="icon c-blue" style="top:180px; left:730px;">143    <svg viewBox="0 0 120 120">144      <g stroke="var(--c)">145        <polygon points="40,52 80,52 80,68 40,68"></polygon>146        <polygon points="28,60 40,52 40,68"></polygon>147        <polygon points="80,52 92,60 80,68"></polygon>148      </g>149    </svg>150  </div>151 152  <div class="icon c-green" style="top:640px; left:360px;">153    <svg viewBox="0 0 120 120">154      <g stroke="var(--c)">155        <rect x="36" y="32" width="36" height="68" rx="8"></rect>156        <rect x="44" y="18" width="20" height="16" rx="6"></rect>157      </g>158    </svg>159  </div>160 161  <div class="icon c-orange" style="top:560px; left:730px;">162    <svg viewBox="0 0 120 120">163      <g stroke="var(--c)">164        <rect x="28" y="34" width="64" height="14" rx="6"></rect>165        <rect x="42" y="48" width="38" height="38" rx="6"></rect>166        <path d="M28 34 l-16 16" />167      </g>168    </svg>169  </div>170 171  <div class="icon c-gray" style="top:720px; left:80px; opacity:0.5;">172    <svg viewBox="0 0 120 120">173      <g stroke="var(--c)">174        <rect x="34" y="44" width="52" height="46" rx="10"></rect>175        <rect x="44" y="28" width="32" height="16" rx="6"></rect>176      </g>177    </svg>178  </div>179 180  <div class="icon c-purple" style="top:760px; left:520px;">181    <svg viewBox="0 0 120 120">182      <g stroke="var(--c)">183        <rect x="30" y="36" width="44" height="54" rx="10"></rect>184        <path d="M74 50 c16 8 16 24 0 32" />185        <rect x="40" y="24" width="24" height="12" rx="4"></rect>186      </g>187    </svg>188  </div>189 190  <div class="icon c-purple" style="top:640px; left:900px;">191    <svg viewBox="0 0 120 120">192      <g stroke="var(--c)">193        <rect x="36" y="48" width="38" height="44" rx="8"></rect>194        <path d="M60 48 v-14 h20 l-10 8" />195        <path d="M80 34 h20" />196      </g>197    </svg>198  </div>199 200  <!-- Central brand -->201  <div class="brand">202    <div class="logo-row">203      <span class="word d">D</span>204      <svg class="tree" viewBox="0 0 170 170">205        <g stroke="#146c50" fill="none" stroke-width="10">206          <polygon points="25,140 85,20 145,140"></polygon>207          <line x1="45" y1="120" x2="125" y2="120"></line>208          <line x1="55" y1="100" x2="115" y2="100"></line>209          <line x1="65" y1="80" x2="105" y2="80"></line>210          <line x1="75" y1="60" x2="95" y2="60"></line>211          <path d="M85 10 l-8 -18 m8 18 l8 -18" stroke-linecap="round"></path>212        </g>213      </svg>214      <span class="word mart">Mart</span>215    </div>216    <div class="ready-row">217      <div class="stripe"></div>218      <div class="ready">ready</div>219    </div>220  </div>221 222  <!-- Lower scattered icons -->223  <div class="icon c-teal" style="top:1280px; left:100px;">224    <svg viewBox="0 0 120 120">225      <g stroke="var(--c)">226        <rect x="26" y="36" width="32" height="48" rx="8"></rect>227        <path d="M58 84 c20 8 32 0 36 -8" />228      </g>229    </svg>230  </div>231 232  <div class="icon c-gray" style="top:1380px; left:490px;">233    <svg viewBox="0 0 120 120">234      <g stroke="var(--c)">235        <path d="M36 70 h48 l-6 22 h-36 z"></path>236        <path d="M48 52 h24 v14 h-24 z"></path>237      </g>238    </svg>239  </div>240 241  <div class="icon c-gray" style="top:1460px; left:880px;">242    <svg viewBox="0 0 120 120">243      <g stroke="var(--c)" stroke-linecap="round">244        <circle cx="60" cy="60" r="10"></circle>245        <path d="M60 60 l40 -10"></path>246        <path d="M60 60 l-36 18"></path>247        <path d="M60 60 l0 -40"></path>248      </g>249    </svg>250  </div>251 252  <div class="icon c-purple" style="top:1550px; left:330px;">253    <svg viewBox="0 0 120 120">254      <g stroke="var(--c)">255        <rect x="36" y="40" width="44" height="56" rx="12"></rect>256        <path d="M60 40 v-16 h22" />257      </g>258    </svg>259  </div>260 261  <div class="icon c-green" style="top:1600px; left:740px;">262    <svg viewBox="0 0 120 120">263      <g stroke="var(--c)">264        <polygon points="40,36 88,52 76,92 28,76"></polygon>265        <circle cx="72" cy="58" r="4"></circle>266        <circle cx="62" cy="54" r="4"></circle>267        <circle cx="52" cy="50" r="4"></circle>268      </g>269    </svg>270  </div>271 272  <div class="icon c-orange" style="top:1680px; left:120px;">273    <svg viewBox="0 0 120 120">274      <g stroke="var(--c)">275        <rect x="22" y="48" width="32" height="44" rx="6"></rect>276        <rect x="56" y="34" width="42" height="58" rx="10"></rect>277      </g>278    </svg>279  </div>280 281  <div class="icon c-blue" style="top:1760px; left:460px;">282    <svg viewBox="0 0 120 120">283      <g stroke="var(--c)">284        <rect x="34" y="26" width="26" height="74" rx="10"></rect>285        <rect x="66" y="58" width="28" height="42" rx="8"></rect>286        <line x1="78" y1="58" x2="78" y2="46"></line>287      </g>288    </svg>289  </div>290 291  <div class="icon c-lime" style="top:1760px; left:860px;">292    <svg viewBox="0 0 120 120">293      <g stroke="var(--c)">294        <rect x="26" y="48" width="68" height="34" rx="18"></rect>295        <path d="M26 82 v12 h68 v-12" />296      </g>297    </svg>298  </div>299 300  <div class="icon c-teal" style="top:1950px; left:300px;">301    <svg viewBox="0 0 120 120">302      <g stroke="var(--c)">303        <rect x="30" y="40" width="60" height="54" rx="12"></rect>304        <rect x="40" y="26" width="40" height="14" rx="6"></rect>305      </g>306    </svg>307  </div>308 309  <div class="icon c-gold" style="top:2050px; left:830px;">310    <svg viewBox="0 0 120 120">311      <g stroke="var(--c)">312        <path d="M46 30 l28 52" />313        <path d="M46 30 c-18 24 -10 46 16 52" />314        <line x1="60" y1="76" x2="72" y2="90"></line>315      </g>316    </svg>317  </div>318 319  <!-- Bottom bar -->320  <div class="bottom-bar"></div>321  <div class="home-indicator"></div>322</div>323</body>324</html>