GD-ML/AndroidCode
13.4k
1<!DOCTYPE html>2<html lang="en">3<head>4<meta charset="UTF-8">5<meta name="viewport" content="width=1080, initial-scale=1.0">6<title>Files - Search</title>7<style>8 body { margin: 0; padding: 0; background: transparent; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }9 #render-target {10 width: 1080px; height: 2400px;11 position: relative; overflow: hidden;12 background: #1f1a17; color: #e9e1d5;13 }14 15 /* Status bar */16 .status-bar {17 height: 120px;18 padding: 0 36px;19 display: flex; align-items: center; justify-content: space-between;20 color: #efe6d8; font-weight: 600;21 }22 .status-left { display: flex; align-items: center; gap: 24px; }23 .time { font-size: 48px; letter-spacing: 0.5px; }24 .status-right { display: flex; align-items: center; gap: 28px; }25 .icon { width: 40px; height: 40px; fill: #efe6d8; opacity: 0.95; }26 27 /* Header / search */28 .header {29 padding: 18px 24px 8px 24px;30 }31 .search-bar {32 background: #2a2421; border-radius: 28px;33 height: 112px; display: flex; align-items: center;34 padding: 0 24px; box-shadow: 0 2px 0 #3a332e inset;35 }36 .hamburger-btn, .kebab-btn {37 width: 96px; height: 96px; display: flex; align-items: center; justify-content: center;38 }39 .search-text {40 flex: 1; color: #e9e1d5; font-size: 44px; opacity: 0.95;41 }42 .divider {43 height: 2px; background: #3a332e; margin: 18px 0 0 0;44 }45 46 /* List */47 .list { padding: 0 24px 140px 24px; }48 .file-item {49 display: flex; align-items: center;50 padding: 28px 8px;51 border-bottom: 2px solid #3a332e;52 }53 .thumb {54 width: 112px; height: 112px; border-radius: 16px;55 background: #E0E0E0; border: 1px solid #BDBDBD;56 display: flex; align-items: center; justify-content: center;57 color: #757575; font-size: 26px; text-align: center;58 margin-right: 28px;59 }60 .doc-icon {61 width: 96px; height: 96px; margin-right: 44px;62 }63 .pdf-badge {64 width: 96px; height: 96px; border-radius: 12px;65 background: #d96b6b; color: #fff; font-weight: 700;66 display: flex; align-items: center; justify-content: center;67 margin-right: 44px; letter-spacing: 1px;68 }69 .file-info { flex: 1; }70 .file-name {71 font-size: 44px; line-height: 1.1; margin-bottom: 10px; color: #efe6d8;72 }73 .file-meta {74 font-size: 32px; color: #c6b9a6;75 }76 .action {77 width: 96px; height: 96px; display: flex; align-items: center; justify-content: center;78 margin-left: 18px;79 }80 .action svg { width: 56px; height: 56px; fill: none; stroke: #e9e1d5; stroke-width: 6px; }81 82 /* Gesture bar */83 .gesture {84 position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%);85 width: 360px; height: 16px; background: #e7e1d7; opacity: 0.85;86 border-radius: 12px;87 }88</style>89</head>90<body>91<div id="render-target">92 93 <!-- Status bar -->94 <div class="status-bar">95 <div class="status-left">96 <div class="time">9:15</div>97 <svg class="icon" viewBox="0 0 24 24" aria-hidden="true">98 <path d="M12 4l8 16H4z"></path>99 </svg>100 </div>101 <div class="status-right">102 <svg class="icon" viewBox="0 0 24 24" aria-hidden="true">103 <path d="M2 10c4-5 16-5 20 0v6H2v-6z"></path>104 </svg>105 <svg class="icon" viewBox="0 0 24 24" aria-hidden="true">106 <rect x="4" y="5" width="16" height="14" rx="2" ry="2"></rect>107 <rect x="18" y="3" width="2" height="4"></rect>108 </svg>109 </div>110 </div>111 112 <!-- Header with search -->113 <div class="header">114 <div class="search-bar">115 <div class="hamburger-btn">116 <svg width="48" height="48" viewBox="0 0 24 24" aria-hidden="true">117 <path d="M3 6h18v2H3zM3 11h18v2H3zM3 16h18v2H3z" fill="#efe6d8"></path>118 </svg>119 </div>120 <div class="search-text">Search this phone</div>121 <div class="kebab-btn">122 <svg width="36" height="36" viewBox="0 0 24 24" aria-hidden="true">123 <circle cx="12" cy="5" r="2" fill="#efe6d8"></circle>124 <circle cx="12" cy="12" r="2" fill="#efe6d8"></circle>125 <circle cx="12" cy="19" r="2" fill="#efe6d8"></circle>126 </svg>127 </div>128 </div>129 <div class="divider"></div>130 </div>131 132 <!-- List -->133 <div class="list">134 135 <!-- agents.txt -->136 <div class="file-item">137 <svg class="doc-icon" viewBox="0 0 24 24" aria-hidden="true">138 <path d="M6 2h9l5 5v15H6z" fill="#6fd0e3"></path>139 <path d="M15 2v5h5" fill="#8be2f1"></path>140 </svg>141 <div class="file-info">142 <div class="file-name">agents.txt</div>143 <div class="file-meta">Nov 10, 1.15 kB, TXT document</div>144 </div>145 <div class="action">146 <svg viewBox="0 0 24 24" aria-hidden="true">147 <path d="M3 9l6-6M21 9l-6-6M3 15l6 6M21 15l-6 6"></path>148 </svg>149 </div>150 </div>151 152 <!-- fitbitshare_2123586381.PNG -->153 <div class="file-item">154 <div class="thumb">[IMG: PNG thumbnail]</div>155 <div class="file-info">156 <div class="file-name">fitbitshare_2123586381.PNG</div>157 <div class="file-meta">Oct 30, 93.48 kB, PNG image</div>158 </div>159 <div class="action">160 <svg viewBox="0 0 24 24" aria-hidden="true">161 <path d="M3 9l6-6M21 9l-6-6M3 15l6 6M21 15l-6 6"></path>162 </svg>163 </div>164 </div>165 166 <!-- fitbitshare_2123101703.PNG -->167 <div class="file-item">168 <div class="thumb">[IMG: PNG thumbnail]</div>169 <div class="file-info">170 <div class="file-name">fitbitshare_2123101703.PNG</div>171 <div class="file-meta">Oct 30, 92.77 kB, PNG image</div>172 </div>173 <div class="action">174 <svg viewBox="0 0 24 24" aria-hidden="true">175 <path d="M3 9l6-6M21 9l-6-6M3 15l6 6M21 15l-6 6"></path>176 </svg>177 </div>178 </div>179 180 <!-- fitbitshare_2123014230.PNG -->181 <div class="file-item">182 <div class="thumb">[IMG: PNG thumbnail]</div>183 <div class="file-info">184 <div class="file-name">fitbitshare_2123014230.PNG</div>185 <div class="file-meta">Oct 30, 92.77 kB, PNG image</div>186 </div>187 <div class="action">188 <svg viewBox="0 0 24 24" aria-hidden="true">189 <path d="M3 9l6-6M21 9l-6-6M3 15l6 6M21 15l-6 6"></path>190 </svg>191 </div>192 </div>193 194 <!-- fitbitshare_2122912072.PNG -->195 <div class="file-item">196 <div class="thumb">[IMG: PNG thumbnail]</div>197 <div class="file-info">198 <div class="file-name">fitbitshare_2122912072.PNG</div>199 <div class="file-meta">Oct 30, 93.30 kB, PNG image</div>200 </div>201 <div class="action">202 <svg viewBox="0 0 24 24" aria-hidden="true">203 <path d="M3 9l6-6M21 9l-6-6M3 15l6 6M21 15l-6 6"></path>204 </svg>205 </div>206 </div>207 208 <!-- Amsterdam-1.pdf -->209 <div class="file-item">210 <div class="pdf-badge">PDF</div>211 <div class="file-info">212 <div class="file-name">Amsterdam-1.pdf</div>213 <div class="file-meta">Oct 6, 8.45 MB, PDF document</div>214 </div>215 <div class="action">216 <svg viewBox="0 0 24 24" aria-hidden="true">217 <path d="M3 9l6-6M21 9l-6-6M3 15l6 6M21 15l-6 6"></path>218 </svg>219 </div>220 </div>221 222 <!-- Venice tour.pdf -->223 <div class="file-item">224 <div class="pdf-badge">PDF</div>225 <div class="file-info">226 <div class="file-name">Venice tour.pdf</div>227 <div class="file-meta">Oct 6, 5.99 MB, PDF document</div>228 </div>229 <div class="action">230 <svg viewBox="0 0 24 24" aria-hidden="true">231 <path d="M3 9l6-6M21 9l-6-6M3 15l6 6M21 15l-6 6"></path>232 </svg>233 </div>234 </div>235 236 <!-- Amsterdam (1).pdf -->237 <div class="file-item">238 <div class="pdf-badge">PDF</div>239 <div class="file-info">240 <div class="file-name">Amsterdam (1).pdf</div>241 <div class="file-meta">Oct 6, 8.45 MB, PDF document</div>242 </div>243 <div class="action">244 <svg viewBox="0 0 24 24" aria-hidden="true">245 <path d="M3 9l6-6M21 9l-6-6M3 15l6 6M21 15l-6 6"></path>246 </svg>247 </div>248 </div>249 250 <!-- tomorrow land image.png -->251 <div class="file-item">252 <div class="thumb">[IMG: Photo thumbnail]</div>253 <div class="file-info">254 <div class="file-name">tomorrow land image.png</div>255 <div class="file-meta">Oct 6, 1.30 MB, PNG image</div>256 </div>257 <div class="action">258 <svg viewBox="0 0 24 24" aria-hidden="true">259 <path d="M3 9l6-6M21 9l-6-6M3 15l6 6M21 15l-6 6"></path>260 </svg>261 </div>262 </div>263 264 <!-- vanice file.jpg -->265 <div class="file-item">266 <div class="thumb">[IMG: Photo thumbnail]</div>267 <div class="file-info">268 <div class="file-name">vanice file.jpg</div>269 <div class="file-meta">Oct 6, 125 kB, JPG image</div>270 </div>271 <div class="action">272 <svg viewBox="0 0 24 24" aria-hidden="true">273 <path d="M3 9l6-6M21 9l-6-6M3 15l6 6M21 15l-6 6"></path>274 </svg>275 </div>276 </div>277 278 <!-- Tomorrowland.pdf -->279 <div class="file-item">280 <div class="pdf-badge">PDF</div>281 <div class="file-info">282 <div class="file-name">Tomorrowland.pdf</div>283 <div class="file-meta">Oct 6, 2.41 MB, PDF document</div>284 </div>285 <div class="action">286 <svg viewBox="0 0 24 24" aria-hidden="true">287 <path d="M3 9l6-6M21 9l-6-6M3 15l6 6M21 15l-6 6"></path>288 </svg>289 </div>290 </div>291 292 </div>293 294 <!-- Gesture bar -->295 <div class="gesture"></div>296 297</div>298</body>299</html>