diff options
Diffstat (limited to 'static')
| -rw-r--r-- | static/css/app.css | 141 | ||||
| -rw-r--r-- | static/favicon.ico | bin | 0 -> 5430 bytes | |||
| -rw-r--r-- | static/index.html | 24 |
3 files changed, 165 insertions, 0 deletions
diff --git a/static/css/app.css b/static/css/app.css new file mode 100644 index 0000000..2177c51 --- /dev/null +++ b/static/css/app.css @@ -0,0 +1,141 @@ +* { + margin: 0; + padding: 0; +} + +/* General styles */ + +body { + font-family: "VT323", sans-serif; +} + +a { + color: #00e; +} + +a:active { + color: #e00; +} + +a:visited { + color: #551a8b; +} + +h1 { + font-size: 48px; +} + +section { + padding: 24px; +} + +/* Header */ + +#dasein .dasein-header { + text-align: center; +} + +#dasein .dasein-header a { + font-size: 96px; +} + +.welcome-container, +.login-container { + font-size: 24px; + padding: 50px 10px 10px; +} + +/* The stream */ + +.comments-container .comment .comment-meta, +.posts-container .post .post-meta { + background-color: lightgray; + display: flex; + align-items: center; + font-size: 20px; +} + +.comment-meta time, .comment-meta a, +.post-meta time, .post-meta a { + padding: 0 10px; +} + +.comments-container .comment .comment-content, +.comment-form-container .comment-content-input, +.comment-form-container .comment-submit, +.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; +} + +.comments-container .comment .comment-content, +.posts-container .post .post-content { + white-space: pre-wrap; + word-wrap: break-word; +} + +.comment-form-container .comment-content-input, +.post-form-container .post-content-input { + display: block; + margin: 10px; + width: 90%; + resize: none; + height: 140px; +} + +.comment-form-container .comment-submit, +.comment-form-container .comment-activate, +.post-form-container .post-submit { + margin: 10px auto; + display: block; + background-color: lightgray; +} + +.post-form-container .post-submit:active { + background-color: cyan; +} + +.posts-error, +.comments-error, +.post-form-error { + color: red; + padding: 10px; +} + +/* Comments */ + +.comments-container .comment .comment-meta { + background-color: ghostwhite; + font-size: 16px; +} + +.comments-container .comment .comment-meta img { + width: 24px; + height: 24px; +} + +.comments-container .comment .comment-content, +.comment-form-container .comment-content-input, +.comment-form-container .comment-submit { + font-size: 16px; +} + +.comment-form-container .comment-activate { + padding: 2px; + font-size: 12px; +} + +.comment-form-container .comment-content-input { + height: 70px; +} + +.comment-form-container .comment-activate:active, +.comment-form-container .comment-submit:active { + background-color: magenta; +} diff --git a/static/favicon.ico b/static/favicon.ico Binary files differnew file mode 100644 index 0000000..24318f3 --- /dev/null +++ b/static/favicon.ico 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> + |