diff --git a/templates/accountform.html b/templates/accountform.html
index dcec5a5..d730a3b 100644
--- a/templates/accountform.html
+++ b/templates/accountform.html
@@ -1,12 +1,39 @@
{{ template "header" }}
-
edit account
-
+
{{ template "footer" }}
diff --git a/templates/css/style.css b/templates/css/style.css
new file mode 100644
index 0000000..ef1ef42
--- /dev/null
+++ b/templates/css/style.css
@@ -0,0 +1,88 @@
+body {
+ background-color: white;
+ color: black;
+ font: 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Open Sans', 'Helvetica Neue', sans-serif;
+ max-width: 30rem;
+ padding: 0 1rem;
+ margin: 0 auto;
+}
+
+a {
+ color: #00c;
+}
+
+a:hover {
+ background-color: #00c;
+ color: white;
+}
+
+a:focus {
+ outline: thin solid;
+}
+
+header,
+nav,
+footer {
+ text-align: center;
+}
+
+nav ul {
+ list-style: none;
+ padding-left: 0;
+}
+
+nav li {
+ display: inline-block;
+ margin: 0 .5rem;
+}
+
+section,
+fieldset {
+ background-color: #eee;
+ padding: 1rem;
+ border: 1px solid black;
+}
+
+section.success {
+ background-color: #cfc;
+}
+
+section.error {
+ background-color: #fcc;
+}
+
+section h2:first-child {
+ margin-top: 0;
+}
+
+form div {
+ margin-bottom: 1rem;
+}
+
+form p,
+label span {
+ color: #444;
+ font-size: .8rem;
+}
+
+form p {
+ margin: 0;
+}
+
+legend,
+label {
+ font-weight: bold;
+}
+
+label {
+ display: block;
+}
+
+button,
+input {
+ font-size: 1rem;
+}
+
+input#twt {
+ width: 100%;
+}
diff --git a/templates/error.html b/templates/error.html
index 0cda565..f44c1f0 100644
--- a/templates/error.html
+++ b/templates/error.html
@@ -1,4 +1,6 @@
{{ template "header" }}
- error
- Something went wrong: {{ .Msg }}
+
+ Error
+ Something went wrong: {{ .Msg }}
+
{{ template "footer" }}
diff --git a/templates/feedset.html b/templates/feedset.html
index df1154b..d5be2e7 100644
--- a/templates/feedset.html
+++ b/templates/feedset.html
@@ -1,6 +1,6 @@
{{ template "header" }}
- feed setup
-
- Feed successfully set.
-
+
+ Success
+ Your account has been created.
+
{{ template "footer" }}
diff --git a/templates/index.html b/templates/index.html
index ee334ce..1972ca8 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,12 +1,27 @@
{{ template "header" }}
- publish a twtxt
-
- No feed yet? Create one!
- Also, check out other people's feeds …
- Or edit your account settings.
+
{{ template "footer" }}
diff --git a/templates/list.html b/templates/list.html
index afbfdb1..f851d1d 100644
--- a/templates/list.html
+++ b/templates/list.html
@@ -1,8 +1,10 @@
{{ template "header" }}
- list of feeds
-
- {{ range .Dir }}
- - {{ . }}
- {{ end }}
-
+
+ Feeds
+
+ {{ range .Dir }}
+ - {{ . }}
+ {{ end }}
+
+
{{ template "footer" }}
diff --git a/templates/partials.html b/templates/partials.html
index a7d7911..2422213 100644
--- a/templates/partials.html
+++ b/templates/partials.html
@@ -1,10 +1,38 @@
{{ define "header" }}
-
- hosted twtxt server
-
+
+
+
+
+
+
+
+
+ hosted twtxt server
+
+
+
+
+
+
+
+
+
+
{{ end }}
{{ define "footer" }}
-
- This project is licensed under the AGPLv3, source code here.
+
+
+
+
{{ end }}
diff --git a/templates/signupform.html b/templates/signupform.html
index bf49183..82ea936 100644
--- a/templates/signupform.html
+++ b/templates/signupform.html
@@ -1,10 +1,33 @@
{{ template "header" }}
- sign up
-
+
{{ template "footer" }}