JSFiddle - React, Tailwind, and code Playground

Non-working : Twitter Updates : Display Your Twitter Status in a Unique Design

by Jennifer Perrin

HTML

<script src="http://twitter.com/javascripts/blogger.js"></script>
<!-- Throw in a nice looking font just for the fun of it -->
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700,300,200"/>

<div id="twitter">
    <h1><a href="http://twitter.com/jenniferdperrin" target="_blank">@jenniferdperrin</a></h1>
    <ul id="twitter_update_list"></ul>
</div>

<script src="http://twitter.com/statuses/user_timeline/jenniferdperrin.json?callback=twitterCallback2&count=3" type="text/javascript"></script>

CSS

body {
    background: url("http://jenniferperrin.com/image/background.gif");
    margin: 0;
    padding: 0;
    border: 0;
}

#twitter {
    width: 500px;
    margin: 40px auto;
}

#twitter h1 a {
    display: block;
    margin: 0 0 15px 0;
    font-size: 90px;
    font-family: 'Yanone Kaffeesatz';
    color: rgba(255,255,255,0.2);
    text-decoration: none;
}
#twitter h1 a:hover {
    color: rgba(255,255,255,0.3);
}

#twitter ul {
    list-style: none;
    font-family: 'Yanone Kaffeesatz';
    padding: 0;
}
#twitter ul li {
    padding: 20px;
    background: rgba(255,255,255,0.1);
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
#twitter ul li a {
    font: italic 14px Georgia, Times, Serif;
    color: #d79800;
}
#twitter ul li a:hover {
    color: #bf4c24;
}

#twitter ul li span {
    font: 20px 'Yanone Kaffeesatz';
    color: #fff;
}
#twitter ul li span a {
    font: 16px 'Yanone Kaffeesatz';
    padding-left: 10px;
}

JavaScript

/**
 * Change the script url to your username:
 * ie. http://twitter.com/statuses/user_timeline/YourTwitterUsername.json?callback=twitterCallback2&count=3
 * and you can change the amount of tweets to show by changing the "&count=3"
 * ie. http://twitter.com/statuses/user_timeline/jenniferdperrin.json?callback=twitterCallback2&count=ChangeThisNumber
 */