| <!DOCTYPE html> |
| <html lang="en"> |
|
|
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>ms-copilot-play-app</title> |
| <style> |
| html, |
| body { |
| border: 0; |
| padding: 0; |
| margin: 0; |
| background-color: antiquewhite; |
| overflow: hidden; |
| } |
| |
| :root { |
| font-size: 16px; |
| } |
| |
| .input-group { |
| margin-bottom: 1rem; |
| display: flex; |
| flex-direction: column; |
| } |
| |
| .input-group label { |
| font-weight: bold; |
| margin-bottom: 0.5rem; |
| color: #333; |
| } |
| |
| .input-group input { |
| padding: 0.5rem; |
| border: 1px solid #ccc; |
| border-radius: 4px; |
| font-size: 1rem; |
| transition: border-color 0.3s ease; |
| } |
| |
| .input-group input:focus { |
| border-color: #007BFF; |
| outline: none; |
| } |
| |
| .input-group input::placeholder { |
| color: #aaa; |
| } |
| |
| .input-box { |
| position: absolute; |
| top: 50%; |
| left: 50%; |
| transform: translate(-50%, -50%); |
| width: 25rem; |
| height: 30rem; |
| background-color: rgb(255, 255, 255); |
| padding: 1rem; |
| border-radius: 1rem; |
| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1); |
| display: flex; |
| flex-direction: column; |
| } |
| </style> |
| </head> |
|
|
| <body> |
| <div class="input-box"> |
| <div class="input-group"> |
| <label>初始设置</label> |
| </div> |
| <div class="input-group"> |
| <label for="proxyHost">PHOST</label> |
| <input id="proxyHost" type="text" placeholder="Enter proxy host" value="${PHOST}" readonly/> |
| </div> |
| <div class="input-group"> |
| <label for="proxyFIP">FIP</label> |
| <input id="proxyFIP" type="text" placeholder="Enter proxy FIP" value="${FIP}" readonly/> |
| </div> |
| <div class="input-group" style="flex: 1;height: 100%;"></div> |
| <div class="input-group"> |
| <label style="text-align: center;">第一步下载app <a href="https://github.com/jianjianai/ms-copilot-play/releases/" target="_blank">前往下载</a></label> |
| <label style="text-align: center;">第二步输入如上配置</label> |
| <label style="text-align: center;">设置完成开始愉快玩耍！</label> |
| </div> |
| </div> |
| </body> |
|
|
| </html> |
