Add site nav and a call to action linking the new pages

index.html

@@ -61,10 +61,21 @@
 <body>
 <div class="wrap">
 
+  <div style="border-bottom:1px solid var(--line);padding:18px 0;display:flex;gap:22px;align-items:center;flex-wrap:wrap">
+    <a href="/" style="font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:-.01em">Pay<span style="color:var(--accent)">To</span>Laugh</a>
+    <a href="/create.html" style="color:var(--muted);text-decoration:none;font-size:14.5px">New video</a>
+    <a href="/videos.html" style="color:var(--muted);text-decoration:none;font-size:14.5px">My videos</a>
+    <a href="/register.html" style="margin-left:auto;color:var(--muted);text-decoration:none;font-size:14.5px">Sign in</a>
+  </div>
+
   <header>
     <span class="tag">Technical demo</span>
     <h1>Your pet has <span>opinions</span>.</h1>
     <p class="lede">Upload a photo, pick something being argued about online, add your own director notes — and get a short video of your pet weighing in. This page documents how it is built.</p>
+    <p style="margin:26px 0 0">
+      <a href="/create.html" style="display:inline-block;background:var(--accent);color:#fff;text-decoration:none;border-radius:9px;padding:12px 22px;font-weight:600">Make a video</a>
+      <a href="/register.html" style="display:inline-block;margin-left:10px;border:1px solid var(--line);color:var(--ink);text-decoration:none;border-radius:9px;padding:12px 22px;font-weight:600">Sign in</a>
+    </p>
   </header>
 
   <section>