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

Add love data

Browse Source
This commit is contained in:
Jeremy Thomas
2017-10-09 09:42:07 +01:00
parent e12c69e2d6
commit 6f17562e34
7 changed files with 1522 additions and 525 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
docs/_includes/tw.html
View File

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

77
docs/_includes/tws.html
View File

@@ -1,77 +1,24 @@
<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"
%}
{% assign tweet = site.data.love.tweetsById.868829487072464897 %}{% include tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.912690697416753152 %}{% include tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.907551723459416071 %}{% include tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.834140257054502913 %}{% include tw.html tweet=tweet%}
</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="4"
%}
{%
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"
%}
{% assign tweet = site.data.love.tweetsById.869284735440363520 %}{% include tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.910956939886043136 %}{% include tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.860885116909998080 %}{% include tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.835834634655174658 %}{% include tw.html tweet=tweet%}
</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"
%}
{% assign tweet = site.data.love.tweetsById.874925154475929602 %}{% include tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.915580081938018304 %}{% include tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.903629781744439297 %}{% include tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.909653512010833920 %}{% include tw.html tweet=tweet%}
</div>
</div>