diff options
| author | Rubén Beltrán del Río <ben@nsovocal.com> | 2017-01-30 02:47:14 -0600 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2017-01-30 02:47:14 -0600 |
| commit | a6ccda0fbc4df683f9568d85eb22b21684d2a0bd (patch) | |
| tree | 967e98f2d8bf6718858da1fbc279987208b25e06 /static | |
| parent | 287fa13b3e600b2340895a5463a288bf08101bb5 (diff) | |
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
Diffstat (limited to 'static')
| -rw-r--r-- | static/css/app.css | 51 | ||||
| -rw-r--r-- | static/index.html | 24 | ||||
| -rw-r--r-- | static/windex.html | 36 |
3 files changed, 75 insertions, 36 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; +} diff --git a/static/index.html b/static/index.html new file mode 100644 index 0000000..6e8e1f3 --- /dev/null +++ b/static/index.html @@ -0,0 +1,24 @@ +<!doctype html> +<html> + <head> + <meta charset="utf-8"> + <meta name="description" content="A social network."> + + <title>✨ dasein ✨</title> + + <script src="/assets/bundle.js"></script> + + <link href='https://fonts.googleapis.com/css?family=VT323' rel='stylesheet' > + <link href="/css/app.css" rel="stylesheet"> + + </head> + <body> + <div id="dasein"> + <header class="dasein-header"> + <a href="/">Dasein</a> + </header> + <router-view></router-view> + </div> + </body> +</html> + diff --git a/static/windex.html b/static/windex.html deleted file mode 100644 index f4a6ac5..0000000 --- a/static/windex.html +++ /dev/null @@ -1,36 +0,0 @@ -<!doctype html> -<html> - <head> - <meta charset="utf-8"> - <meta name="description" content="A social network."> - - <title>✨ dasein ✨</title> - - <link href='https://fonts.googleapis.com/css?family=VT323' rel='stylesheet' > - <link href="/css/app.css" rel="stylesheet"> - - </head> - <body> - <div id="dasein"> - <header class="dasein-header"> - <a href="/">Dasein</a> - </header> - <section class="dasein-login"> - <h1>Login.</h1> - </section> - <section class="dasein-stream"> - <h1>@rbdr</h1> - <article class="dasein-post"> - <aside> - <img - src="https://pbs.twimg.com/profile_images/795825767649132544/tHHYHC3-_mini.jpg" - alt="Avatar for @rbdr"> - <a href="/@rbdr">@rbdr</a> on <time datetime="2016-12-17T18:16">2016-12-17 18:16</time> - </aside> - <div>Hi, this is a test. 💸</div> - </article> - </section> - </div> - </body> -</html> - |