mirror of
https://github.com/OpenSquawk/OpenSquawk
synced 2026-05-13 01:46:08 +08:00
132 lines
5.5 KiB
HTML
132 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" style="margin:0;padding:0;background:#0b1020;">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="color-scheme" content="dark light">
|
||
<meta name="supported-color-schemes" content="dark light">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<style>
|
||
html,body{margin:0!important;padding:0!important;background:#0b1020; font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; }
|
||
img{border:0;outline:none;text-decoration:none;max-width:100%;height:auto;display:block;}
|
||
table{border-collapse:collapse!important;}
|
||
a{color:#22d3ee;text-decoration:none;}
|
||
.wrapper{width:100%;background:#0b1020;}
|
||
.container{max-width:640px;margin:0 auto;}
|
||
.card{
|
||
background:rgba(255,255,255,0.06);
|
||
border:none;
|
||
backdrop-filter: blur(10px);
|
||
-webkit-backdrop-filter: blur(10px);
|
||
border-radius:16px;
|
||
box-shadow:0 30px 100px rgba(5,12,32,.45);
|
||
}
|
||
.text{color:#e5f2ff;}
|
||
.muted{color:rgba(255,255,255,.65);}
|
||
.chip{
|
||
display:inline-block;
|
||
padding:6px 10px;
|
||
border-radius:9999px;
|
||
font-size:12px; letter-spacing:.12em; text-transform:uppercase;
|
||
color:#e6fbff; border:1px solid rgba(255,255,255,.15);
|
||
background:rgba(255,255,255,.08);
|
||
}
|
||
h1,h2,h3,p{margin:0;}
|
||
h1{color:#fff;font-size:28px;line-height:1.2;font-weight:700;}
|
||
h2{color:#22d3ee;font-size:18px;line-height:1.4;font-weight:600;}
|
||
p{color:#dbe7ff;font-size:16px;line-height:1.6;}
|
||
small{font-size:12px;color:rgba(255,255,255,.55);}
|
||
.btn{
|
||
display:inline-block; padding:14px 20px; border-radius:14px;
|
||
background:#06b6d4; color:#fff!important; font-weight:700; text-align:center;
|
||
box-shadow:0 0 40px rgba(34,211,238,.25);
|
||
}
|
||
.btn:hover{background:#22d3ee;}
|
||
.px{padding-left:24px;padding-right:24px;}
|
||
.py{padding-top:24px;padding-bottom:24px;}
|
||
.mt8{margin-top:8px;} .mt12{margin-top:12px;} .mt16{margin-top:16px;}
|
||
.mt20{margin-top:20px;} .mt24{margin-top:24px;} .mt28{margin-top:28px;}
|
||
.mb0{margin-bottom:0;}
|
||
@media (max-width: 600px){
|
||
.px{padding-left:18px;padding-right:18px;}
|
||
h1{font-size:24px;}
|
||
p{font-size:15px;}
|
||
}
|
||
</style>
|
||
<!--[if mso]>
|
||
<style>
|
||
.card{background:#12182d;border:1px solid #1f2a44;}
|
||
</style>
|
||
<![endif]-->
|
||
</head>
|
||
<body class="wrapper">
|
||
<div style="display:none;max-height:0;overflow:hidden;opacity:0;color:transparent;">
|
||
Quick check-in on your OpenSquawk invite — we would love your feedback.
|
||
</div>
|
||
|
||
<table role="presentation" width="100%" bgcolor="#0b1020">
|
||
<tr><td align="center">
|
||
<table role="presentation" class="container" width="100%" cellpadding="0" cellspacing="0">
|
||
<tr><td class="px" style="padding-top:32px;padding-bottom:16px;">
|
||
<table role="presentation" width="100%">
|
||
<tr>
|
||
<td align="left">
|
||
<div class="chip">Feedback · Classroom</div>
|
||
<div style="height:20px;"></div>
|
||
<h1>OpenSquawk</h1>
|
||
<p class="muted" style="margin-top:6px;">Live AI ATC · in development</p>
|
||
</td>
|
||
<td align="right" style="vertical-align:top;"></td>
|
||
</tr>
|
||
</table>
|
||
</td></tr>
|
||
|
||
<tr><td class="px">
|
||
<table role="presentation" width="100%" class="card">
|
||
<tr><td class="py px">
|
||
<h2>How is your OpenSquawk experience?</h2>
|
||
<p class="mt12">It’s been a little while since we sent your invite, and we would love to hear how things are going.</p>
|
||
|
||
<p class="mt16">Your feedback helps us improve the simulator experience and plan the next steps for Live ATC.</p>
|
||
|
||
<div class="mt20" align="center">
|
||
<!--[if mso]>
|
||
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://opensquawk.de/feedback" style="height:48px;v-text-anchor:middle;width:320px;" arcsize="20%" stroke="f" fillcolor="#06b6d4">
|
||
<w:anchorlock/>
|
||
<center style="color:#ffffff;font-family:Segoe UI, Arial, sans-serif;font-size:16px;font-weight:bold;">
|
||
Share feedback
|
||
</center>
|
||
</v:roundrect>
|
||
<![endif]-->
|
||
<!--[if !mso]><!-- -->
|
||
<a class="btn" href="https://opensquawk.de/feedback" target="_blank" rel="noopener">Share feedback</a>
|
||
<!--<![endif]-->
|
||
</div>
|
||
|
||
<p class="mt24">Prefer email? Just reply with your thoughts — every note helps.</p>
|
||
</td></tr>
|
||
</table>
|
||
</td></tr>
|
||
|
||
<tr><td class="px" style="padding-top:18px;padding-bottom:38px;">
|
||
<table role="presentation" width="100%">
|
||
<tr>
|
||
<td align="left">
|
||
<small>© OpenSquawk · Not for real-world aviation.</small><br>
|
||
<small>
|
||
<a href="https://opensquawk.de/feedback" target="_blank" rel="noopener">Feedback</a> ·
|
||
<a href="mailto:info@opensquawk.de">info@opensquawk.de</a>
|
||
</small><br>
|
||
<small>If you prefer no more emails: <a href="{{UNSUBSCRIBE_URL}}" target="_blank" rel="noopener">Unsubscribe</a></small>
|
||
</td>
|
||
<td align="right">
|
||
<small class="muted">Built with an open stack</small>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td></tr>
|
||
</table>
|
||
</td></tr>
|
||
</table>
|
||
</body>
|
||
</html>
|