Tws layout

This commit is contained in:
Jeremy Thomas 2017-09-01 09:09:39 +02:00
parent 782f149f29
commit f82225082a
6 changed files with 524 additions and 131 deletions

View File

@ -4,7 +4,7 @@
<header class="bd-tw-header">
<a class="bd-tw-author" href="{{ twUrl }}" target="_blank">
<figure class="bd-tw-avatar">
<img src="{{ include.avatar }}">
<img class="b-lazy" src="{{ include.avatar }}">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">

View File

@ -96,8 +96,7 @@
+tablet
.bd-love
padding-bottom: 3rem
padding-top: 3rem
padding: 3rem 1.5rem
.bd-embrace
align-items: center
display: flex

View File

@ -2,7 +2,7 @@ $tw-black: #1c2022
$tw-blue: #2b7bb9
$tw-grey: #697882
.bd-tws
.bd-tws-home
background-color: $background
display: flex
flex-wrap: wrap
@ -126,27 +126,39 @@ $tw-grey: #697882
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23657786%22%20d%3D%22M12%2021.638h-.014C9.403%2021.59%201.95%2014.856%201.95%208.478c0-3.064%202.525-5.754%205.403-5.754%202.29%200%203.83%201.58%204.646%202.73.813-1.148%202.353-2.73%204.644-2.73%202.88%200%205.404%202.69%205.404%205.755%200%206.375-7.454%2013.11-10.037%2013.156H12zM7.354%204.225c-2.08%200-3.903%201.988-3.903%204.255%200%205.74%207.035%2011.596%208.55%2011.658%201.52-.062%208.55-5.917%208.55-11.658%200-2.267-1.822-4.255-3.902-4.255-2.528%200-3.94%202.936-3.952%202.965-.23.562-1.156.562-1.387%200-.015-.03-1.426-2.965-3.955-2.965z%22%2F%3E%3C%2Fsvg%3E)
+mobile
.bd-tws
.bd-tws-home
padding: 1.5rem
.bd-tw
.bd-tw:not(:last-child)
margin-bottom: 1.5rem
+tablet
.bd-tws
.bd-tws-home
padding: 3rem
.bd-tw + .bd-tw
margin-top: 1.5rem
+until($desktop)
.bd-tws-love
.bd-tw:not(:last-child)
margin-bottom: 1.5rem
+desktop
.bd-tws
.bd-tws-home
min-height: 595px
.bd-tws-love
display: flex
flex-wrap: wrap
margin: -0.75rem
.bd-tw
margin: 0.75rem
width: calc(33.3333% - 1.5rem)
+widescreen
.bd-tws
.bd-tws-home
min-height: 653px
+fullhd
.bd-tws
.bd-tws-home
min-height: 632px
.twitter-tweet:not(.twitter-tweet-rendered)

View File

@ -10098,7 +10098,7 @@ html.route-index .hero.is-primary a.column:hover .title strong {
}
}
.bd-tws {
.bd-tws-home {
background-color: whitesmoke;
display: flex;
flex-wrap: wrap;
@ -10256,37 +10256,52 @@ html.route-index .hero.is-primary a.column:hover .title strong {
}
@media screen and (max-width: 768px) {
.bd-tws {
.bd-tws-home {
padding: 1.5rem;
}
.bd-tw {
.bd-tws-home .bd-tw:not(:last-child) {
margin-bottom: 1.5rem;
}
}
@media screen and (min-width: 769px), print {
.bd-tws {
.bd-tws-home {
padding: 3rem;
}
.bd-tw + .bd-tw {
.bd-tws-home .bd-tw + .bd-tw {
margin-top: 1.5rem;
}
}
@media screen and (max-width: 1007px) {
.bd-tws-love .bd-tw:not(:last-child) {
margin-bottom: 1.5rem;
}
}
@media screen and (min-width: 1008px) {
.bd-tws {
.bd-tws-home {
min-height: 595px;
}
.bd-tws-love {
display: flex;
flex-wrap: wrap;
margin: -0.75rem;
}
.bd-tws-love .bd-tw {
margin: 0.75rem;
width: calc(33.3333% - 1.5rem);
}
}
@media screen and (min-width: 1200px) {
.bd-tws {
.bd-tws-home {
min-height: 653px;
}
}
@media screen and (min-width: 1392px) {
.bd-tws {
.bd-tws-home {
min-height: 632px;
}
}
@ -10535,8 +10550,7 @@ html.route-index .hero.is-primary a.column:hover .title strong {
@media screen and (min-width: 769px), print {
.bd-love {
padding-bottom: 3rem;
padding-top: 3rem;
padding: 3rem 1.5rem;
}
.bd-embrace {
align-items: center;

View File

@ -85,7 +85,7 @@ route: index
</div>
</section>
<section class="bd-tws">
<section class="bd-tws-home">
{% include tws.html %}
</section>

View File

@ -2,6 +2,455 @@
fulltitle: Love for Bulma 😍
layout: default
route: love
tweets:
- id: 808825432233558000
date: "1:06 - Nov 14, 2016"
content: "@jgthms Bulma is badass. Nice work all around!"
fullname: "Shaimoom Newaz"
username: "shaimoomn"
avatar: "http://pbs.twimg.com/profile_images/2652961775/3b5b2d91422cdd91b7203ad1080958c8_normal.png"
hearts: "1"
retweets: "0"
- id: 834140257054502900
date: "21:38 - Jan 21, 2017"
content: "@jgthms Hey Jeremy! Been putting Bulma into a project during the last days - absolutely love it! Well done! 😍"
fullname: "Simon Jaeger"
username: "simonjaegr"
avatar: "http://pbs.twimg.com/profile_images/794696494091792384/V5WGxQTk_normal.jpg"
hearts: "1"
retweets: "0"
- id: 874925154475929600
date: "11:43 - May 14, 2017"
content: "I usually hate having to write CSS, but I really like working with the lightweight Bulma (https://t.co/OAMLjKWzak) by @jgthms so far 👍"
fullname: "mario zupan"
username: "mzupzup"
avatar: "http://pbs.twimg.com/profile_images/378800000350936693/8ce343d2944ad08a0935d0e485c82572_normal.png"
hearts: "7"
retweets: "1"
- id: 892798375753592800
date: "19:24 - Jul 2, 2017"
content: "The new file input styles with #bulmaio were introduced just before i thought i have to do it on my own. Perfect timing @jgthms"
fullname: "Stefan Schwaighofer"
username: "StefSchwai"
avatar: "http://abs.twimg.com/sticky/default_profile_images/default_profile_normal.png"
hearts: "1"
retweets: "0"
- id: 889499262136045600
date: "16:55 - Jun 24, 2017"
content: "@jgthms Love using Bulma for my last @rails project. What I like the most is that it shipped without js so it works easily with Turbolinks."
fullname: "Thomas Galibert"
username: "thomasgalibert"
avatar: "http://pbs.twimg.com/profile_images/842007472101552130/H2PXe1J6_normal.jpg"
hearts: "2"
retweets: "1"
- id: 882772930194747400
date: "3:27 - Jun 6, 2017"
content: "New bulma release solves like 7 things I was building from scratch. Thank you! https://t.co/xwMKTXd68G via @jgthms"
fullname: "Sarah C"
username: "sarahsellaphix"
avatar: "http://pbs.twimg.com/profile_images/858435461781565441/onWZID9x_normal.jpg"
hearts: "1"
retweets: "0"
- id: 893193878685220900
date: "21:36 - Jul 3, 2017"
content: "Relaunched my personal site with #bulmaio. The best css framework I've used yet. Thanks @jgthms 🤜"
fullname: "L A N C E"
username: "lancepadgett"
avatar: "http://pbs.twimg.com/profile_images/710909268333977600/9f3zOCBo_normal.jpg"
hearts: "1"
retweets: "0"
- id: 783630950718505000
date: "13:32 - Sep 5, 2016"
content: "@jgthms love your work on bulma, you rock"
fullname: "Andrew Cantos"
username: "andrewcantos"
avatar: "http://pbs.twimg.com/profile_images/703890576110784512/nKlaidPk_normal.jpg"
hearts: "1"
retweets: "0"
- id: 879725003306147800
date: "17:35 - May 27, 2017"
content: "This looks awesome. Espec. horiz. &amp; vert. alignments Bulma: a modern CSS framework based on Flexbox : https://t.co/iF8LQye3TD via @jgthms"
fullname: "Brentley Broughton"
username: "babroughton"
avatar: "http://pbs.twimg.com/profile_images/803794854128009217/-AERs0li_normal.jpg"
hearts: "2"
retweets: "1"
- id: 877010184463294500
date: "5:48 - May 20, 2017"
content: "Really Appreciate @jgthms.
As I beginner, because of bulma.io, I could write the code and I get selfconfidence!
#bulma #css #framework"
fullname: "b_y"
username: "by_snm"
avatar: "http://pbs.twimg.com/profile_images/675146390687870978/yrtO664u_normal.jpg"
hearts: "1"
retweets: "0"
- id: 869284735440363500
date: "22:10 - Apr 29, 2017"
content: "Bulma, I think I'm in love. https://t.co/APYefmC1Bs via @jgthms"
fullname: "Jesse Schoff"
username: "jesseschoff"
avatar: "http://pbs.twimg.com/profile_images/663874141854961666/HXz-_UA4_normal.jpg"
hearts: "4"
retweets: "0"
- id: 819710615337857000
date: "2:00 - undefined 13, 2017"
content: "@jgthms Hey.I just stopped by here to say thank you so much for Bulma. It made my website looks 100 times better 😍"
fullname: "juliooooo"
username: "juliooooo000"
avatar: "http://abs.twimg.com/sticky/default_profile_images/default_profile_normal.png"
hearts: "1"
retweets: "0"
- id: 868829487072464900
date: "16:01 - Apr 28, 2017"
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 @jgthms"
fullname: "Francisco Cruz"
username: "atFranCruz"
avatar: "http://pbs.twimg.com/profile_images/802607347306594304/siN1Iznd_normal.jpg"
hearts: "3"
retweets: "0"
- id: 875511410008219600
date: "2:32 - May 16, 2017"
content: "@jgthms Bulma might be Bootstrap killer. I'm really liking it."
fullname: "Umar Farooq Khawaja"
username: "UmarFKhawaja"
avatar: "http://pbs.twimg.com/profile_images/378800000093659634/8e0f6f6bfe9858fe4c4be2d6975ba6e0_normal.jpeg"
hearts: "1"
retweets: "0"
- id: 862586112770023400
date: "10:32 - Apr 11, 2017"
content: "Simple, beautiful and most importantly, very light. Bulma: a modern CSS framework based on Flexbox https://t.co/uv6JF2dDGJ via @jgthms"
fullname: "Anas Red"
username: "AnasAhmar"
avatar: "http://pbs.twimg.com/profile_images/718556072114548741/07SFtFEy_normal.jpg"
hearts: "1"
retweets: "0"
- id: 835834634655174700
date: "13:51 - Jan 26, 2017"
content: "https://t.co/ClYmBd8tGR is an impressive CSS framework. Flexbox grid, no JS, modular components (use what you need), Sass.
💯 @jgthms."
fullname: "scottgallant"
username: "scottgallant"
avatar: "http://pbs.twimg.com/profile_images/737847066030936064/1yHqQT-h_normal.jpg"
hearts: "10"
retweets: "2"
- id: 892273691563896800
date: "8:40 - Jul 1, 2017"
content: "#bulmaio makes me so happy. Thank you @jgthms!"
fullname: "Yokim Pillay"
username: "YokimPillay"
avatar: "http://pbs.twimg.com/profile_images/890931164386668545/hInqrcUG_normal.jpg"
hearts: "2"
retweets: "0"
- id: 893112719519481900
date: "16:14 - Jul 3, 2017"
content: "Actually making my own website easily &amp; entirely with #bulmaio Thanks @jgthms for a great framework https://t.co/27dMWIozmi"
fullname: "Chinux Paribus"
username: "ch1nux"
avatar: "http://pbs.twimg.com/profile_images/704870378011754497/yVmZmHP9_normal.jpg"
hearts: "2"
retweets: "1"
- id: 860885116909998100
date: "17:53 - Apr 6, 2017"
content: "https://t.co/vY1ZsRScYM -- a CSS framework by @jgthms -- is lovely! No JS included, which means no JS opinions included!"
fullname: "Robert Stuttaford"
username: "RobStuttaford"
avatar: "http://pbs.twimg.com/profile_images/496667049704173569/mXZt999g_normal.jpeg"
hearts: "20"
retweets: "11"
- id: 857590406724243500
date: "15:41 - Mar 27, 2017"
content: "@jgthms Loving Bulma! This is making my day right now. Imported it into the starter theme I'm using."
fullname: "Scott Stewart"
username: "CarlisleStewart"
avatar: "http://pbs.twimg.com/profile_images/846005263693852672/f6r2OsA1_normal.jpg"
hearts: "1"
retweets: "0"
- id: 892691375715745800
date: "12:19 - Jul 2, 2017"
content: "Well, because of @jgthms, now all my websites are using #bulmacss Thank you &lt;3"
fullname: "Cadox8🔸"
username: "cadox8"
avatar: "http://pbs.twimg.com/profile_images/833713271760896004/ShxJZ-De_normal.jpg"
hearts: "1"
retweets: "0"
- id: 884443272948658200
date: "18:04 - Jun 10, 2017"
content: "Updated my Bulma css framework to the latest and used the new Navbar! Good stuff! @jgthms"
fullname: "Josh Weaver"
username: "3cordguy"
avatar: "http://pbs.twimg.com/profile_images/888222152826249216/MVelzRoS_normal.jpg"
hearts: "1"
retweets: "0"
- id: 896363657029980200
date: "15:32 - Jul 12, 2017"
content: "@jgthms using #bulma on side project. Remarkable how this little beauty goes out of your way! Use, modify, extend. No problem! #IAmInLove ❤️"
fullname: "Ello"
username: "Ellogwen"
avatar: "http://pbs.twimg.com/profile_images/738064268252348416/97wLt75g_normal.jpg"
hearts: "1"
retweets: "0"
- id: 892184654501077000
date: "2:46 - Jul 1, 2017"
content: "in all honesty, i heart bulma simple and getting better https://t.co/YRrzTt9wew #bulmaio via @jgthms"
fullname: "Scalla"
username: "itsscalla"
avatar: "http://pbs.twimg.com/profile_images/863915302043742209/ByYHVWQN_normal.jpg"
hearts: "4"
retweets: "0"
- id: 874200312378269700
date: "11:42 - May 12, 2017"
content: "Bulma framework just made my weekend better :) @jgthms"
fullname: "Victor Heid K.Miko"
username: "victorheid"
avatar: "http://pbs.twimg.com/profile_images/863345514280046592/SGecaskr_normal.jpg"
hearts: "1"
retweets: "0"
- id: 894338592796966900
date: "1:25 - Jul 7, 2017"
content: "Amazing CSS framework! Best I've worked with so far. Excellent integration with VueJS https://t.co/kLAkDGnppl #bulmaio via @jgthms"
fullname: "Ellery Aguilar"
username: "eaguilar_88"
avatar: "http://pbs.twimg.com/profile_images/434101858416992256/9_dtzVoX_normal.jpeg"
hearts: "2"
retweets: "0"
- id: 871410394622865400
date: "18:56 - May 4, 2017"
content: "Redesigning a website with 500K+ visitors/yr, going to give a Bulma a try @jgthms https://t.co/IcuGfvTQrI"
fullname: "Anand Chowdhary"
username: "AnandChowdhary"
avatar: "http://pbs.twimg.com/profile_images/645862626627485696/jdDFwhlb_normal.jpg"
hearts: "1"
retweets: "0"
- id: 897496105562320900
date: "18:32 - Jul 15, 2017"
content: "Finally, I've completed one side project! A poker app with @angular and @electronjs .Thank you @jgthms for Bulma ;-) https://t.co/wYXB9xhOAN"
fullname: "Étienne Corbillé"
username: "EtienneCrb"
avatar: "http://pbs.twimg.com/profile_images/672439335531249664/0F02lmhc_normal.jpg"
hearts: "2"
retweets: "0"
- id: 831866770755579900
date: "15:04 - Jan 15, 2017"
content: "Jeremys reference sites are just so friendly. Love them. https://t.co/FhNs944XH6"
fullname: "Ville V. Vanninen"
username: "sakamies"
avatar: "http://pbs.twimg.com/profile_images/816420698017189889/nuT038KN_normal.jpg"
hearts: "1"
retweets: "0"
- id: 900088665292116000
date: "22:13 - Jul 22, 2017"
content: "i fell in love with bulma.io by @jgthms"
fullname: "Glenn Gijsberts"
username: "glenngijsberts"
avatar: "http://pbs.twimg.com/profile_images/899750115556155393/nolSYIi1_normal.jpg"
hearts: "1"
retweets: "0"
- id: 898167777718087700
date: "15:01 - Jul 17, 2017"
content: "Hey @jgthms Lovin' Bulma so much it's become our de-facto official CSS framework here @launchMii https://t.co/gAsOK3Ffvo"
fullname: "Kieran Mesquita"
username: "mesquka"
avatar: "http://pbs.twimg.com/profile_images/894385834207485952/Xd-DeveI_normal.jpg"
hearts: "2"
retweets: "0"
- id: 824053457527210000
date: "1:37 - undefined 25, 2017"
content: "@jgthms Are you the one behind Bulma? I am using it in one project and I am completely delightful. Thank you so much!!"
fullname: "Francisco Cruz"
username: "atFranCruz"
avatar: "http://pbs.twimg.com/profile_images/802607347306594304/siN1Iznd_normal.jpg"
hearts: "1"
retweets: "0"
- id: 871163877622460400
date: "2:37 - May 4, 2017"
content: "Having a lot of fun building a website with @GoHugoIO and @jgthms 's bulma!"
fullname: "Martin Angers"
username: "___mna___"
avatar: "http://pbs.twimg.com/profile_images/560632881941188609/OR9pQ-sK_normal.jpeg"
hearts: "3"
retweets: "1"
- id: 893176202210553900
date: "20:26 - Jul 3, 2017"
content: "Decided to use Bulma on this project Im working on. I am happy to use it and happy to see the docs in tact too. Great work @jgthms !"
fullname: "Jay Wilburn"
username: "jay_wilburn"
avatar: "http://pbs.twimg.com/profile_images/588972865766076416/JTqwqkQd_normal.jpg"
hearts: "1"
retweets: "0"
- id: 892588073950773200
date: "5:29 - Jul 2, 2017"
content: "Finally had some free time to start, but I've really been enjoying converting my personal site to #bulmaio by @jgthms. Can't wait to finish."
fullname: "Andrew Fomera"
username: "AndrewFomera"
avatar: "http://pbs.twimg.com/profile_images/902723522274803712/N_mAeDeu_normal.jpg"
hearts: "1"
retweets: "0"
- id: 878220062007504900
date: "13:55 - May 23, 2017"
content: "I just discovered https://t.co/5xcp1Bwfpz by @jgthms - looks great. I'm gonna take it out for a test drive https://t.co/E5bbXjCD5H"
fullname: "Jeff Kelley"
username: "JeffKelleyBV"
avatar: "http://pbs.twimg.com/profile_images/870543470724874240/mwuYt5se_normal.jpg"
hearts: "2"
retweets: "0"
- id: 864788587493154800
date: "12:24 - Apr 17, 2017"
content: "The more I use #bulmacss from the @jgthms combined with @vuejs it's truly a joy to code #webdev"
fullname: "Kieran Glover"
username: "kierglover"
avatar: "http://pbs.twimg.com/profile_images/842418041774346242/NgQo91Dy_normal.jpg"
hearts: "3"
retweets: "0"
- id: 894941805208158200
date: "17:22 - Jul 8, 2017"
content: "@jgthms @LottieFiles Working on making @LottieFiles even more prettier. #bulmaio is amazing. Love how small and simple it is. #bulmacss"
fullname: "Nattu"
username: "reallynattu"
avatar: "http://pbs.twimg.com/profile_images/772120002044440576/b-nAVRfw_normal.jpg"
hearts: "1"
retweets: "0"
- id: 892362154610917400
date: "14:31 - Jul 1, 2017"
content: "#Bulma helps make front-end dev fun again :) Great job @jgthms!"
fullname: "Marco Petersen"
username: "ocrampete16"
avatar: "http://pbs.twimg.com/profile_images/892063521055420416/Y1PJ0K4Y_normal.jpg"
hearts: "2"
retweets: "0"
- id: 893820545141280800
date: "15:06 - Jul 5, 2017"
content: "Bulma.io, The best css framework currently. Thank you @jgthms"
fullname: "Jumuika Bulk SMS"
username: "Jumuika"
avatar: "http://pbs.twimg.com/profile_images/302344885/GEN_normal.png"
hearts: "1"
retweets: "0"
- id: 877691760226562000
date: "2:56 - May 22, 2017"
content: "Best Flexbox CSS Framework:
Bulma https://t.co/3BtGymZWMB
Thank you @jgthms, thank you."
fullname: "Seth Davis"
username: "Setholito"
avatar: "http://pbs.twimg.com/profile_images/884151711782158338/Bj5DiZy7_normal.jpg"
hearts: "2"
retweets: "2"
- id: 893410677196378100
date: "11:57 - Jul 4, 2017"
content: "Working on upgrading a site,replaced over 70 bootstrap rows/col-xs/md/lg-* etc with a few bulma classes for the same result #bulmaio @jgthms"
fullname: "Waffy Wafs"
username: "wafiks"
avatar: "http://pbs.twimg.com/profile_images/3475223564/3772a121676f6089f3302d2a7213f56c_normal.jpeg"
hearts: "1"
retweets: "0"
- id: 896030502544707600
date: "17:28 - Jul 11, 2017"
content: "@jgthms absolutely love what you've done with the documentation in latest releases of bulma!! 👌"
fullname: "Saurabh Singhvi"
username: "sobers_2002"
avatar: "http://abs.twimg.com/sticky/default_profile_images/default_profile_normal.png"
hearts: "1"
retweets: "0"
- id: 884449239291580400
date: "18:28 - Jun 10, 2017"
content: "@jgthms Thanks for the dropdowns man, I love 'em"
fullname: "Oliver Dvorski"
username: "oliverdvorski"
avatar: "http://pbs.twimg.com/profile_images/853715289632059392/6iIQKjuU_normal.jpg"
hearts: "1"
retweets: "0"
- id: 839423865205977100
date: "11:33 - Feb 8, 2017"
content: ".@jgthms I've just discovered your suite of tools for web development: bulma.io &amp; cssreference.io among others. Fabulous work - thanks!"
fullname: "Victor Verhaegen"
username: "vicver82"
avatar: "http://pbs.twimg.com/profile_images/778591376640471040/pm6XotFO_normal.jpg"
hearts: "2"
retweets: "0"
- id: 880554577187266600
date: "0:32 - May 30, 2017"
content: "today I've created a reasonable static website via bulma.io by @jgthms
I've used 3 little JS scripts to handle classes and it was smooth AF!"
fullname: "Andrea Giammarchi"
username: "WebReflection"
avatar: "http://pbs.twimg.com/profile_images/487843539036807168/PZV6gErH_normal.jpeg"
hearts: "2"
retweets: "0"
- id: 834030605847326700
date: "14:22 - Jan 21, 2017"
content: "Reply to @jgthms Your framework is very good and lightweight compared to Twitter Bootstrap. I really like it."
fullname: "Ranie Santos"
username: "raniesantos32"
avatar: "http://pbs.twimg.com/profile_images/797239030689579008/YLD4fmnq_normal.jpg"
hearts: "2"
retweets: "0"
- id: 899981663358373900
date: "15:08 - Jul 22, 2017"
content: "https://t.co/V3HGV7lLFw - just WOW... #bulmaio via @jgthms"
fullname: "Jonathan Meier"
username: "jntme"
avatar: "http://pbs.twimg.com/profile_images/763775265742921729/KGTHPYAR_normal.jpg"
hearts: "1"
retweets: "1"
- id: 900692286744535000
date: "14:12 - Jul 24, 2017"
content: "So impressed with the speed and clarity of implementing #bulma CSS framework on a new project. Kudos @jgthms"
fullname: "Jamie Hylands"
username: "JamieAHylands"
avatar: "http://pbs.twimg.com/profile_images/872757791236272128/31VmJF-L_normal.jpg"
hearts: "1"
retweets: "0"
- id: 877764422466322400
date: "7:45 - May 22, 2017"
content: "@rafaelpimpa @vuejs @jgthms Best framework on the web right now. Well done, please keep it up. World needs it!"
fullname: "Anders"
username: "anders0x"
avatar: "http://pbs.twimg.com/profile_images/671491244149768192/9mYNK57k_normal.jpg"
hearts: "2"
retweets: "0"
- id: 888602569148211200
date: "5:32 - Jun 22, 2017"
content: "@jgthms I got to know about Bulma today and love it already. Thank you for your work! Exactly I was looking for to build a landing page."
fullname: "Raathigeshan"
username: "Raathigesh"
avatar: "http://pbs.twimg.com/profile_images/902110137959063552/uZwSzkXM_normal.jpg"
hearts: "1"
retweets: "0"
- id: 779966186121560000
date: "10:50 - Aug 25, 2016"
content: "Thanks @jgthms for updating my favourite css framework #bulmaio"
fullname: "Juampe Ruiz"
username: "juampe84"
avatar: "http://pbs.twimg.com/profile_images/483174343133122561/gEYbBOkz_normal.jpeg"
hearts: "2"
retweets: "0"
- id: 868730725926711300
date: "9:28 - Apr 28, 2017"
content: "Just found @jgthms's https://t.co/sa8Hy25rDH, an amazing css framework. Officially switching all new front-end work to this, this is amazing"
fullname: "Alexander H. Black"
username: "alexanderhblack"
avatar: "http://pbs.twimg.com/profile_images/492886054232289280/z7Ha8I3o_normal.jpeg"
hearts: "1"
retweets: "0"
- id: 879294487301718000
date: "13:05 - May 26, 2017"
content: "Been spending an inordinate amount of time playing w/ various css frameworks for my #reactjs site. Settled on https://t.co/KoRlyeoaI1"
fullname: "Julian Currie"
username: "julian_currie"
avatar: "http://pbs.twimg.com/profile_images/861429694666645504/JlXFspFm_normal.jpg"
hearts: "2"
retweets: "2"
- id: 879918120143540200
date: "6:23 - May 28, 2017"
content: "I'm really liking #bulma CSS from @jgthms - way less fragile to theme yourself than a lot of CSS frameworks. https://t.co/VX9s6VuUKX"
fullname: "Joe B"
username: "JoeBlubaugh"
avatar: "http://pbs.twimg.com/profile_images/727211685384089600/oEEX3eT1_normal.jpg"
hearts: "1"
retweets: "0"
---
<div class="container">
@ -30,7 +479,6 @@ route: love
<main class="bd-love">
<div class="container">
<div class="bd-embrace">
<p class="bd-embrace-text">
Are you a Bulma fan too? <strong>Show your support!</strong> <span style="font-size: 20px; margin-left: 2px; position: relative; top: 1px;">🤗</span>
@ -40,100 +488,20 @@ route: love
</p>
</div>
<div class="bd-hugs">
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Relaunched my personal site with <a href="https://twitter.com/hashtag/bulmaio?src=hash">#bulmaio</a>. The best css framework I&#39;ve used yet. Thanks <a href="https://twitter.com/jgthms">@jgthms</a> 🤜</p>&mdash; L A N C E (@lancepadgett) <a href="https://twitter.com/lancepadgett/status/893193878685220864">August 3, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Decided to use Bulma on this project Im working on. I am happy to use it and happy to see the docs in tact too. Great work <a href="https://twitter.com/jgthms">@jgthms</a> !</p>&mdash; Jay Wilburn (@jay_wilburn) <a href="https://twitter.com/jay_wilburn/status/893176202210553857">August 3, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-cards="hidden" data-lang="en"><p lang="en" dir="ltr">Actually making my own website easily &amp; entirely with <a href="https://twitter.com/hashtag/bulmaio?src=hash">#bulmaio</a> Thanks <a href="https://twitter.com/jgthms">@jgthms</a> for a great framework <a href="https://t.co/27dMWIozmi">https://t.co/27dMWIozmi</a></p>&mdash; Chinux Paribus (@ch1nux) <a href="https://twitter.com/ch1nux/status/893112719519481856">August 3, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">The new file input styles with <a href="https://twitter.com/hashtag/bulmaio?src=hash">#bulmaio</a> were introduced just before i thought i have to do it on my own. Perfect timing <a href="https://twitter.com/jgthms">@jgthms</a></p>&mdash; Stefan Schwaighofer (@StefSchwai) <a href="https://twitter.com/StefSchwai/status/892798375753592836">August 2, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Well, because of <a href="https://twitter.com/jgthms">@jgthms</a>, now all my websites are using <a href="https://twitter.com/hashtag/bulmacss?src=hash">#bulmacss</a> Thank you &lt;3</p>&mdash; Cadox8🔸 (@cadox8) <a href="https://twitter.com/cadox8/status/892691375715745792">August 2, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Finally had some free time to start, but I&#39;ve really been enjoying converting my personal site to <a href="https://twitter.com/hashtag/bulmaio?src=hash">#bulmaio</a> by <a href="https://twitter.com/jgthms">@jgthms</a>. Can&#39;t wait to finish.</p>&mdash; Andrew Fomera (@AndrewFomera) <a href="https://twitter.com/AndrewFomera/status/892588073950773248">August 2, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr"><a href="https://twitter.com/hashtag/Bulma?src=hash">#Bulma</a> helps make front-end dev fun again :) Great job <a href="https://twitter.com/jgthms">@jgthms</a>!</p>&mdash; Marco Petersen (@ocrampete16) <a href="https://twitter.com/ocrampete16/status/892362154610917378">August 1, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr"><a href="https://twitter.com/hashtag/bulmaio?src=hash">#bulmaio</a> makes me so happy. Thank you <a href="https://twitter.com/jgthms">@jgthms</a>!</p>&mdash; Yokim Pillay (@YokimPillay) <a href="https://twitter.com/YokimPillay/status/892273691563896832">August 1, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">in all honesty, i heart bulma simple and getting better <a href="https://t.co/YRrzTt9wew">https://t.co/YRrzTt9wew</a> <a href="https://twitter.com/hashtag/bulmaio?src=hash">#bulmaio</a> via <a href="https://twitter.com/jgthms">@jgthms</a></p>&mdash; Scalla (@itsscalla) <a href="https://twitter.com/itsscalla/status/892184654501076994">August 1, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Thanks <a href="https://twitter.com/jgthms">@jgthms</a> for <a href="https://twitter.com/hashtag/bulmacss?src=hash">#bulmacss</a>, redesigning my website with it 😃</p>&mdash; Daniel Harrin (@danjharrin) <a href="https://twitter.com/danjharrin/status/892083375196037124">July 31, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-conversation="none" data-lang="en"><p lang="en" dir="ltr">Love using Bulma for my last <a href="https://twitter.com/rails">@rails</a> project. What I like the most is that it shipped without js so it works easily with Turbolinks.</p>&mdash; Thomas Galibert (@thomasgalibert) <a href="https://twitter.com/thomasgalibert/status/889499262136045569">July 24, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr"><a href="https://twitter.com/jgthms">@jgthms</a> I got to know about Bulma today and love it already. Thank you for your work! Exactly I was looking for to build a landing page.</p>&mdash; Raathigeshan (@Raathigesh) <a href="https://twitter.com/Raathigesh/status/888602569148211203">July 22, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr"><a href="https://twitter.com/jgthms">@jgthms</a> Thanks for the dropdowns man, I love &#39;em</p>&mdash; Oliver Dvorski (@oliverdvorski) <a href="https://twitter.com/oliverdvorski/status/884449239291580416">July 10, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Updated my Bulma css framework to the latest and used the new Navbar! Good stuff! <a href="https://twitter.com/jgthms">@jgthms</a></p>&mdash; Josh Weaver (@3cordguy) <a href="https://twitter.com/3cordguy/status/884443272948658176">July 10, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-cards="hidden" data-lang="en"><p lang="en" dir="ltr">New bulma release solves like 7 things I was building from scratch. Thank you! <a href="https://t.co/xwMKTXd68G">https://t.co/xwMKTXd68G</a> via <a href="https://twitter.com/jgthms">@jgthms</a></p>&mdash; Sarah C (@sarahsellaphix) <a href="https://twitter.com/sarahsellaphix/status/882772930194747392">July 6, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">today I&#39;ve created a reasonable static website via bulma.io by <a href="https://twitter.com/jgthms">@jgthms</a><br>I&#39;ve used 3 little JS scripts to handle classes and it was smooth AF!</p>&mdash; Andrea Giammarchi (@WebReflection) <a href="https://twitter.com/WebReflection/status/880554577187266560">June 29, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-cards="hidden" data-lang="en"><p lang="en" dir="ltr">I&#39;m really liking <a href="https://twitter.com/hashtag/bulma?src=hash">#bulma</a> CSS from <a href="https://twitter.com/jgthms">@jgthms</a> - way less fragile to theme yourself than a lot of CSS frameworks. <a href="https://t.co/VX9s6VuUKX">https://t.co/VX9s6VuUKX</a></p>&mdash; Joe B (@JoeBlubaugh) <a href="https://twitter.com/JoeBlubaugh/status/879918120143540224">June 28, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-cards="hidden" data-lang="en"><p lang="en" dir="ltr">This looks awesome. Espec. horiz. &amp; vert. alignments Bulma: a modern CSS framework based on Flexbox : <a href="https://t.co/iF8LQye3TD">https://t.co/iF8LQye3TD</a> via <a href="https://twitter.com/jgthms">@jgthms</a></p>&mdash; Brentley Broughton (@babroughton) <a href="https://twitter.com/babroughton/status/879725003306147840">June 27, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-cards="hidden" data-lang="en"><p lang="en" dir="ltr">Been spending an inordinate amount of time playing w/ various css frameworks for my <a href="https://twitter.com/hashtag/reactjs?src=hash">#reactjs</a> site. Settled on <a href="https://t.co/KoRlyeoaI1">https://t.co/KoRlyeoaI1</a></p>&mdash; Julian Currie (@julian_currie) <a href="https://twitter.com/julian_currie/status/879294487301718016">June 26, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-cards="hidden" data-lang="en"><p lang="en" dir="ltr">I just discovered <a href="https://t.co/5xcp1Bwfpz">https://t.co/5xcp1Bwfpz</a> by <a href="https://twitter.com/jgthms">@jgthms</a> - looks great. I&#39;m gonna take it out for a test drive <a href="https://t.co/E5bbXjCD5H">pic.twitter.com/E5bbXjCD5H</a></p>&mdash; Jeff Kelley (@JeffKelleyBV) <a href="https://twitter.com/JeffKelleyBV/status/878220062007504897">June 23, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-conversation="none" data-lang="en"><p lang="en" dir="ltr">Best framework on the web right now. Well done, please keep it up. World needs it!</p>&mdash; Anders (@anders0x) <a href="https://twitter.com/anders0x/status/877764422466322432">June 22, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-cards="hidden" data-lang="en"><p lang="en" dir="ltr">Best Flexbox CSS Framework:<br>Bulma <a href="https://t.co/3BtGymZWMB">https://t.co/3BtGymZWMB</a><br><br>Thank you <a href="https://twitter.com/jgthms">@jgthms</a>, thank you.</p>&mdash; Seth Davis (@Setholito) <a href="https://twitter.com/Setholito/status/877691760226562048">June 22, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Really Appreciate <a href="https://twitter.com/jgthms">@jgthms</a>. <br>As I beginner, because of bulma.io, I could write the code and I get selfconfidence! <a href="https://twitter.com/hashtag/bulma?src=hash">#bulma</a> <a href="https://twitter.com/hashtag/css?src=hash">#css</a> <a href="https://twitter.com/hashtag/framework?src=hash">#framework</a></p>&mdash; b_y (@by_snm) <a href="https://twitter.com/by_snm/status/877010184463294465">June 20, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-conversation="none" data-lang="en"><p lang="en" dir="ltr">Bulma might be Bootstrap killer. I&#39;m really liking it.</p>&mdash; Umar Farooq Khawaja (@UmarFKhawaja) <a href="https://twitter.com/UmarFKhawaja/status/875511410008219649">June 16, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-cards="hidden" data-lang="en"><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">https://t.co/OAMLjKWzak</a>) by <a href="https://twitter.com/jgthms">@jgthms</a> so far 👍</p>&mdash; mario zupan (@mzupzup) <a href="https://twitter.com/mzupzup/status/874925154475929602">June 14, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Bulma framework just made my weekend better :) <a href="https://twitter.com/jgthms">@jgthms</a></p>&mdash; Victor Heid K.Miko (@victorheid) <a href="https://twitter.com/victorheid/status/874200312378269696">June 12, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-cards="hidden" data-lang="en"><p lang="en" dir="ltr">Redesigning a website with 500K+ visitors/yr, going to give a Bulma a try <a href="https://twitter.com/jgthms">@jgthms</a> <a href="https://t.co/IcuGfvTQrI">https://t.co/IcuGfvTQrI</a></p>&mdash; Anand Chowdhary (@AnandChowdhary) <a href="https://twitter.com/AnandChowdhary/status/871410394622865408">June 4, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Having a lot of fun building a website with <a href="https://twitter.com/GoHugoIO">@GoHugoIO</a> and <a href="https://twitter.com/jgthms">@jgthms</a> &#39;s bulma!</p>&mdash; Martin Angers (@___mna___) <a href="https://twitter.com/___mna___/status/871163877622460417">June 4, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-cards="hidden" data-lang="en"><p lang="en" dir="ltr">Bulma, I think I&#39;m in love. <a href="https://t.co/APYefmC1Bs">https://t.co/APYefmC1Bs</a> via <a href="https://twitter.com/jgthms">@jgthms</a></p>&mdash; Jesse Schoff (@jesseschoff) <a href="https://twitter.com/jesseschoff/status/869284735440363520">May 29, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-cards="hidden" data-lang="en"><p lang="en" dir="ltr">Just found <a href="https://twitter.com/jgthms">@jgthms</a>&#39;s <a href="https://t.co/sa8Hy25rDH">https://t.co/sa8Hy25rDH</a>, an amazing css framework. Officially switching all new front-end work to this, this is amazing</p>&mdash; Alexander H. Black (@alexanderhblack) <a href="https://twitter.com/alexanderhblack/status/868730725926711296">May 28, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">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>&mdash; Francisco Cruz (@atFranCruz) <a href="https://twitter.com/atFranCruz/status/868829487072464897">May 28, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">The more I use <a href="https://twitter.com/hashtag/bulmacss?src=hash">#bulmacss</a> from the <a href="https://twitter.com/jgthms">@jgthms</a> combined with <a href="https://twitter.com/vuejs">@vuejs</a> it&#39;s truly a joy to code <a href="https://twitter.com/hashtag/webdev?src=hash">#webdev</a></p>&mdash; Kieran Glover (@kierglover) <a href="https://twitter.com/kierglover/status/864788587493154816">May 17, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-cards="hidden" data-lang="en"><p lang="en" dir="ltr">Simple, beautiful and most importantly, very light. Bulma: a modern CSS framework based on Flexbox <a href="https://t.co/uv6JF2dDGJ">https://t.co/uv6JF2dDGJ</a> via <a href="https://twitter.com/jgthms">@jgthms</a></p>&mdash; Anas Red (@AnasAhmar) <a href="https://twitter.com/AnasAhmar/status/862586112770023425">May 11, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-cards="hidden" data-lang="en"><p lang="en" dir="ltr"><a href="https://t.co/vY1ZsRScYM">https://t.co/vY1ZsRScYM</a> -- a CSS framework by <a href="https://twitter.com/jgthms">@jgthms</a> -- is lovely! No JS included, which means no JS opinions included!</p>&mdash; Robert Stuttaford (@RobStuttaford) <a href="https://twitter.com/RobStuttaford/status/860885116909998080">May 6, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr"><a href="https://twitter.com/jgthms">@jgthms</a> Loving Bulma! This is making my day right now. Imported it into the starter theme I&#39;m using.</p>&mdash; Scott Stewart (@CarlisleStewart) <a href="https://twitter.com/CarlisleStewart/status/857590406724243456">April 27, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">.<a href="https://twitter.com/jgthms">@jgthms</a> I&#39;ve just discovered your suite of tools for web development: bulma.io &amp; cssreference.io among others. Fabulous work - thanks!</p>&mdash; Victor Verhaegen (@vicver82) <a href="https://twitter.com/vicver82/status/839423865205977088">March 8, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-cards="hidden" data-lang="en"><p lang="en" dir="ltr"><a href="https://t.co/ClYmBd8tGR">https://t.co/ClYmBd8tGR</a> is an impressive CSS framework. Flexbox grid, no JS, modular components (use what you need), Sass.<br><br>💯 <a href="https://twitter.com/jgthms">@jgthms</a>.</p>&mdash; scottgallant (@scottgallant) <a href="https://twitter.com/scottgallant/status/835834634655174658">February 26, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr"><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! 😍</p>&mdash; Simon Jaeger (@simonjaegr) <a href="https://twitter.com/simonjaegr/status/834140257054502913">February 21, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-conversation="none" data-lang="en"><p lang="en" dir="ltr">Reply to <a href="https://twitter.com/jgthms">@jgthms</a> Your framework is very good and lightweight compared to Twitter Bootstrap. I really like it.</p>&mdash; Ranie Santos (@raniesantos32) <a href="https://twitter.com/raniesantos32/status/834030605847326726">February 21, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Jeremys reference sites are just so friendly. Love them. <a href="https://t.co/FhNs944XH6">https://t.co/FhNs944XH6</a></p>&mdash; Ville V. Vanninen (@sakamies) <a href="https://twitter.com/sakamies/status/831866770755579904">February 15, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr"><a href="https://twitter.com/jgthms">@jgthms</a> Are you the one behind Bulma? I am using it in one project and I am completely delightful. Thank you so much!!</p>&mdash; Francisco Cruz (@atFranCruz) <a href="https://twitter.com/atFranCruz/status/824053457527209984">January 25, 2017</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr"><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 😍</p>&mdash; juliooooo (@juliooooo000) <a href="https://twitter.com/juliooooo000/status/819710615337857024">January 13, 2017</a></blockquote></article>
<!-- 2016 -->
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr"><a href="https://twitter.com/jgthms">@jgthms</a> Bulma is badass. Nice work all around!</p>&mdash; Shaimoom Newaz (@shaimoomn) <a href="https://twitter.com/shaimoomn/status/808825432233558016">December 14, 2016</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr"><a href="https://twitter.com/jgthms">@jgthms</a> love your work on bulma, you rock</p>&mdash; Andrew Cantos (@andrewcantos) <a href="https://twitter.com/andrewcantos/status/783630950718504960">October 5, 2016</a></blockquote></article>
<article class="bd-hug"><blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Thanks <a href="https://twitter.com/jgthms">@jgthms</a> for updating my favourite css framework <a href="https://twitter.com/hashtag/bulmaio?src=hash">#bulmaio</a></p>&mdash; Juampe Ruiz (@juampe84) <a href="https://twitter.com/juampe84/status/779966186121560064">September 25, 2016</a></blockquote></article>
<div class="bd-tws-love">
{% for tweet in page.tweets %}
{%
include tw.html
id=tweet.id
date=tweet.date
content=tweet.content
fullname=tweet.fullname
username=tweet.username
avatar=tweet.avatar
hearts=tweet.hearts
retweets=tweet.retweets
%}
{% endfor %}
</div>
</div>
</main>