Initial commit

public/contact/index.html

@@ -0,0 +1,36 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Contact · nkelabs</title>
+<link rel="stylesheet" href="/assets/style.css">
+</head>
+<body>
+<header class="bar">
+  <a class="brand" href="/">nke<i>/</i>labs</a>
+  <nav aria-label="Main">
+    <a href="/services/">Services</a>
+    <a href="/socials/">Socials</a>
+    <a href="/contact/" aria-current="page">Contact</a>
+    <a class="admin-link" href="/admin/">Admin</a>
+  </nav>
+</header>
+<main>
+  <h1 class="title">Contact</h1>
+  <p class="lede">Because everyone has one of these lol</p>
+  <div class="split">
+    <ul class="info" id="info" data-src="/data/contact.json"></ul>
+    <form class="form" id="form" novalidate>
+      <label>Name <input name="name" required maxlength="80" autocomplete="name"></label>
+      <label>Email <input name="email" type="email" required maxlength="120" autocomplete="email"></label>
+      <label>Message <textarea name="message" required minlength="5" maxlength="4000"></textarea></label>
+      <input class="hp" name="website" tabindex="-1" autocomplete="off" aria-hidden="true">
+      <button class="btn" type="submit">Send message</button>
+      <p id="out" role="status"></p>
+    </form>
+  </div>
+</main>
+<script src="/assets/main.js"></script>
+</body>
+</html>