diff options
| author | julian laplace <julescarbon@gmail.com> | 2022-10-26 23:20:14 +0200 |
|---|---|---|
| committer | julian laplace <julescarbon@gmail.com> | 2022-10-26 23:20:14 +0200 |
| commit | 75e88aa761e89937fa37337eee2a45f7ad646a31 (patch) | |
| tree | 43bac1ebfdcb7e00374cb069a08e5b318e4e82b9 | |
| parent | eb1baebc4919058ae773f2d9ecb7b2e76d7d8e4a (diff) | |
filters :) :) yessssssss
| -rw-r--r-- | public/assets/css/hootstream.css | 27 | ||||
| -rw-r--r-- | views/hootstream/filters.ejs | 15 | ||||
| -rw-r--r-- | views/pages/stream.ejs | 18 |
3 files changed, 54 insertions, 6 deletions
diff --git a/public/assets/css/hootstream.css b/public/assets/css/hootstream.css index 2bee4b2..bcd73f1 100644 --- a/public/assets/css/hootstream.css +++ b/public/assets/css/hootstream.css @@ -297,7 +297,7 @@ #hootfilters { display: flex; - flex-direction: row; + flex-flow: row wrap; justify-content: flex-start; align-items: center; font-size: 11px; @@ -312,6 +312,7 @@ align-items: center; min-width: auto; margin-right: 0.25rem; + white-space: nowrap; } #hootfilters label { cursor: pointer; @@ -417,9 +418,12 @@ #hootform { margin-bottom: 0rem; } - #hootstream { + #hootevents { padding-right: 0; } + #hootfilters .links { + margin: 0.75rem 0.75rem 0 0.75rem; + } #hootevents .userLink { display: none; } @@ -428,6 +432,25 @@ width: auto; margin-left: 2rem; } + #hootevents .hoot .text { + /*flex: 75vw;*/ + flex: 27vw; + } + #hootevents .keyword { + flex: 1; + display: flex; + justify-content: flex-end; + } + #hootevents .keyword, + #hootevents .commentCount, + #hootevents .fileCount, + #hootevents .threadTitle .age { + margin: 0.5rem; + } + #hootevents .threadTitle .age { + margin-right: 0.75rem; + } + #hootevents .avatarLink { margin-left: 0.25rem; } diff --git a/views/hootstream/filters.ejs b/views/hootstream/filters.ejs index 34ac4b9..52319bf 100644 --- a/views/hootstream/filters.ejs +++ b/views/hootstream/filters.ejs @@ -15,9 +15,7 @@ <input type="checkbox" name="hoots" /> <span>hoots</span> </label> - <div> - · - </div> + <div> sort by </div> @@ -25,4 +23,15 @@ <label><input type="radio" name="sort" value="name"><span>name</span></label> <label><input type="radio" name="sort" value="date"><span>date</span></label> </div> + <div class="links"> + <div> + <a href="/stream">stream</a> + </div> + <div> + · + </div> + <div> + <a href="/index">index</a> + </div> + </div> </div> diff --git a/views/pages/stream.ejs b/views/pages/stream.ejs index cd16530..02881e8 100644 --- a/views/pages/stream.ejs +++ b/views/pages/stream.ejs @@ -1,4 +1,20 @@ -<% include ../partials/header %> +<!doctype html> +<html> +<head> +<title>bucky</title> +<meta charset="utf-8"> +<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> +<link rel="stylesheet" href="/assets/css/bucky.css"> +<link rel="stylesheet" href="/assets/css/hootstream.css"> +<meta name="_csrf" value="<%= csrfToken %>"> +</head> +<body class="loading"> + +<header> + <a href="/stream" class="headline"><h1><%= title %></h1></a> + <% include ../partials/searchform %> +</header> +<content> <% include ../hootstream/index %> |