installer-env: update ui
diff --git a/core/installer/welcome/create-env.html b/core/installer/welcome/create-env.html
index ea07476..f3d0f65 100644
--- a/core/installer/welcome/create-env.html
+++ b/core/installer/welcome/create-env.html
@@ -1,39 +1,86 @@
<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
- <link rel="stylesheet" href="/static/pico.min.css">
+ <link rel="stylesheet" href="/static/pico.min.css">
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/hack-font@3/build/web/hack.css">
+ <link rel="stylesheet" href="/static/main.css">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
+ <nav id="menu" class="container-fluid">
+ <ul>
+ <li class="dodo"><span style="color: #ffffff;">do</span><span class="highlight">do:</span></li>
+ </ul>
+ <ul>
+ <li><a href="#">register</a></li>
+ <li><a href="#">apps</a></li>
+ <li><a href="#" style="border-right: none;">about</a></li>
+ </ul>
+ </nav>
<main class="container">
- <form action="" method="POST">
- <input
- type="test"
- name="domain"
- placeholder="Domain"
- required
- autofocus
- />
- <input
- type="email"
- name="contact-email"
- placeholder="Contact Email"
- required
- />
- <input
- type="string"
- name="admin-public-key"
- placeholder="Admin SSH Public Key"
- required
- /> <!-- TODO(gio): remove-->
- <textarea
- name="secret-token"
- placeholder="Secret Token"
- required
- ></textarea>
- <button type="submit">Create Environment</button>
- </form>
+ <div class="grid contents-header">
+ <div style="border-width: 1px; border-right-style: solid;">
+ attention
+ </div>
+ <div>
+ take <span class="highlight">control</span>
+ </div>
+ </div>
+ <div id="contents" class="grid">
+ <div style="border-width: 1px; border-right-style: solid;">
+ As part of provisioning new dodo instance you will have to update DNS records at your domain registrar, so that it points to the nameservers running on your newly created dodo. Please first get familiar with your domain registrar documentation, and only then proceed with provisioning.
+ <label for="accept" style="padding-top: 1rem;">
+ <input type="checkbox" name="accept" id="accept" form="create-form" required tabindex="5">
+ <strong>I understand</strong>
+ </label>
+ </div>
+ <div id="create-instance-form">
+ <form action="" method="POST" id="create-form">
+ <label for="domain">
+ domain
+ <input
+ type="text"
+ id="domain"
+ name="domain"
+ required
+ autofocus
+ tabindex="1"
+ />
+ </label>
+ <label for="contact-email">
+ contact email
+ <input
+ type="email"
+ id="contact-email"
+ name="contact-email"
+ required
+ tabindex="2"
+ />
+ </label>
+ <label for="admin-public-key">
+ admin ssh public key
+ <input
+ type="string"
+ id="admin-public-key"
+ name="admin-public-key"
+ required
+ tabindex="3"
+ /> <!-- TODO(gio): remove-->
+ </label>
+ <label for="secret-token">
+ invitation code
+ <textarea
+ id="secret-token"
+ name="secret-token"
+ required
+ tabindex="4"
+ ></textarea>
+ </label>
+ <button type="submit" tabindex="6">provision</button>
+ </form>
+ </div>
+ </div>
</main>
</body>
</html>