A minimalistic, no-js client for twister.net.co
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

78 lines
3.9 KiB

<div id="localusers" class="panel panel-primary">
<div class="panel-heading">
{{#info}}
<div class="pull-right badge">Peers: {{dht_nodes}}/{{dht_global_nodes}}</div>
{{/info}}
<h3 class="panel-title"><span class="glyphicon glyphicon-th-list"></span> Local users</h3>
</div>
<ul class="panel-body list-group media-list">
{{#local_users}}
<li class="media list-group-item avatars32{{#active}} active{{/active}}">
<a {{#username}}title="@{{username}}'s home" {{/username}}class="pull-left thumbnail" href="{{site_root}}/{{#username}}home/{{.}}{{/username}}">
<img class="media-object avatar" src="{{#avatar}}{{.}}{{/avatar}}{{^avatar}}{{site_root}}/assets/img/twister-64.jpg{{/avatar}}" alt="{{fullname}}">
</a>
<div class="media-body">
<h5 class="media-heading">
{{^active}}
<a {{#username}}title="@{{username}}'s home"{{/username}}
href="{{site_root}}/{{#username}}home/{{.}}{{/username}}">{{/active}}{{fullname}}{{^active}}</a>
{{/active}}
</h5>
{{#username}}
<a class="label label-primary" href="{{site_root}}/home/{{.}}" title="@{{.}}'s home"><span class="glyphicon glyphicon-home"></span></a>
<a class="label label-primary" href="{{site_root}}/home/{{.}}/mentions" title="mentions of @{{.}}"><span class="glyphicon glyphicon-bell"></span></a>
<a class="label label-primary" href="{{site_root}}/messages/{{.}}" title="direct messages from/to @{{.}}"><span class="glyphicon glyphicon-envelope"></span></a>
<a class="label label-info" href="{{site_root}}/user/{{.}}" title="@{{.}}'s profile"><span class="glyphicon glyphicon-user"></span></a>
{{/username}}
{{^username}}
(view promoted posts)
{{/username}}
</div>
</li>
{{/local_users}}
</ul>
</div>
<form method=get action="{{site_root}}/tag" class="form-horizontal" role="search">
<div class="form-group">
<label class="col-sm-4" for="#tag">
<span class="badge pull-right">
<abbr style="color:#fbe0a5"
title="Browse to a #hashtag's page:
Main area will show twists mentioning it.
[An empty field will show promoted posts]">
<span class="glyphicon glyphicon-arrow-left"></span>
</abbr>
Tag <span class="glyphicon glyphicon-tag"></span>
</span>
</label>
<div class="col-sm-8">
<input id="tag" name="tag" type="text" class="form-control input-sm" placeholder="#twister"{{#user_prefix}} value="{{.}}"{{/user_prefix}}>
</div>
</div>
</form>
<form target="searchresult" tag="searchresult" method=get action="{{site_root}}/search_embed" class="form-horizontal" role="search">
<div class="form-group">
<label class="col-sm-4" for="#userprefix">
<span class="badge pull-right">
<abbr style="color:#fbe0a5"
title='Search for "users starting with ..."
&#120324;&#120310;&#120321;&#120309;&#120316;&#120322;&#120321; leaving the current page.
Results will appear below.
[Empty field to switch back to trending tags]'>
<span class="glyphicon glyphicon-arrow-down"></span>
</abbr>
Userna... <span class="glyphicon glyphicon-user"></span>
</span>
</label>
<div class="col-sm-8">
<input id="userprefix" name="userprefix" type="text" class="form-control input-sm" placeholder="@twi"{{#user_prefix}} value="{{.}}"{{/user_prefix}}>
</div>
</div>
</form>
<iframe name="searchresult" class="thumbnail media-object {{#fromMe}}pull-right{{/fromMe}}{{^fromMe}}pull-left{{/fromMe}}"
style="width:100%; border:none; padding:0; background:none; overflow:hidden"
width=100 height=2645 seamless=seamless
src="{{site_root}}/search_embed"></iframe>
</div>