bulma/docs/_includes/elements/tw.html

67 lines
2.4 KiB
HTML
Raw Normal View History

2019-04-07 15:28:01 +00:00
{% assign tweet = site.data.love.tweets_by_id[include.tweet_id] %}
{% assign twUrl = "https://twitter.com/" | append: tweet.username | append: "/status/" | append: tweet.id %}
2017-08-11 12:19:57 +00:00
2018-04-11 11:54:56 +00:00
<article class="bd-tw {{ include.modifier }} {% if include.drawing_id %}bd-has-drawing{% endif %}">
2017-08-14 11:44:24 +00:00
<header class="bd-tw-header">
<a class="bd-tw-author" href="{{ twUrl }}" target="_blank">
<figure class="bd-tw-avatar">
2019-04-07 15:28:01 +00:00
<img class="lazyload" src="{{ tweet.avatar }}">
2017-08-11 12:19:57 +00:00
</figure>
2017-08-14 11:44:24 +00:00
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
2019-04-07 15:28:01 +00:00
{{ tweet.fullname }}
2017-08-11 12:19:57 +00:00
</strong>
2017-08-14 11:44:24 +00:00
<span class="bd-tw-username">
2019-04-07 15:28:01 +00:00
@{{ tweet.username }}
2017-08-11 12:19:57 +00:00
</span>
</div>
</a>
</header>
2017-08-14 11:44:24 +00:00
<div class="bd-tw-content">
2019-04-07 15:28:01 +00:00
{{ tweet.content }}
2017-08-11 12:19:57 +00:00
</div>
2017-08-14 11:44:24 +00:00
<p class="bd-tw-date">
2017-08-11 12:19:57 +00:00
<a href="{{ twUrl }}" target="_blank">
2019-04-07 15:28:01 +00:00
{{ tweet.date }}
2017-08-11 12:19:57 +00:00
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
2019-04-07 15:28:01 +00:00
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to={{ tweet.id }}">
2017-08-11 12:19:57 +00:00
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
2019-04-07 15:28:01 +00:00
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id={{ tweet.id }}">
2017-08-11 12:19:57 +00:00
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
2019-04-07 15:28:01 +00:00
{% if tweet.retweets != 0 %}
2017-08-11 12:19:57 +00:00
<span class="TweetAction-stat">
2019-04-07 15:28:01 +00:00
{{ tweet.retweets }}
2017-08-11 12:19:57 +00:00
</span>
{% endif %}
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
2019-04-07 15:28:01 +00:00
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id={{ tweet.id }}&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i={{ tweet.id }}&amp;tw_p=tweetembed" target="_blank">
2017-08-11 12:19:57 +00:00
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
2019-04-07 15:28:01 +00:00
{% if tweet.hearts != 0 %}
2017-08-11 12:19:57 +00:00
<span class="TweetAction-stat">
2019-04-07 15:28:01 +00:00
{{ tweet.hearts }}
2017-08-11 12:19:57 +00:00
</span>
{% endif %}
</a>
</li>
</ul>
2018-04-11 11:54:56 +00:00
{% if include.drawing_id %}
{% include elements/drawing.html
id=include.drawing_id
width=include.drawing_width
height=include.drawing_height
%}
{% endif %}
2017-08-11 12:19:57 +00:00
</article>