JSFiddle - React, Tailwind, and code Playground

customized twitter feed script

by dledle2

HTML

<!--  seems maybe you just need a username or a
     data-widget-id number like 578223660474847233 
       for a twitter list  // -->
<div class="tw-feed">  
<a class="twitter-timeline" href="https://twitter.com/tssstatus‎"
   data-theme="dark"
   data-link-color="#ccc"
   background="#333"
   border-radius="none"
   data-chrome="nofooter noborders"
   data-widget-id="578223660474847233" data-show-replies="true"
   zzzdata-widget-id="413723523169787904"
   zzzdata-screen-name="zbigniewgargasz" zzzdata-show-replies="false"
   data-tweet-limit="4"
   width="500"
   >@Twitter Feed</a>
</div>

CSS

.tw-feed {width:450px;color:#fff;background: #333;padding:10px;border: solid 5px #333;}
.tw-feed a {color:#fff;text-decoration:none;}
.tw-feed a:hover {color:#ccc;text-decoration:none;}
.twitter-timeline {position:relative;}

JavaScript

!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");