GD-ML/AndroidCode

1<html lang="en">2<head>3<meta charset="UTF-8">4<title>Fitbit Consent Screen</title>5<style>6  body { margin:0; padding:0; background:transparent; font-family: Arial, Helvetica, sans-serif; }7  #render-target {8    width:1080px; height:2400px;9    position:relative; overflow:hidden;10    background:#FFFFFF; color:#1f1f1f;11  }12  /* Status bar */13  .status-bar {14    height:110px; padding:0 36px;15    display:flex; align-items:center; justify-content:space-between;16    font-weight:600; font-size:40px; color:#2b2b2b;17  }18  .status-icons { display:flex; align-items:center; gap:34px; }19  .icon { width:44px; height:44px; }20  /* Close */21  .close-wrap {22    position:absolute; left:36px; top:130px;23    width:72px; height:72px; display:flex; align-items:center; justify-content:center;24  }25  .content {26    padding:180px 64px 280px; /* leaves room for close and bottom button */27  }28  h1 {29    font-size:64px; line-height:78px; text-align:center;30    font-weight:800; margin:0 80px 48px; color:#0f0f0f;31  }32  p { font-size:40px; line-height:56px; margin:0 0 32px; color:#2a2a2a; }33  .section-title { font-weight:800; font-size:44px; margin:40px 0 12px; color:#1a1a1a; }34  ul { margin:0 0 32px 32px; padding-left:32px; }35  li { font-size:40px; line-height:56px; margin:8px 0; }36  a { color:#197c86; text-decoration:underline; }37  /* Bottom area */38  .bottom-note {39    position:absolute; left:0; right:0; bottom:240px;40    text-align:center; font-size:38px; color:#696969;41  }42  .agree-btn {43    position:absolute; left:70px; right:70px; bottom:120px;44    height:130px; background:#2b7a7f; color:#ffffff;45    border-radius:65px; display:flex; align-items:center; justify-content:center;46    font-size:48px; font-weight:800; letter-spacing:1px;47  }48  .home-indicator {49    position:absolute; left:50%; transform:translateX(-50%);50    bottom:54px; width:520px; height:12px; background:#9F9F9F; border-radius:8px;51  }52</style>53</head>54<body>55<div id="render-target">56 57  <!-- Status bar -->58  <div class="status-bar">59    <div>10:18</div>60    <div class="status-icons">61      <!-- simple icons -->62      <svg class="icon" viewBox="0 0 24 24">63        <path d="M2 12l5-5 5 5-2 2-3-3-3 3z" fill="#717171"/>64      </svg>65      <svg class="icon" viewBox="0 0 24 24">66        <circle cx="6" cy="12" r="2" fill="#717171"/>67        <circle cx="12" cy="12" r="2" fill="#717171"/>68        <circle cx="18" cy="12" r="2" fill="#717171"/>69      </svg>70      <svg class="icon" viewBox="0 0 24 24">71        <path d="M3 18c3-6 6-9 9-9s6 3 9 9" stroke="#717171" stroke-width="2" fill="none"/>72      </svg>73      <svg class="icon" viewBox="0 0 24 24">74        <path d="M4 18h16v2H4zm2-8h12v6H6z" fill="#717171"/>75      </svg>76      <svg class="icon" viewBox="0 0 24 24">77        <rect x="3" y="7" width="18" height="10" rx="2" ry="2" stroke="#717171" stroke-width="2" fill="none"/>78        <rect x="6" y="10" width="10" height="4" fill="#717171"/>79      </svg>80    </div>81  </div>82 83  <!-- Close button -->84  <div class="close-wrap">85    <svg width="44" height="44" viewBox="0 0 24 24">86      <path d="M5 5l14 14M19 5L5 19" stroke="#3b3b3b" stroke-width="2" stroke-linecap="round"/>87    </svg>88  </div>89 90  <!-- Main content -->91  <div class="content">92    <h1>Use your phone to track metrics with Fitbit?</h1>93 94    <p>Use your phone with the Fitbit app to track metrics and enable features that help you meet your goals</p>95 96    <div class="section-title">How it works</div>97    <p>After you connect your phone to the Fitbit app, it collects your activity data including:</p>98 99    <ul>100      <li>Steps taken</li>101      <li>Distance traveled</li>102      <li>Calories burned</li>103    </ul>104 105    <p>This data is used to provide you with <a href="#">Fitbit metrics and features</a>. Some of these features may require additional consent.</p>106 107    <div class="section-title">Managing your data</div>108    <p>You can disconnect your phone from your account, and download or delete your data, in Fitbit settings.</p>109 110    <p>When you disconnect your phone, the Fitbit app will no longer receive new data from your phone. Existing data in the Fitbit app won’t be affected.</p>111  </div>112 113  <div class="bottom-note">You must read and accept to continue.</div>114  <div class="agree-btn">I AGREE</div>115  <div class="home-indicator"></div>116 117</div>118</body>119</html>