@@ -1,10 +1,11 @@
11import Link from "next/link";
22import { useState } from "react";
3−import { encode } from "html-entities";
43import Container from "../../components/Container";
54import Section from "../../components/Section";
65import SingleColumn from "../../components/SingleColumn";
76import { useInputChange } from "../../lib/hooks";
7+import Head from "next/head";
8+import Meta from "../../components/Meta";
89
910const SubmissionPage = () => {
1011 const [form, handleFormChange] = useInputChange();
@@ -26,6 +27,10 @@ ${form?.description || ""}`
2627
2728 return (
2829 <Container>
30+ <Head>
31+ <title>Submit a group • Urbit.org</title>
32+ {Meta}
33+ </Head>
2934 <SingleColumn>
3035 <Section narrow className="space-y-12">
3136 <div className="flex flex-col space-y-4">
@@ -60,6 +65,7 @@ ${form?.description || ""}`
6065 <input
6166 className="bg-wall-100 p-2"
6267 name="groupName"
68+ placeholder="Urbit Community"
6369 onChange={handleFormChange}
6470 />
6571 </div>
@@ -91,34 +97,29 @@ ${form?.description || ""}`
9197 </div>
9298 </div>
9399 <div className="flex flex-col">
94− <p>
95− Shortcode (e.g. <code>~bitbet-bolbel/urbit-community</code>)
96− (required)
97− </p>
100+ <p>Shortcode (required)</p>
98101 <input
99102 className="bg-wall-100 p-2"
100103 name="shortcode"
104+ placeholder="~bitbet-bolbel/urbit-community"
101105 onChange={handleFormChange}
102106 />
103107 </div>
104108 <div className="flex flex-col">
105− <p>
106− Group image URL (e.g. <code>https://...</code>) or color (e.g.{" "}
107− <code>#FFCED0</code>)
108− </p>
109+ <p>Group image URL or color</p>
109110 <input
110111 className="bg-wall-100 p-2"
111112 name="imageUrl"
113+ placeholder="https://... or #FFCDE0"
112114 onChange={handleFormChange}
113115 />
114116 </div>
115117 <div className="flex flex-col">
116− <p>
117− Members (e.g. <code>1000+</code>)
118− </p>
118+ <p>Members</p>
119119 <input
120120 className="bg-wall-100 p-2"
121121 name="members"
122+ placeholder="1000+"
122123 onChange={handleFormChange}
123124 />
124125 </div>