Create and Show Posts (#3)

* 📝 Update changelog (retroactive)

SORRY

* Add JSDoc

* Document twitter helper

* Add posts handler

* Remove cookies, set routes under /api

* Update readme for clearer callback instructions

* Redirect callback to login with token

* Add dasein paw helper

* Remove unused hostname

* Remove hostname, add expiration to config

* Rename expiration ttl

* Send TTL to posts handler

* Add redis dependency

* Add redis config to config file

* Add DASEIN_REDIS_HOST to env.dist

* Correct redis config structure

* Add redis db to compose

* Add redis to posts handler

* Update dasein paw file

* Git add uuid

* Add first iteration of post handlers

* Ignore docs in linter

* Ignore generated assets

* Ignore docs and assets

* Add frontend dependencies + more koa

* Add post creation to backend

* Adjust readme to show actual callback route

* Add npm build as part of docker process

* Configure babel

* Update paw

* Add webpack config

* Add frontend code

* List globals

1 files changed, 51 insertions, 0 deletions

diff --git a/static/css/app.css b/static/css/app.css
index 956a281..34712e3 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -39,4 +39,55 @@ section {
   font-size: 96px;
 }
 
+.welcome-container,
+.login-container {
+  font-size: 24px;
+  padding: 50px 10px 10px;
+}
+
 /* The stream */
+
+.posts-container .post .post-meta {
+  background-color: lightgray;
+  display: flex;
+  align-items: center;
+}
+
+.post-meta time, .post-meta a {
+  padding: 0 10px;
+}
+
+.posts-container .post .post-content,
+.post-form-container .post-content-input,
+.post-form-container .post-submit {
+  font-family: -apple-system, BlinkMacSystemFont,
+      "Segoe UI", "Roboto", "Oxygen",
+      "Ubuntu", "Cantarell", "Fira Sans",
+      "Droid Sans", "Helvetica Neue", sans-serif;
+  font-size: 24px;
+  padding: 10px;
+}
+
+.post-form-container .post-content-input {
+  display: block;
+  margin: 10px;
+  width: 90%;
+  resize: none;
+  height: 140px;
+}
+
+.post-form-container .post-submit {
+  margin: 10px auto;
+  display: block;
+  background-color: lightgray;
+}
+
+.post-form-container .post-submit:active {
+  background-color: cyan;
+}
+
+.posts-error,
+.post-form-error {
+  color: red;
+  padding: 10px;
+}