DodoApp: Use picocss for UI
Change-Id: I2d610c4f57e4dfbbe566a7c7f82147443e0106f1
diff --git a/core/installer/welcome/dodo-app-tmpl/app_status.html b/core/installer/welcome/dodo-app-tmpl/app_status.html
new file mode 100644
index 0000000..179ad10
--- /dev/null
+++ b/core/installer/welcome/dodo-app-tmpl/app_status.html
@@ -0,0 +1,10 @@
+{{ define "title" }}
+dodo app: {{ .Name }}
+{{ end }}
+{{- define "content" -}}
+{{ .GitCloneCommand }}
+<hr class="divider">
+{{- range .Commits -}}
+{{ .Hash }} {{ .Message }}<br/>
+{{- end -}}
+{{- end -}}
diff --git a/core/installer/welcome/dodo-app-tmpl/base.html b/core/installer/welcome/dodo-app-tmpl/base.html
new file mode 100644
index 0000000..85b480e
--- /dev/null
+++ b/core/installer/welcome/dodo-app-tmpl/base.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en" data-theme="light">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>{{ block "title" . }}{{ end }}</title>
+ <link rel="stylesheet" href="/static/pico.2.0.6.min.css">
+ <link rel="stylesheet" href="/static/dodo_app.css?v=0.0.3">
+</head>
+<body class="container">
+ {{- block "content" . }}
+ {{- end }}
+</body>
+</html>
diff --git a/core/installer/welcome/dodo-app-tmpl/index.html b/core/installer/welcome/dodo-app-tmpl/index.html
index af82173..ff53b2a 100644
--- a/core/installer/welcome/dodo-app-tmpl/index.html
+++ b/core/installer/welcome/dodo-app-tmpl/index.html
@@ -1,21 +1,34 @@
-<!DOCTYPE html>
-<html lang='en'>
- <head>
- <title>dodo: app</title>
- <meta charset='utf-8'>
- </head>
- <body>
- <form action="" method="POST">
- <select name="network">
- {{ range .Networks }}
- <option value="{{ .Name }}">{{ .Name }} - {{ .Domain }}</option>
- {{ end }}
- </select>
- <input type="text" name="admin-public-key" placeholder="Admin Public Key" />
- <button type="submit" name="create-app">Create App</button>
- </form>
- {{ range .Apps }}
- <a href="/{{ . }}">{{ . }}</a>
- {{ end }}
- </body>
-</html>
+{{ define "title" }}
+dodo app: status
+{{ end }}
+{{- define "content" -}}
+<form action="" method="POST">
+ <fieldset class="grid">
+ <select name="network">
+ {{- range .Networks -}}
+ <option value="{{ .Name }}">{{ .Name }} - {{ .Domain }}</option>
+ {{- end -}}
+ </select>
+ <input type="text" name="subdomain" placeholder="Subdomain" />
+ <select name="type">
+ {{- range .Types -}}
+ <option value="{{ . }}">{{ . }}</option>
+ {{- end -}}
+ </select>
+ <input type="text" name="admin-public-key" placeholder="Admin Public Key" />
+ <button type="submit" name="create-app">Create App</button>
+ </fieldset>
+</form>
+<hr class="divider">
+<aside>
+ <nav>
+ <ul>
+ {{- range .Apps -}}
+ <li>
+ <a href="/{{ . }}">{{ . }}</a>
+ </li>
+ {{- end -}}
+ </ul>
+ </nav>
+</aside>
+{{- end -}}