discourse/lib/onebox/templates/twitterstatus.mustache

39 lines
2.1 KiB
Plaintext

{{#avatar}}<img src="{{avatar}}" class="thumbnail onebox-avatar">{{/avatar}}
<h4><a href="{{link}}" target="_blank" rel="noopener">{{title}}</a></h4>
<div class="twitter-screen-name"><a href="{{link}}" target="_blank" rel="noopener">@{{screen_name}}</a></div>
<div class="tweet">
{{{tweet}}}
{{#quoted_tweet}}
<div class="quoted">
<a class="quoted-link" href="{{quoted_link}}">
<p class="quoted-title">{{quoted_full_name}} <span>@{{quoted_screen_name}}</span></p>
</a>
<div>{{quoted_tweet}}</div>
</div>
{{/quoted_tweet}}
</div>
<div class="date">
<a href="{{link}}" target="_blank" rel="noopener">{{timestamp}}</a>
{{#likes}}
<span class="like">
<svg viewBox="0 0 512 512" width="14px" height="16px" aria-hidden="true">
<path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"></path>
</svg>
{{likes}}
</span>
{{/likes}}
{{#retweets}}
<span class="retweet">
<svg viewBox="0 0 640 512" width="14px" height="16px" aria-hidden="true">
<path d="M629.657 343.598L528.971 444.284c-9.373 9.372-24.568 9.372-33.941 0L394.343 343.598c-9.373-9.373-9.373-24.569 0-33.941l10.823-10.823c9.562-9.562 25.133-9.34 34.419.492L480 342.118V160H292.451a24.005 24.005 0 0 1-16.971-7.029l-16-16C244.361 121.851 255.069 96 276.451 96H520c13.255 0 24 10.745 24 24v222.118l40.416-42.792c9.285-9.831 24.856-10.054 34.419-.492l10.823 10.823c9.372 9.372 9.372 24.569-.001 33.941zm-265.138 15.431A23.999 23.999 0 0 0 347.548 352H160V169.881l40.416 42.792c9.286 9.831 24.856 10.054 34.419.491l10.822-10.822c9.373-9.373 9.373-24.569 0-33.941L144.971 67.716c-9.373-9.373-24.569-9.373-33.941 0L10.343 168.402c-9.373 9.373-9.373 24.569 0 33.941l10.822 10.822c9.562 9.562 25.133 9.34 34.419-.491L96 169.881V392c0 13.255 10.745 24 24 24h243.549c21.382 0 32.09-25.851 16.971-40.971l-16.001-16z"></path>
</svg>
{{retweets}}
</span>
{{/retweets}}
</div>