swizzler/templates/message.html
The Dod 3ffb1e6524 User fullname and avatar are now in an iframe
Great performance boost.

Also:
* Input field to copy @username
  Once we can post, this may be handy
* Search is also an iframe (containing an iframe per user)
  So you can keep composing a twist while searching for usernames
* Should be responsive for cellulars (I can only resize browser
  to check. Got no phone. Anyway, the floating "Fork me" footer
  now has a link to navigation (local users), and that's about all
  the essential navigation. You can scroll a bit down from there
  for search results, or all the way up for the content.
* Make sure Dillo etc. that don't see bootstrap font icon
  can still have text links to everything

Enjoy
2014-04-06 13:18:18 +07:00

38 lines
1.7 KiB
HTML

<li class="list-group-item media">
<iframe class="thumbnail media-object {{#fromMe}}pull-right{{/fromMe}}{{^fromMe}}pull-left{{/fromMe}}"
style="border:none; padding:0; background:none; overflow:hidden"
width=33% height={{#style_large}}96{{/style_large}}{{^style_large}}72{{/style_large}} seamless=seamless
src="{{site_root}}/user_embed/{{username}}{{^username}}nobody{{/username}}{{#style_large}}/large{{/style_large}}{{#fromMe}}/from_me{{/fromMe}}"></iframe>
<div class="media-body">
{{#username}}
<h5 class="media-heading">
{{^threads}}
<span class="pull-right small">
{{^is_sponsored}}<a title="View twist details" href="{{site_root}}/twist/{{.}}/{{k}}">{{/is_sponsored}}{{time}}{{^is_sponsored}}</a>{{/is_sponsored}}
</span>
{{/threads}}
{{#rt_username}}
<small>
<a href="{{site_root}}/user/{{.}}" title="@{{.}}'s profile">@{{.}}</a>
<span class="glyphicon glyphicon-retweet"></span>
</small>
{{/rt_username}}
<a href="{{site_root}}/user/{{username}}" title="@{{username}}'s profile"><strong>@{{username}}</strong></a>
{{^is_twist}}{{#reply}}
<small>
<span class="glyphicon glyphicon-share-alt"></span>
<a title="Re: @{{username}}'s twist" href="{{site_root}}/twist/{{username}}/{{k}}">@{{username}}</a>
</small>
{{/reply}}{{/is_twist}}
</h5>
{{/username}}
{{^username}}
<h5 class="media-heading">
<span class="pull-right small">{{time}}</span>
<a href="{{site_root}}/">@{{username}}</a>
</h5>
{{/username}}
{{{message}}}
</div>
</li>