Version 2.0 ready - Cleaned, streamed. Added Twitter Time, Intents, A…

…vatar display

README.txt

@@ -3,12 +3,12 @@ Contributors: Planet Interactive
 Donate: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=A9437VN7R36VN
 Tags: Twitter, Stream, Tweets, Twitter OAuth, social
 Requires at least: 3.0
-Tested up to: 3.5.2
-Stable tag: 1.3.3
+Tested up to: 3.6.1
+Stable tag: 2.0
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 
-Simple Twitter Tweets - Display your Tweets on your Wordpress site using the new Twitter OAuth API v1.1. (even when you can't connect) Because it's backed up!
+Simple Twitter Tweets - Display your Tweets on your Wordpress site using the new Twitter OAuth API v1.1. (even when you can't connect) Because they're backed up!
 
 == Description ==
 
@@ -31,17 +31,20 @@ Twitter users who want to display their Tweets on their website (or within an ap
 * No passwords required or used
 * Works even when Twitters down, over capacity or not connecting
 * Tweets stored in the database with each call, so if your call to the Twitter API fails for whatever reason there won't be a blank space or Oops message on your site, you'll just see the last set of Tweets the system stored - sweet huh.
-* Tweeted when? - In Human Time using minutes, hours and days (i.e. 5 hours ago)
+* Tweeted when? - In Human Time using minutes, hours and days (i.e. 5 hours ago) or using Twitter time display (i.e. 5h)
+* Twitter intents - increase social interaction with users ability to Reply, Retweet and Favourite your tweets right from you page
+* Twitter intents using bespoke (only three characters) icon font (tiny) and colour the icons right in the widget
 * Did we say it was simple and works...
 
 == Installation ==
 
 Installation is as simple as 1,2,3 or maybe 4 because of Twitter :)
 
-1. Upload `simple-twitter-tweets` to the `/wp-content/plugins/` directory
+1. Upload 'simple-twitter-tweets' to the '/wp-content/plugins/' directory
 2. Activate the plugin through the 'Plugins' menu in WordPress
 3. Add the Widget to your page (e.g. Sidebar) and update the required details
-4. Note: You will need to create a Twitter Application - See below. Oh, it's really easy.
+4. Click Save
+5. Note: You will need to create a Twitter Application - See below. Oh, it's really easy.
 
 = Creating a Twitter Application =
 
@@ -74,8 +77,19 @@ Fill in your details, copy and past the Twitter Application details (as describe
 * Access Token: Under the *Your access token* heading
 * Access Token Secret: Under the *Your access token* heading
 * Choose if you want the @replies included or not
-* Select Twitter Follow Button to show options
-* Choose to Show the button, Add your Twitter name, Show your follower count and your language (defaults to en [English])
+* Avatar: Your image or logo as displayed on Twitter – show on/off
+* Avatar: Round the corners to your image (5px on modern browsers)
+* Avatar: Set the size - defaults to the Twitter default of 48px
+* Time Display: Default is WP human time (i.e. 5 hours ago)
+* Time Display: New option – if set, Twitter time (i.e. 5h)
+* Time Display: Choose to display the 'ago' or not
+* Twitter Intents: Show Twitter intents for 'Reply', 'Retweet' and 'Favourite'
+* Twitter Intents: Option to hide the Text and just use icons
+* Twitter Intents: Colourise the icons to your display
+* Twitter Follow: Choose to Show the Twitter Follow button
+* Twitter Follow: Choose to show your Twitter name
+* Twitter Follow: Choose to show your follower count
+* Twitter Follow: Enforce your language (defaults to en [English])
 * Click Save
 
 Enjoy!
@@ -91,14 +105,16 @@ The Tweets are in a widget as with all widgets, and are a simple unordered list.
 * To make styling easier the <ul> has a class of Tweets - <ul class="tweets">
 * Each Tweet is a list item <li>
 * Each Time reference is an emphasised link <em><a>
+* Inside the <li> we now have (if you choose to diplay it) the avatar image
+* Inside the <li> we also have (if you choose to diplay them) the Twitter intents. These are are in a DIV with a class of 'intent-meta' – in case you want to control its placement or spacing further. Each Intent is a link containing a 'span' for icon (using icon fonts for speed and styling flexibility) and another span for the text
 * Done.
 
 = Where can I get help =
 
-If you're really stuck check out the [support portal](http://planetinteractive.freshdesk.com/support/login "Support by Planet Interactive")
+If you're really stuck use the Wordpress Support Forum or check out the [support portal](http://planetinteractive.freshdesk.com/support/login "Support by Planet Interactive")
 
 = More FAQs =
-As far as we know it just works! Phew, but if you have an issue or you want to propose some functionality then submit you ideas at the [support portal](http://planetinteractive.freshdesk.com/support/login "Support by Planet Interactive") and we'll update these FAQs and get onto it when we can.
+We've tested it and as far as we know it works great! Phew, but if you have an issue or you want to propose some functionality then submit you ideas at the [support portal](http://planetinteractive.freshdesk.com/support/login "Support by Planet Interactive") and we'll update these FAQs and get onto it when we can.
 
 == Screenshots ==
 
@@ -115,6 +131,15 @@ As far as we know it just works! Phew, but if you have an issue or you want to p
 
 == Changelog ==
 
+= 2.0 =
+* [Added] Twitter Avatar, display, controls, presentation, styling and more
+* [Added] Time display formating and options
+* [Added] Twitter Intents, plus display styling and options
+* [Updated] Time reference i18n (localisation) compliance
+* [Updated] Widget UI, cleaner and more compartmentalized
+* [Fixed] Twitter API Copy/Paste (copy and past can introduce whitespace error - fixed)
+* [Fixed] Widget UI Javascript fix
+
 = 1.3.3 =
 * [Fixed] URLs no longer truncated in retweets!
 * [Added] cURL error notification: this is a required PHP extension for connection to the Twitter API

css/stt.css

@@ -0,0 +1,58 @@
+/* Font face for icons */
+@font-face {
+	font-family: 'stt-intents';
+	src:url('fonts/stt-intents.eot');
+}
+@font-face {
+	font-family: 'stt-intents';
+	src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAWQAA0AAAAACAgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABMAAAABoAAAAcZoSdXkdERUYAAAFMAAAAHwAAACAANQAGT1MvMgAAAWwAAABHAAAAVi7i3BxjbWFwAAABtAAAAFUAAAFqodkD8Wdhc3AAAAIMAAAACAAAAAj//wADZ2x5ZgAAAhQAAAHQAAACXJAtYUdoZWFkAAAD5AAAADMAAAA2/fluKWhoZWEAAAQYAAAAIAAAACQDif/paG10eAAABDgAAAAYAAAAIAlVAABsb2NhAAAEUAAAABIAAAASAewBNG1heHAAAARkAAAAHQAAACAATABPbmFtZQAABIQAAADXAAABuXl6fnVwb3N0AAAFXAAAADQAAABaJCWFRHicY2BgYGQAgpOd+YYg+lztdDEYDQBAyQXkAAB4nGNgZGBg4ANiCQYQYGJgZGBmYAeSLGAeAwAEsQA8AHicY2BkPMA4gYGVgYNRmdGSgYHBDkpfZxBjKGZgYGJgZWaAAwEEkyEgzTWFweEBw0chxob/Bxg0GBsYHBoYGBhBcgCOlwsBAHicY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGwPCA4QPDB9YPlR+F/v8HKUTlK7ALMAsw8nfzfYaagwQYgbphgoxMQIIJXQG6juEHAJ1mEWUAAAAAAAAB//8AAnicVZG5bttAEEB39hhKS5qWFR4WdFgiYVFHIDG8rEBwxC5FYsBdDDiFECCGS8GVGxv6BH+CviFfwC8J3AZp8gVWlsrhZLGzcwLzZpYAIdsCClgTSsgB9KB4ymH9lBN1ytyjyq3IS0KOLc0yQUPf66dJlmZpMhFjsC30ptBPFpBFThviyHWg6HJGGeccoFI7bAXB4UwaYi3UNeTsy3DvevQWqhrlgtMqHJiNQdvZq7AcZVmhRGL+uaf60x3EI3TJMXlXEuAYvAlNTvkOoux5BI5dhu24NE+sfdjxKMI5pP5fM+pQq83jyIFcsB+UAQ1R8nNeUyIxfOB0QDf8XJji2X8urDABDDgwNriWiHyJuOSIcslCdvWfS9m/pX92+B02cEu8coJ9cC0FXJL9XuUCgvKlahbqwAYvbSE4rlbIUYB9ieb9TGHO7s2vQru4oww1Np8zDYHfXWhC0vqNlDf1X6vabrff1H99IKFyUMtOUOv7HtqWO4GgVF4Q2pbjqs5BB3bKiaM3NE3SDIpGq6O3jpqDfsZef/KNofti1DWMarU67US5rudnp1cLvwljndd7NWxnfV2yeGQ3XjV16MXIacuHAIbT9x8niBYhPwFSAFEqeJxjYGRgYADiMywHV8fz23xl4GY8ABRhOFc7XQxG/////wDjA8YGIJeDgQkkCgByZg3DAHicY2BkYGBs+H+AQYPxwf///xwYHzAARVAABwC4bQdxeJxjPMAAAVMhFCOQz/gAiBdA2ABAiwRbAAAAAAAAAAAADgBOALAA5gEuAAB4nGNgZGBg4GDwYWBiAAEQycgAEnMA8xkACqsAnAAAAHicjY6xDcIwEEV/QgChIEqgdEFB48gOVBE1NVU2iFAaR0o8ByWrMAYDMAYDwHc4IYQosOW753/f5wMwxRkRwoqQYikcY4yt8ABrnIQTeq7CQ/JdeIQ0WtAZJRMq8/5V4BgzrIQHOGAnnNBzER6Sb8Ij8gMdPLdGDcdc9bEDOu917XzlPC9ftbe+R9NrIbc40qGQI4NhLnh+937VLLfmMYw5o8WGDRvn9017rFSeGVWojyl4s1Zbo3Nj6fxn7JJ6S7XuxwxfhtFQVm1XN07ZzPzV5wlIcketAHicY2BiwA84gJiRgYmRiZGZkYWRlZGNvTQv083AwABCm1uCaUNDI6i4KYh2BcoDAOnwCww=) format('woff'),
+		 url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWaEnV4AAAfsAAAAHEdERUYANQAGAAAHzAAAACBPUy8yLuLcHAAAAVgAAABWY21hcKHZA/EAAAHQAAABamdhc3D//wADAAAHxAAAAAhnbHlmkC1hRwAAA1AAAAJcaGVhZP35bikAAADcAAAANmhoZWEDif/pAAABFAAAACRobXR4CVUAAAAAAbAAAAAgbG9jYQHsATQAAAM8AAAAEm1heHAATABPAAABOAAAACBuYW1leXp+dQAABawAAAG5cG9zdCQlhUQAAAdoAAAAWgABAAAAAQAAzATBq18PPPUACwHAAAAAAM59lxYAAAAAzn2XFv///8AB4AGAAAAACAACAAAAAAAAAAEAAAGA/8AAKAHg///+QAHgAAEAAAAAAAAAAAAAAAAAAAAIAAEAAAAIAEwAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQHAAZAABQAIASMBOQAAAD4BIwE5AAAA1wAWAHMAAAIABQMAAAAAAAAAAAAAEAAAAAAAAAAAAAAAUGZFZABA4ADxEgGA/8AAKAGAAECAAAABAAAAAAAAAcAAAAAAAAAAlQAAAAAAAAHAAAAB4AAAAaAAAAHAAAAAAAADAAAAAwAAABwAAQAAAAAAZAADAAEAAAAcAAQASAAAAA4ACAACAAYAAOAA8ADwBfB58RL//wAAAADgAPAA8AXwefES//8AACAHEAMQAQ+LDvMAAQAAAAAAAAAAAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgBOALAA5gEuAAAAAQAA/8ABwAGAAAIAABEBIQHA/kABgP5AAAAAAAEAAP/gAcABcAAsAAAlFAcUDgEHBiMiJjU0NjU2NTQuBSsBFRQGIi8BJjQ/ATYyFh0BMzIXFgHAIAQDAgMEBAQBAQgQGBwnJxg4CgwFgAUFgAUMCjiyKQ1oKkcBCQcCBAUEAgkBEQ4ZKB0WDQgDQAYKBYAFDAWABQoGQGUhAAAAAgAAAAAB4AEgACUASwAAJRQGKwEiLgI0PQQjIiY1ND8BNjIfARYVFAYrARUzMh8BFjcUDwEGIi8BJjU0NjsBNSMiLwEmNTQ2OwEyHgIUHQQzMhYBQAUD8AIDAQIwBgoEUAQQBFAECgYwkAQCKAKgBFAFDgVQBAoGMJAEAigCBQPwAgMBAjAGCggDBQEDAQQBAwMoaAoGBgRgBgZgBAYGCmADMANmBgRgBgZgBAYGCmADMAIDAwUBAwEEAQMDKGgKAAAAAAEAAP/rAaABeAAiAAAlFA8BFxQVFAYjIi8BBwYjIiY1ND8BJyY1ND8CNjIfAhYBoAZbFQUFBAZwcAYEBgUBFVsGDn44BBAEOH4O3gUHWH0CAwYHAzs7AwcGAQR9WAcFCgIScgoKchICAAAAAAH////pAcABVwAwAAABBgc2NwYHJiMiBhUUFy4BJwYVFBciJzAVFBYXBiMiJx4BFwYjIicWMzI+AjU0NTYBwBkcHgscHxsoJjYDOWIjDCkXEyogDAwJCQkvHjJACwtATT1mPyMbASsLBBIhEAYdNiYLCgMzKhUZMRsLASEzBgQCHCMBJwEpL0xcLgYGFAAAAAAADACWAAEAAAAAAAEACwAYAAEAAAAAAAIABwA0AAEAAAAAAAMAKACOAAEAAAAAAAQACwDPAAEAAAAAAAUACwDzAAEAAAAAAAYACwEXAAMAAQQJAAEAFgAAAAMAAQQJAAIADgAkAAMAAQQJAAMAUAA8AAMAAQQJAAQAFgC3AAMAAQQJAAUAFgDbAAMAAQQJAAYAFgD/AHMAdAB0AC0AaQBuAHQAZQBuAHQAcwAAc3R0LWludGVudHMAAGkAbgB0AGUAbgB0AHMAAGludGVudHMAAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAAcwB0AHQALQBpAG4AdABlAG4AdABzACAAOgAgADEAMQAtADEAMAAtADIAMAAxADMAAEZvbnRGb3JnZSAyLjAgOiBzdHQtaW50ZW50cyA6IDExLTEwLTIwMTMAAHMAdAB0AC0AaQBuAHQAZQBuAHQAcwAAc3R0LWludGVudHMAAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAVmVyc2lvbiAxLjAAAHMAdAB0AC0AaQBuAHQAZQBuAHQAcwAAc3R0LWludGVudHMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAEAAgECAQMBBAEFAQYHdW5pRjAwMAd1bmlGMDc5B3VuaUYxMTIHdW5pRjAwNQd1bmlFMDAwAAAAAAAB//8AAgABAAAADgAAABgAAAAAAAIAAQADAAcAAQAEAAAAAgAAAAAAAQAAAADJiW8xAAAAAM59lxYAAAAAzn2XFg==) format('truetype');
+	font-weight: normal;
+	font-style: normal;
+}
+/* push in list item and pull out image if avatar display */
+.tweets li{
+	-ms-word-break: break-all;
+		word-break: break-all;
+	/* Non standard for webkit */
+		word-break: break-word;
+
+		-webkit-hyphens: auto;
+			-moz-hyphens: auto;
+				hyphens: auto;
+}
+.avatar{margin-left:53px;}
+.avatar img{float:left; margin-left:-53px;}
+.a-corn{
+	-webkit-border-radius: 5px;
+		-moz-border-radius:5px;
+			border-radius: 5px;
+}
+.a-rnd{}
+/* intents */
+.intent-meta {margin-top: 5px;}
+.intent-meta a{margin-right: 5px;}
+/* data attributes for inserting your icons */
+[data-icon]:before {
+	font-family: 'stt-intents';
+	content: attr(data-icon);
+	speak: none;
+	font-weight: normal;
+	font-variant: normal;
+	font-size:14px;
+	text-transform: none;
+	line-height: 1;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+/* icon only hide the text */
+.pi-visuallyhidden {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+}