Landing: Add option to choose domain/subdomain
Change-Id: I84e9f33c2a9fad91565c964e533f16f8f6820247
diff --git a/apps/landing/layouts/_default/baseof.html b/apps/landing/layouts/_default/baseof.html
index f448548..153bd09 100644
--- a/apps/landing/layouts/_default/baseof.html
+++ b/apps/landing/layouts/_default/baseof.html
@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="stylesheet" href="/styles/style.css?v=0.0.1">
+ <link rel="stylesheet" href="/styles/style.css?v=0.0.2">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hack-font/3.3.0/web/hack.min.css">
<title>dodo</title>
</head>
diff --git a/apps/landing/layouts/partials/register-form.html b/apps/landing/layouts/partials/register-form.html
index 9c3bc83..1e1638c 100644
--- a/apps/landing/layouts/partials/register-form.html
+++ b/apps/landing/layouts/partials/register-form.html
@@ -1,11 +1,19 @@
<div class="form-container-footer">
- <form method="POST" action="/register">
- <div class="form-group-footer input-area">
- <label for="public-key">SSH Public Key</label>
- <textarea id="public-key" name="public-key" rows="4" required></textarea>
- </div>
- <div class="form-group-footer">
- <button type="submit">register</button>
- </div>
+ <form method="POST" action="/register" class="form-group-footer">
+ <label>
+ domain
+ <select name="domain">
+ <option value="dodoapp.xyz">dodoapp.xyz</option>
+ </select>
+ </label>
+ <label>
+ subdomain
+ <input type="text" name="subdomain" />
+ </label>
+ <label>
+ ssh public key
+ <textarea id="public-key" name="public-key" rows="2" required></textarea>
+ </label>
+ <button type="submit">create first app</button>
</form>
</div>
diff --git a/apps/landing/static/styles/style.css b/apps/landing/static/styles/style.css
index dbe4305..6537d58 100644
--- a/apps/landing/static/styles/style.css
+++ b/apps/landing/static/styles/style.css
@@ -18,6 +18,11 @@
font-size: var(--fontSize);
}
+input, textarea, select {
+ font-family: Hack, monospace;
+ font-size: var(--fontSize);
+}
+
a {
color: inherit;
text-decoration: none;
@@ -311,17 +316,17 @@
.form-group-footer label {
display: block;
margin-bottom: 5px;
+ padding-bottom: 10px;
color: var(--formText);
margin-right: auto;
-}
-.input-area {
- margin-bottom: 15px;
+ width: 100%;
}
.form-group-footer input,
.form-group-footer textarea {
width: 100%;
padding: 10px;
+ margin-top: 5px;
border: 1px solid var(--formText);
box-sizing: border-box;
color: var(--formText);
@@ -329,7 +334,7 @@
resize: vertical;
}
-.form-group-footer input,
+.form-group-footer input:focus,
.form-group-footer textarea:focus {
outline: none !important;
border: 1px solid var(--button);