GD-ML/AndroidCode

1<!DOCTYPE html>2<html>3<head>4<meta charset="UTF-8">5<title>About phone - Mock</title>6<style>7  body {8    margin: 0;9    padding: 0;10    background: transparent;11    font-family: Arial, Helvetica, sans-serif;12  }13  #render-target {14    width: 1080px;15    height: 2400px;16    position: relative;17    overflow: hidden;18    background: #121212;19    color: #EDEDED;20  }21 22  /* Status bar */23  .status-bar {24    position: absolute;25    top: 0;26    left: 0;27    width: 1080px;28    height: 140px;29    background: #3a3a3a;30    color: #FFFFFF;31    display: flex;32    align-items: center;33    padding: 0 40px;34    box-sizing: border-box;35    font-size: 40px;36    letter-spacing: 0.5px;37  }38  .status-left {39    display: flex;40    align-items: center;41    gap: 18px;42  }43  .status-right {44    margin-left: auto;45    display: flex;46    align-items: center;47    gap: 28px;48  }49  .status-icon svg {50    width: 44px;51    height: 44px;52    fill: #FFFFFF;53  }54 55  /* App bar */56  .app-bar {57    position: absolute;58    top: 140px;59    left: 0;60    width: 1080px;61    height: 170px;62    background: #2b2b2b;63    display: flex;64    align-items: center;65    padding: 0 34px;66    box-sizing: border-box;67  }68  .back-icon {69    width: 80px;70    height: 80px;71    display: flex;72    align-items: center;73    justify-content: center;74    margin-right: 16px;75  }76  .app-title {77    font-size: 64px;78    font-weight: 600;79    color: #EDEDED;80  }81 82  /* Content */83  .content {84    position: absolute;85    top: 310px;86    left: 0;87    width: 100%;88    height: 1880px;89    padding: 0 48px;90    box-sizing: border-box;91    overflow: hidden;92    background: #1c1c1c;93  }94  .item {95    margin-bottom: 68px;96  }97  .label {98    font-size: 56px;99    font-weight: 500;100    color: #EAEAEA;101    margin-bottom: 16px;102    letter-spacing: -0.2px;103  }104  .value {105    font-size: 36px;106    color: #C9C9C9;107  }108  .value.multiline {109    line-height: 1.4;110  }111  .subtext {112    font-size: 32px;113    color: #9AA0A6;114    margin-top: 8px;115  }116  .link {117    font-size: 42px;118    color: #8AB4F8;119    font-weight: 500;120    margin: 24px 0 16px;121  }122 123  /* Gesture bar */124  .gesture-bar {125    position: absolute;126    bottom: 24px;127    left: 50%;128    transform: translateX(-50%);129    width: 320px;130    height: 16px;131    background: #D9D9D9;132    border-radius: 12px;133    opacity: 0.9;134  }135</style>136</head>137<body>138<div id="render-target">139 140  <!-- Status bar -->141  <div class="status-bar">142    <div class="status-left">143      <div>10:24</div>144    </div>145    <div class="status-right">146      <div class="status-icon">147        <!-- Wi-Fi icon -->148        <svg viewBox="0 0 24 24">149          <path d="M12 18l2.5 2.5L12 23l-2.5-2.5L12 18zm-6.5-6.2a12 12 0 0 1 17 0l-1.6 1.6a9.5 9.5 0 0 0-13.8 0L5.5 11.8zm3.6 3.6a7 7 0 0 1 9.8 0l-1.6 1.6a4.9 4.9 0 0 0-6.6 0l-1.6-1.6z"/>150        </svg>151      </div>152      <div class="status-icon">153        <!-- Battery icon -->154        <svg viewBox="0 0 24 24">155          <rect x="2" y="6" width="18" height="12" rx="2"></rect>156          <rect x="20" y="10" width="2" height="4"></rect>157          <rect x="4" y="8" width="12" height="8" fill="#76FF03"></rect>158        </svg>159      </div>160    </div>161  </div>162 163  <!-- App bar -->164  <div class="app-bar">165    <div class="back-icon">166      <svg viewBox="0 0 24 24" width="60" height="60" fill="#FFFFFF">167        <path d="M15 6l-6 6 6 6" stroke="#FFFFFF" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>168      </svg>169    </div>170    <div class="app-title">About phone</div>171  </div>172 173  <!-- Content -->174  <div class="content">175    <div class="item">176      <div class="label">IMEI</div>177      <div class="value">357641620997163</div>178    </div>179 180    <div class="item">181      <div class="label">Android version</div>182      <div class="value">13</div>183    </div>184 185    <div class="link">Device identifiers</div>186 187    <div class="item">188      <div class="label">IP address</div>189      <div class="value multiline">fe80::f2c:82e4:f0f6:692e<br>172.23.0.227</div>190    </div>191 192    <div class="item">193      <div class="label">Wi‑Fi MAC address</div>194      <div class="subtext">To view, choose saved network</div>195    </div>196 197    <div class="item">198      <div class="label">Device Wi‑Fi MAC address</div>199      <div class="value">60:b7:6e:3c:29:d2</div>200    </div>201 202    <div class="item">203      <div class="label">Bluetooth address</div>204      <div class="value">60:b7:6e:3c:29:d1</div>205    </div>206 207    <div class="item">208      <div class="label">Up time</div>209      <div class="value">72:44:58</div>210    </div>211 212    <div class="item">213