3 files changed, 56 insertions, 0 deletions
diff --git a/cmd/web/templates/sign-up/htmx-sign-up-page.tmpl b/cmd/web/templates/sign-up/htmx-sign-up-page.tmpl
new file mode 100644
index 0000000..a4cf3d7
--- /dev/null
+++ b/cmd/web/templates/sign-up/htmx-sign-up-page.tmpl
@@ -0,0 +1,3 @@
+{{ template "sign-up/index" . }}
+{{ template "components/navbar" . }}
+{{ template "components/head" . }}
+\ No newline at end of file
diff --git a/cmd/web/templates/sign-up/index.tmpl b/cmd/web/templates/sign-up/index.tmpl
new file mode 100644
index 0000000..2c0992e
--- /dev/null
+++ b/cmd/web/templates/sign-up/index.tmpl
@@ -0,0 +1,23 @@
+<div class="auth-page">
+  <div class="container page">
+    <div class="row">
+
+      <div class="col-md-6 col-md-offset-3 col-xs-12">
+        <h1 class="text-xs-center">Sign up</h1>
+        <p class="text-xs-center">
+          <a 
+            href="/sign-in"
+            hx-push-url="/sign-in"
+            hx-get="/htmx/sign-in" 
+            hx-target="#app-body"
+          >
+            Have an account?
+          </a>
+        </p>
+        
+        {{ template "sign-up/partials/sign-up-form" }}
+      </div>
+
+    </div>
+  </div>
+</div>
+\ No newline at end of file
diff --git a/cmd/web/templates/sign-up/partials/sign-up-form.tmpl b/cmd/web/templates/sign-up/partials/sign-up-form.tmpl
new file mode 100644
index 0000000..be34243
--- /dev/null
+++ b/cmd/web/templates/sign-up/partials/sign-up-form.tmpl
@@ -0,0 +1,30 @@
+<div id="sign-up-form-messages"
+  {{ if .IsOob }}
+  hx-swap-oob="true"
+  {{ end }}
+>
+  {{ if .Errors }}
+  <div class="alert alert-danger">
+    <ul>
+      {{ range $error := .Errors }}
+        <li>{{ $error }}</li>
+      {{ end }}
+    </ul>
+  </div>
+  {{ end }}
+</div>
+
+<form method="POST" hx-post="/htmx/sign-up">
+<fieldset class="form-group">
+    <input id="sign-up-username" class="form-control form-control-lg" type="text" name="username" placeholder="Username">
+</fieldset>
+<fieldset class="form-group">
+    <input id="sign-up-email" class="form-control form-control-lg" type="text" name="email" placeholder="Email">
+</fieldset>
+<fieldset class="form-group">
+    <input id="sign-up-password" class="form-control form-control-lg" type="password" name="password" placeholder="Password">
+</fieldset>
+<button class="btn btn-lg btn-primary pull-xs-right">
+    Sign up
+</button>
+</form>
+\ No newline at end of file