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.
105 lines
4.9 KiB
105 lines
4.9 KiB
<!DOCTYPE html> |
|
<html language="en"> |
|
<head> |
|
<meta charset="utf-8"> |
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
<title>{{title}}</title> |
|
<link rel="icon" type="image/x-icon" href="{{site_root}}/favicon.ico"> |
|
<link href="{{site_root}}/assets/css/bootstrap.min.css" rel="stylesheet"> |
|
<link href="{{site_root}}/assets/css/bootstrap-theme.min.css" rel="stylesheet"> |
|
<link href="{{site_root}}/assets/css/swizzler.css" rel="stylesheet"> |
|
</head> |
|
<body> |
|
<div class="container"> |
|
<div class="row"> |
|
<div id="main" class="col-md-8"> |
|
{{#is_home}}{{#subject}} |
|
<div class="panel panel-primary"> |
|
<div class="panel-heading"> |
|
<h3 class="panel-title"> |
|
{{#is_feed}}<span class="glyphicon glyphicon-home"></span> Home: {{fullname}}{{/is_feed}} |
|
{{#is_mentions}}<span class="glyphicon glyphicon-bell"></span> Mentions of {{fullname}}{{/is_mentions}} |
|
</h3> |
|
</div> |
|
<div class="panel-body"> |
|
<div class="media avatars32"> |
|
<a class="pull-left thumbnail" href="{{site_root}}/user/{{username}}" |
|
title="@{{username}}'s profile"> |
|
<img class="media-object avatar" src="{{avatar}}" alt="{{fullname}}"> |
|
</a> |
|
<div class="media-body"> |
|
<ul class="nav nav-pills"> |
|
<li{{#is_feed}} class="active"{{/is_feed}}> |
|
<a href="{{site_root}}/home/{{username}}" |
|
title="@{{username}}'s home"><span class="glyphicon glyphicon-home"></span> Home</a> |
|
</li> |
|
<li{{#is_mentions}} class="active"{{/is_mentions}}> |
|
<a href="{{site_root}}/home/{{username}}/mentions" |
|
title="mentions of @{{username}}"><span class="glyphicon glyphicon-bell"></span> Mentions</a> |
|
</li> |
|
<li> |
|
<a href="{{site_root}}/messages/{{username}}" |
|
title="direct messages from/to @{{username}}"><span class="glyphicon glyphicon-envelope"></span> Messages</a> |
|
</li> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
{{/subject}}{{/is_home}} |
|
{{^is_home}} |
|
<div id="header" class="col-md-12 well"> |
|
{{#subject}} |
|
<div class="media"> |
|
<a class="pull-left thumbnail" href="{{site_root}}{{#username}}/user/{{.}}{{/username}}{{^username}}#{{/username}}" |
|
{{#username}}title="@{{usermame}}'s profile"{{/username}}> |
|
<img class="media-object avatar" src="{{#avatar}}{{.}}{{/avatar}}{{^avatar}}/assets/img/twister-64.jpg{{/avatar}}" alt="{{fullname}}"> |
|
</a> |
|
<div class="media-body"> |
|
{{#is_user}} |
|
<h2 class="media-heading"> |
|
{{#location}}<span class="pull-right small">{{.}}</span>{{/location}} |
|
{{#is_sponsored}} |
|
<abbr class="btn btn-info" href="#" |
|
title="❝Let us make a toast |
|
to the ones who mined the blocks |
|
and their sponsored twists❞ |
|
— @𝗯𝗹𝗼𝗰𝗸𝗵𝗮𝘀𝗵's bio, Haiku edition"> |
|
<span class="glyphicon glyphicon-glass"></span> |
|
</abbr> |
|
{{/is_sponsored}} |
|
{{^is_sponsored}}<span class="glyphicon glyphicon-user"></span>{{/is_sponsored}} |
|
{{fullname}} |
|
{{#url}}<small><a target="_blank" href="{{.}}">{{.}}</a></small>{{/url}}</h2> |
|
{{{bio}}} |
|
{{/is_user}} |
|
{{#is_tag}} |
|
<h2 class="media-heading"> |
|
<small><span class="glyphicon glyphicon-tag"></span> Latest twists containing the tag:</small><br> |
|
#{{fullname}} |
|
</h2> |
|
{{/is_tag}} |
|
</div> |
|
</div> |
|
{{/subject}} |
|
</div> |
|
{{/is_home}} |
|
<div class="row"> |
|
<div id="messages" class="col-md-12"> |
|
{{#any_messages}}<ul class="list-group media-list">{{#messages}}{{> message}}{{/messages}}</ul>{{/any_messages}} |
|
{{^messages}} |
|
<h4><small>Nothing. Nada. Rien de rien. 😭</small></h4> |
|
{{/messages}} |
|
</div> |
|
</div> |
|
</div> |
|
<div id="sidebar" class="col-md-4"> |
|
{{> sidebar}} |
|
</div> |
|
</div> |
|
{{> footer}} |
|
</div> <!-- /container --> |
|
</body> |
|
</html> |
|
|
|
|