Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Use tws

Browse Source
This commit is contained in:
Jeremy Thomas
2017-08-11 13:19:57 +01:00
parent e082865ab7
commit 1da5ad3912
8 changed files with 505 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
docs/_includes/tw.html Normal file
View File

@@ -0,0 +1,57 @@
{% assign twUrl = "https://twitter.com/" | append: include.username | append: "/status/" | append: include.id %}
<article class="tw">
<header class="tw-header">
<a class="tw-author" href="{{ twUrl }}" target="_blank">
<figure class="tw-avatar">
<img src="{{ include.avatar }}">
</figure>
<div class="tw-name">
<strong class="tw-fullname">
{{ include.fullname }}
</strong>
<span class="tw-username">
@{{ include.username }}
</span>
</div>
</a>
</header>
<div class="tw-content">
{{ include.content }}
</div>
<p class="tw-date">
<a href="{{ twUrl }}" target="_blank">
{{ include.date }}
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to={{ include.id }}">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id={{ include.id }}">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
{% if include.retweets %}
<span class="TweetAction-stat">
{{ include.retweets }}
</span>
{% endif %}
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id={{ include.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={{ include.id }}&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
{% if include.hearts %}
<span class="TweetAction-stat">
{{ include.hearts }}
</span>
{% endif %}
</a>
</li>
</ul>
</article>

85
docs/_includes/tws.html Normal file
View File

@@ -0,0 +1,85 @@
<div class="container">
<div class="columns">
<div class="column is-4">
{%
include tw.html
content='So, I was making an exam and in a matter of 30 minutes I had my structure complete with responsive, Bulma is crazy. Thanks <a href="https://twitter.com/jgthms">@jgthms</a></p>'
fullname="Francisco Cruz"
username="atFranCruz"
id="868829487072464897"
date="3:01 PM - May 28, 2017"
avatar="https://pbs.twimg.com/profile_images/802607347306594304/siN1Iznd_bigger.jpg"
hearts="3"
%}
{%
include tw.html
content='<a href="https://twitter.com/jgthms">@jgthms</a> Hey Jeremy! Been putting Bulma into a project during the last days - absolutely love it! Well done! <img class="Emoji Emoji--forText" src="https://abs.twimg.com/emoji/v2/72x72/1f60d.png" draggable="false" alt="😍" title="Smiling face with heart-shaped eyes" aria-label="Emoji: Smiling face with heart-shaped eyes"></p>'
fullname="Simon Jaeger"
username="simonjaegr"
id="834140257054502913"
date="9:38 PM - Feb 21, 2017"
avatar="https://pbs.twimg.com/profile_images/794696494091792384/V5WGxQTk_bigger.jpg"
hearts="1"
%}
</div>
<div class="column is-4">
{%
include tw.html
content='<p lang="en" dir="ltr">Bulma, I think I&#39;m in love. <a href="https://t.co/APYefmC1Bs">bulma.io</a> via <a href="https://twitter.com/jgthms">@jgthms</a></p>'
fullname="Jesse Schoff"
username="jesseschoff"
id="869284735440363520"
date="9:10 PM - May 29, 2017"
avatar="https://pbs.twimg.com/profile_images/663874141854961666/HXz-_UA4_bigger.jpg"
hearts="2"
%}
{%
include tw.html
content='<p lang="en" dir="ltr"><a href="https://t.co/ClYmBd8tGR">bulma.io</a> is an impressive CSS framework. Flexbox grid, no JS, modular components (use what you need), Sass.<br><br><img class="Emoji Emoji--forText" src="https://abs.twimg.com/emoji/v2/72x72/1f4af.png" draggable="false" alt="💯" title="Hundred points symbol" aria-label="Emoji: Hundred points symbol"> <a href="https://twitter.com/jgthms">@jgthms</a>.</p>'
fullname="scottgallant"
username="scottgallant"
id="835834634655174658"
date="1:51 PM - Feb 26, 2017"
avatar="https://pbs.twimg.com/profile_images/737847066030936064/1yHqQT-h_bigger.jpg"
retweets="2"
hearts="10"
%}
</div>
<div class="column is-4">
{%
include tw.html
content='<p lang="en" dir="ltr">I usually hate having to write CSS, but I really like working with the lightweight Bulma (<a href="https://t.co/OAMLjKWzak">bulma.io</a>) by <a href="https://twitter.com/jgthms">@jgthms</a> so far <img class="Emoji Emoji--forText" src="https://abs.twimg.com/emoji/v2/72x72/1f44d.png" draggable="false" alt="👍" title="Thumbs up sign" aria-label="Emoji: Thumbs up sign"></p>'
fullname="mario zupan"
username="mzupzup"
id="874925154475929602"
date="10:43 AM - Jun 14, 2017"
avatar="https://pbs.twimg.com/profile_images/378800000350936693/8ce343d2944ad08a0935d0e485c82572_bigger.png"
retweets="1"
hearts="7"
%}
{%
include tw.html
content='<a href="https://twitter.com/jgthms">@jgthms</a> Hey.I just stopped by here to say thank you so much for Bulma. It made my website looks 100 times better <img class="Emoji Emoji--forText" src="https://abs.twimg.com/emoji/v2/72x72/1f60d.png" draggable="false" alt="😍" title="Smiling face with heart-shaped eyes" aria-label="Emoji: Smiling face with heart-shaped eyes"></p>'
fullname="juliooooo"
username="juliooooo000"
id="819710615337857024"
date="2:00 AM - Jan 13, 2017"
avatar="https://abs.twimg.com/sticky/default_profile_images/default_profile_bigger.png"
hearts="1"
%}
</div>
</div>
<div class="more-loves">
<p class="more-loves-container">
<a class="button is-medium is-danger rainbow" href="{{ site.url }}/love/">
<span>See more <strong>love</strong> 🤗</span>
</a>
</p>
</div>
</div>