diff options
Diffstat (limited to 'views/pages/users.ejs')
| -rw-r--r-- | views/pages/users.ejs | 139 |
1 files changed, 139 insertions, 0 deletions
diff --git a/views/pages/users.ejs b/views/pages/users.ejs new file mode 100644 index 0000000..7c8f417 --- /dev/null +++ b/views/pages/users.ejs @@ -0,0 +1,139 @@ +<% include ../partials/header %> + +<div class="subtitle"> + <a href="/">< Home</a> + · + <a href="/keywords">Keywords</a> + · + <a href="/users">Users</a> + · + <a href="/inbox">Inbox</a> + · + <a href="/profile">Profile</a> + ·:· + <a class='all_link'></a> +</div> + +<div id="content"> + <div id="user_list" class="ledger"> + <script type="text/html" class="template"> + <div class="user_main_row"> + <div><a href="/profile/{{username}}" class="avatar" style="background-image:url({{avatar}})"></a></div> + <div> + <div class="user_row"> + <div class="username"><a href="/profile/{{username}}">{{username}}</a></div> + <div class='realname'> + {{realname}} + </div> + <div class="count {{threadcount_class}}"> + {{threadcount}} + </div> + <div class="count {{commentcount_class}}"> + {{commentcount}} + </div> + <div class="count {{filecount_class}}"> + {{filecount}} + </div> + <div class="size {{filesize_class}}"> + {{filesize}} + </div> + </div> + <div class="user_sub_row"> + <div class="location"> + {{location}} + </div> + <div class="date {{lastseen_date_class}}"> + seen {{lastseen}} ago + </div> + <div class="date {{firstseen_date_class}}"> + joined {{firstseen_date}} <small>{{firstseen_time}}</small> + </div> + </div> + </div> + </div> + </script> + </div> +</div> + +<% include ../partials/footer %> + +<style> +.user_main_row { + display: flex; + flex-flow: row; + margin-bottom: 10px; +} +.user_row { + display: flex; + flex-flow: row wrap; + align-items: center; + margin-top: 10px; +} +.user_sub_row { + padding-left: 110px; +} +.user_sub_row div { + margin-top: 5px; +} +.user_main_row .avatar { + display: block; + width: 40px; + height: 40px; + background-size: contain; + background-repeat: no-repeat; + background-position: center; +} +.user_main_row .avatar.hidden { + opacity: 0; + height: 0; +} +.user_row .username { + min-width: 100px; + margin-left: 10px; +} +.user_row .username a { + font-size: 12px; + font-weight: bold; + display: block; + text-align: right; + margin-right: 5px; + margin-top: -3px; +} +@media (prefers-color-scheme: dark) { + .user_row .username a { + color: #fff; + } +} +.user_row .realname { + min-width: 150px; +} +.user_row .location { + min-width: 150px; +} +.user_row .date { + min-width: 160px; +} +.user_row div { + display: flex; +} +.user_row .dot { + margin-right: 5px; +} +.user_row .date small { + font-size: 9px; + margin-left: 3px; +} +.user_row .views { + min-width: 40px; + justify-content: center; +} +.user_row .count { + min-width: 50px; + justify-content: flex-end; + margin-right: 10px; +} +.user_row .size { + min-width: 60px; + justify-content: flex-end; +} +</style> |