will.airport.main.<module>

Jul 2, 2026, 5:54:42 AM

GET / 200

session · 172cd4229584dc1488f451c4e0420140text/html; charset=utf-8 · 3825 B

Replayed from tape · byte-identical across runs

rendered response

Request in

host	flowing-lagoon-00492-main.motorapp.dev
accept	text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,/;q=0.8,application/signed-exchange;v=b3;q=0.7

16 standard headers

connection	close
sec-fetch-dest	document
sec-ch-ua-platform	"macOS"
sec-fetch-site	none
priority	u=0, i
user-agent	Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/149.0.0.0 Safari/537.36
via	2.0 f7064168e4303d46b71dd4af3fc34a86.cloudfront.net (CloudFront)
x-amz-cf-id	QRlUKZRGkbrbWOUeg3cc-zNFgSJdqWkziMS2I_VXGG_0FIrtGRXWpw==
sec-fetch-mode	navigate
sec-ch-ua	"Google Chrome";v="149", "Chromium";v="149", "Not)A;Brand";v="24"
x-forwarded-for	75.18.241.129
accept-language	en-US,en;q=0.9
accept-encoding	gzip, deflate, br, zstd
upgrade-insecure-requests	1
sec-fetch-user	?1
sec-ch-ua-mobile	?0

empty body

Response out

content-type

text/html; charset=utf-8

text/html; charset=utf-8 · 3825 bytes

source

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>when do i leave for the airport?</title>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">

<style>
  :root{
    --bg:#111418;
    --panel:#0a0c0f;
    --line:#2a2f36;
    --amber:#f7c948;
    --muted:#7f8893;
    --text:#e8edf2;
    --go:#3ddc84;
  }
  *{ box-sizing:border-box; }
  html,body{ margin:0; height:100%; }
  body{
    background:radial-gradient(120% 120% at 50% -10%, #1a1f26 0%, var(--bg) 55%);
    color:var(--text);
    font-family:'Space Mono', ui-monospace, monospace;
    min-height:100dvh;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding:48px 18px;
  }
  .app{ width:100%; max-width:560px; }
  .head{
    display:flex; align-items:center; gap:10px;
    border-bottom:1px solid var(--line);
    padding-bottom:14px; margin-bottom:26px;
    color:var(--muted); font-size:12px; letter-spacing:2px; text-transform:uppercase;
  }
  .dot{ width:9px; height:9px; border-radius:99px; background:var(--go); box-shadow:0 0 8px var(--go); animation:pulse 2s infinite; }
  @keyframes pulse{ 0%,100%{opacity:1} 50%{opacity:.35} }
  .head .spacer{ flex:1; }
  .head .clock{ color:var(--amber); }
  h1{ font-size:24px; font-weight:700; letter-spacing:-.5px; margin:0 0 6px; }
  .lede{ color:var(--muted); font-size:13px; margin:0 0 26px; line-height:1.5; }
  label{ display:block; font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--muted); margin:18px 0 8px; }
  .field{
    width:100%; background:var(--panel); color:var(--amber);
    border:1px solid var(--line); border-radius:5px;
    font-family:inherit; font-weight:700; font-size:18px; letter-spacing:2px;
    padding:13px 15px; outline:none; transition:border-color .15s, box-shadow .15s;
  }
  .field::placeholder{ color:#4b525b; letter-spacing:2px; }
  .field:focus{ border-color:var(--amber); box-shadow:0 0 0 3px rgba(247,201,72,.12); }
  .btn{
    width:100%; margin-top:26px; cursor:pointer;
    background:var(--amber); color:#111418; border:none; border-radius:5px;
    font-family:inherit; font-weight:700; letter-spacing:2px; text-transform:uppercase;
    padding:15px; font-size:14px; transition:transform .08s, filter .15s;
  }
  .btn:hover{ filter:brightness(1.06); }
  .btn:active{ transform:translateY(1px); }
</style>
</head>
<body>
<div class="app">
  <div class="head">
    <span class="dot"></span>
    <span id="head-title">DEPARTURES · LIVE</span>
    <span class="spacer"></span>
    <span class="clock" id="clock">--:--</span>
  </div>

  <section id="form-screen">
    <h1>&#9992; when do i leave for the airport?</h1>
    <p class="lede">Enter where you're starting from and the flight you're picking up.</p>

    <form method="POST" action="/plan" autocomplete="off">
      <label for="addr">Your address</label>
      <input id="addr" name="address" class="field" placeholder="4220 IRVING ST" required autocomplete="off" data-1p-ignore data-lpignore="true">

      <label for="flight">Flight number</label>
      <input id="flight" name="flight" class="field" placeholder="UA 335" required autocomplete="off" data-1p-ignore data-lpignore="true">

      <button id="go" type="submit" class="btn">&#9656; When should I leave?</button>
    </form>
  </section>
</div>

<script>
"use strict";
function tickClock(){
  const d = new Date();
  document.getElementById('clock').textContent =
    String(d.getHours()).padStart(2,'0') + ":" + String(d.getMinutes()).padStart(2,'0');
}
tickClock();
setInterval(tickClock, 10000);
</script>
</body>
</html>