GD-ML/AndroidCode

1<html>2<head>3<meta charset="UTF-8">4<title>Energy & Persistence Splash</title>5<style>6  body {7    margin: 0;8    padding: 0;9    background: transparent;10    font-family: Arial, Helvetica, sans-serif;11  }12  #render-target {13    width: 1080px;14    height: 2400px;15    position: relative;16    overflow: hidden;17    background: #0d0f14;18  }19  /* Full-screen background image placeholder */20  .hero {21    position: absolute;22    left: 0;23    top: 0;24    width: 1080px;25    height: 2400px;26    background: #E0E0E0;27    border: 1px solid #BDBDBD;28    color: #757575;29    display: flex;30    align-items: center;31    justify-content: center;32    font-size: 36px;33    letter-spacing: 1px;34  }35  /* Dark overlay to match screenshot mood */36  .overlay {37    position: absolute;38    inset: 0;39    background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.85) 40%, rgba(0,0,0,0.92) 100%);40    pointer-events: none;41  }42  /* Bottom branding row */43  .brand-row {44    position: absolute;45    left: 120px;46    right: 120px;47    bottom: 220px;48    display: flex;49    align-items: center;50    gap: 34px;51  }52  .app-icon {53    width: 170px;54    height: 170px;55    border-radius: 24px;56    background: #E53935;57    display: flex;58    align-items: center;59    justify-content: center;60    box-shadow: 0 8px 16px rgba(0,0,0,0.35);61  }62  .app-icon .icon-placeholder {63    width: 140px;64    height: 110px;65    background: rgba(255,255,255,0.15);66    border: 1px solid rgba(255,255,255,0.7);67    color: #ffffff;68    font-size: 26px;69    display: flex;70    align-items: center;71    justify-content: center;72    border-radius: 12px;73  }74  .brand-text {75    flex: 1;76  }77  .title {78    color: #ffffff;79    font-size: 64px;80    font-weight: 800;81    letter-spacing: 2px;82  }83  .subtitle {84    margin-top: 20px;85    color: #cfd8dc;86    font-size: 40px;87    letter-spacing: 6px;88    font-weight: 700;89  }90  /* Home indicator bar */91  .homebar {92    position: absolute;93    bottom: 30px;94    left: 50%;95    transform: translateX(-50%);96    width: 360px;97    height: 18px;98    background: rgba(255,255,255,0.85);99    border-radius: 12px;100  }101</style>102</head>103<body>104<div id="render-target">105  <div class="hero">[IMG: Muscular torso fitness background]</div>106  <div class="overlay"></div>107 108  <div class="brand-row">109    <div class="app-icon">110      <div class="icon-placeholder">[IMG: Pushup Icon]</div>111    </div>112    <div class="brand-text">113      <div class="title">ENERGY &amp; PERSISTENCE</div>114      <div class="subtitle">CONQUER ALL THINGS</div>115    </div>116  </div>117 118  <div class="homebar"></div>119</div>120</body>121</html>