Permalink
Browse files

Added tooltip location and bio, google analytics, follow treatment

  • Loading branch information...
robrighter committed May 1, 2010
1 parent 704f557 commit 3d918d51ad2860e8d171f2185b21943b839afecf
View
@@ -195,12 +195,42 @@ em
color = !textgreen
font-weight: bold
text-decoration: none
- text-size: 19px
+.user .name a span
+ font-size: 11px
+ color: #000000
+ font-weight: normal
+ display: none
+ padding: 2px 3px
+ margin-left: 8px
+ width: 200px
+ line-height: 14px
+
+
+.user .name a span strong
+ font-weight: bold
+ font-size: 13px
+ color= !textgreen
+
+.user .name a:hover span
+ display: inline
+ position: absolute
+ border: 2px solid
+ border-color= !green
+ background-color: white
+ text-transform: none
+ padding: 5px
+ z-index: 100
+ filter:alpha(opacity=85)
+ -moz-opacity:0.9
+ -khtml-opacity: 0.9
+ opacity: 0.9
+ +borderRadius(5px)
+
.user .name .notify
font-weight: bold
color: #000
- font-size: 12px
+// font-size: 12px
.user img
float: left
View
@@ -72,8 +72,8 @@
%span= 'followers: '
%span{:class=>'count'}= '333'
%div{:class=>'followtoggle'}
- %div{:class=>'button plus'}= '+'
- %div{:class=>'button minus'}= '-'
+ %div{:class=>'button plus followeduser'}= '+'
+ %div{:class=>'button minus followeduser'}= '-'
%div{:style=>'clear:all;'}
#authbox
View
@@ -13,4 +13,10 @@
= yield
%div{:id=>'holder', :class=>'kill'}
#footer
- A <a href="http://twitter.com/robrighter">robrighter</a> creation, Powered by <a href="http://nodejs.org":">Node.js</a>, <a href="http://www.mongodb.org">MongoDB</a> and <a href="http://twitter.com">Twitter</a>
+ A <a href="http://twitter.com/robrighter">robrighter</a> creation, Powered by <a href="http://nodejs.org":">Node.js</a>, <a href="http://www.mongodb.org">MongoDB</a> and <a href="http://twitter.com">Twitter</a>
+ <script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script>
+ <script type="text/javascript">
+ try {
+ var pageTracker = _gat._getTracker("UA-16159560-1");
+ pageTracker._trackPageview();
+ } catch(err) {}</script>
@@ -17,6 +17,12 @@
A <a href="http://twitter.com/robrighter">robrighter</a> creation, Powered by <a href="http://nodejs.org":">Node.js</a>, <a href="http://www.mongodb.org">MongoDB</a> and <a href="http://twitter.com">Twitter</a>
</div>
</div>
+ <script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script>
+ <script type="text/javascript">
+ try {
+ var pageTracker = _gat._getTracker("UA-16159560-1");
+ pageTracker._trackPageview();
+ } catch(err) {}</script>
</div>
</body>
</html>
View
@@ -200,13 +200,42 @@ em {
.user .name a {
color: #58b33f;
font-weight: bold;
- text-decoration: none;
- text-size: 19px; }
+ text-decoration: none; }
+
+.user .name a span {
+ font-size: 11px;
+ color: #000000;
+ font-weight: normal;
+ display: none;
+ padding: 2px 3px;
+ margin-left: 8px;
+ width: 200px;
+ line-height: 14px; }
+
+.user .name a span strong {
+ font-weight: bold;
+ font-size: 13px;
+ color: #58b33f; }
+
+.user .name a:hover span {
+ display: inline;
+ position: absolute;
+ border: 2px solid;
+ border-color: #90d55c;
+ background-color: white;
+ text-transform: none;
+ padding: 5px;
+ z-index: 100;
+ -khtml-opacity: 0.9;
+ opacity: 0.9;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -khtml-border-radius: 5px;
+ border-radius: 5px; }
.user .name .notify {
font-weight: bold;
- color: #000;
- font-size: 12px; }
+ color: #000; }
.user img {
float: left;
View
@@ -99,8 +99,8 @@
<span class='count'>333</span>
</div>
<div class='followtoggle'>
- <div class='button plus'>+</div>
- <div class='button minus'>-</div>
+ <div class='button plus followeduser'>+</div>
+ <div class='button minus followeduser'>-</div>
</div>
</div>
<div style='clear:all;'></div>
@@ -122,6 +122,12 @@ <h1>Please sign in with Twitter</h1>
A <a href="http://twitter.com/robrighter">robrighter</a> creation, Powered by <a href="http://nodejs.org":">Node.js</a>, <a href="http://www.mongodb.org">MongoDB</a> and <a href="http://twitter.com">Twitter</a>
</div>
</div>
+ <script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script>
+ <script type="text/javascript">
+ try {
+ var pageTracker = _gat._getTracker("UA-16159560-1");
+ pageTracker._trackPageview();
+ } catch(err) {}</script>
</div>
</body>
</html>
@@ -39,13 +39,13 @@ $(document).ready(function() {
$('.profile .details .follow').bind('click', function() {
follow(tw.userscreenname, function(){
- $('.profile .details .follow').addClass('followeduser');
+ $('.profile .details .follow').css('background-color', '#D8F2AC');
});
});
$('.profile .details .unfollow').bind('click', function() {
unfollow(tw.userscreenname, function(){
- $('.profile .details .unfollow').addClass('unfolloweduser');
+ $('.profile .details .unfollow').css('background-color', '#E59B97');
});
});
View
@@ -3,7 +3,7 @@ var tw;
var insertUser = function (user){
var template = $('.template').clone();
- template.find('.name a').html(user.screen_name);
+ template.find('.name a').html(user.screen_name + '<span><strong>' + user.location + '</strong><br/>' + user.description + '</span>');
template.find('.name a').attr('href' ,'http://friendagon.com/'+user.screen_name + '/');
template.find('img').attr('src' ,user.profile_image_url);
template.find('.following .count').html(user.friends_count);
@@ -25,6 +25,7 @@ var setProfile = function(user){
profile.find('.details .followbackpercent .count').html(tw.followbackprobability + '%');
profile.find('.details .topsyinfluence .count').html(tw.topsyinfluence + '');
profile.find('.details').slideDown('slow');
+ document.title = user.name + ' - Friendagon'
};
var unfollow = function(screenname,callback){
@@ -19,6 +19,24 @@ var tweetWrap = function (screenname, initcallback, notifyprogress, abandon){
var that = this;
+ var notify = function () {
+ var tonotify = {
+ screenname: that.userscreenname,
+ followers: that.followers.length,
+ following: that.following.length,
+ followbacks: that.reciprications.length,
+ fans: that.fans.length,
+ nofollowback: that.toogoodforme.length,
+ location: that.personalprofile.location,
+ description: that.personalprofile.description,
+ topsyinfluence: that.topsyinfluence,
+ followbackprobability: that.followbackprobability,
+ created_at: that.personalprofile.created_at
+ };
+
+ $.post("/__notify", tonotify );
+ }
+
var getFollowers = function (cursor){
var timeout = setTimeout(function(){
that.abandoncallback('The Twitter API is currently unavailable from your location. Please try again later.')}
@@ -94,6 +112,7 @@ var tweetWrap = function (screenname, initcallback, notifyprogress, abandon){
that.notifyprogresscallback(100,"All Done!");
that.followbackprobability = Math.round((that.reciprications.length / that.followers.length) * 100);
initializationcallback();
+ notify();
}
@@ -28,7 +28,7 @@
<div class='instructions'>
<span class='prompt'>Twitter Screen Name:</span>
<form id='searchform'>
- <input 2160064680='q' type='text' />
+ <input 2160053000='q' type='text' />
</form>
<div class='go'>Calculate</div>
</div>
@@ -115,6 +115,12 @@ <h1>Recent Searches</h1>
A <a href="http://twitter.com/robrighter">robrighter</a> creation, Powered by <a href="http://nodejs.org":">Node.js</a>, <a href="http://www.mongodb.org">MongoDB</a> and <a href="http://twitter.com">Twitter</a>
</div>
</div>
+ <script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script>
+ <script type="text/javascript">
+ try {
+ var pageTracker = _gat._getTracker("UA-16159560-1");
+ pageTracker._trackPageview();
+ } catch(err) {}</script>
</div>
</body>
</html>
@@ -17,6 +17,12 @@
A <a href="http://twitter.com/robrighter">robrighter</a> creation, Powered by <a href="http://nodejs.org":">Node.js</a>, <a href="http://www.mongodb.org">MongoDB</a> and <a href="http://twitter.com">Twitter</a>
</div>
</div>
+ <script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script>
+ <script type="text/javascript">
+ try {
+ var pageTracker = _gat._getTracker("UA-16159560-1");
+ pageTracker._trackPageview();
+ } catch(err) {}</script>
</div>
</body>
</html>
@@ -37,6 +37,12 @@ <h1 class=''>Congrats! You are now signed into Friendagon via Twitter.</h1>
A <a href="http://twitter.com/robrighter">robrighter</a> creation, Powered by <a href="http://nodejs.org":">Node.js</a>, <a href="http://www.mongodb.org">MongoDB</a> and <a href="http://twitter.com">Twitter</a>
</div>
</div>
+ <script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script>
+ <script type="text/javascript">
+ try {
+ var pageTracker = _gat._getTracker("UA-16159560-1");
+ pageTracker._trackPageview();
+ } catch(err) {}</script>
</div>
</body>
</html>
View
@@ -39,13 +39,13 @@ $(document).ready(function() {
$('.profile .details .follow').bind('click', function() {
follow(tw.userscreenname, function(){
- $('.profile .details .follow').addClass('followeduser');
+ $('.profile .details .follow').css('background-color', '#D8F2AC');
});
});
$('.profile .details .unfollow').bind('click', function() {
unfollow(tw.userscreenname, function(){
- $('.profile .details .unfollow').addClass('unfolloweduser');
+ $('.profile .details .unfollow').css('background-color', '#E59B97');
});
});
View
@@ -3,7 +3,7 @@ var tw;
var insertUser = function (user){
var template = $('.template').clone();
- template.find('.name a').html(user.screen_name);
+ template.find('.name a').html(user.screen_name + '<span><strong>' + user.location + '</strong><br/>' + user.description + '</span>');
template.find('.name a').attr('href' ,'http://friendagon.com/'+user.screen_name + '/');
template.find('img').attr('src' ,user.profile_image_url);
template.find('.following .count').html(user.friends_count);
@@ -25,6 +25,7 @@ var setProfile = function(user){
profile.find('.details .followbackpercent .count').html(tw.followbackprobability + '%');
profile.find('.details .topsyinfluence .count').html(tw.topsyinfluence + '');
profile.find('.details').slideDown('slow');
+ document.title = user.name + ' - Friendagon'
};
var unfollow = function(screenname,callback){
View
@@ -19,6 +19,24 @@ var tweetWrap = function (screenname, initcallback, notifyprogress, abandon){
var that = this;
+ var notify = function () {
+ var tonotify = {
+ screenname: that.userscreenname,
+ followers: that.followers.length,
+ following: that.following.length,
+ followbacks: that.reciprications.length,
+ fans: that.fans.length,
+ nofollowback: that.toogoodforme.length,
+ location: that.personalprofile.location,
+ description: that.personalprofile.description,
+ topsyinfluence: that.topsyinfluence,
+ followbackprobability: that.followbackprobability,
+ created_at: that.personalprofile.created_at
+ };
+
+ $.post("/__notify", tonotify );
+ }
+
var getFollowers = function (cursor){
var timeout = setTimeout(function(){
that.abandoncallback('The Twitter API is currently unavailable from your location. Please try again later.')}
@@ -94,6 +112,7 @@ var tweetWrap = function (screenname, initcallback, notifyprogress, abandon){
that.notifyprogresscallback(100,"All Done!");
that.followbackprobability = Math.round((that.reciprications.length / that.followers.length) * 100);
initializationcallback();
+ notify();
}

0 comments on commit 3d918d5

Please sign in to comment.