Permalink
Browse files

Added support for real time feed on the home page

  • Loading branch information...
1 parent 1c5de1e commit d9603405a101d2765b0161186101299ac53910af @robrighter committed May 13, 2010
View
@@ -434,10 +434,18 @@ em
z-index: 1
#homesearch
- margin-top: 170px
+ margin-top: 95px
width: 786px
+ height: 60px
margin-left: auto
margin-right: auto
+ +borderRadius(10px)
+ //background-color: #ffffff
+ //border: 3px solid
+ border-color= !green
+ padding-top: 30px
+ padding-left: 10px
+ padding-right: 10px
#homesearch #logo
float: left
@@ -447,87 +455,80 @@ em
#homesearch .instructions
color: #2377BB
- font-size: 12px
-
-#homesearch .instructions .prompt
- display: block
+ font-size: 17px
+ height: 20px
+ float: left
font-weight: bold
+ margin-top: 5px
+ margin-right: 7px
+ margin-left: 88px
+
#homesearch input
- height: 35px
- width: 370px
+ height: 26px
+ width: 280px
color: #2377BB
- font-size: 24px
- border: 3px solid #8EC1DA
+ font-size: 21px
+ border: 2px solid #8EC1DA
+ margin-left: 5px
+ float: left
+borderRadius(5px)
#homesearch .go
background-color: #2377BB
color: #ffffff
+borderRadius(5px)
width: 100px
- height: 30px
+ height: 27px
text-align: center
- float: right
- font-size: 23px
+ float: left
+ font-size: 18px
padding-right: 10px
padding-left: 10px
padding-bottom: 0px
- padding-top: 12px
- margin-right: 4px
+ padding-top: 5px
+ margin-left: 10px
margin-top: 0px
cursor: pointer
#homesearch .go:hover
background-color: #90D55C
#recent
- display: none
- width: 610px
+ width: 590px
margin-left: auto
margin-right: auto
+ margin-bottom: 150px
padding-left: 20px
- margin-top: 30px
+ margin-top: 45px
+ +borderRadius(5px)
+ background-color: #FFFFFF
+ height: 68px
+ overflow: hidden
#recent h1
display: block
- width: 100%
- text-align: left
- font-size: 13px
+ width: 590px
+ text-align: center
+ font-size: 9px
+ position: absolute
+ margin-top: 2px
color: #2377BB
#recent .item
display: block
float: left
- width: 300px
+ width: 50px
color: #2377BB
margin-left: 5px
- margin-top: 10px
+ margin-top: 16px
#recent .item img
- width: 35px
- height: 35px
+ width: 40px
+ height: 40px
float: left
+borderRadius(3px)
- margin-right: 5px
-
-#recent .item .stats
- color: #2F2420
- font-size: 11px
-
-#recent .item .stats div
- display: block
- float: left
- margin-right: 8px
-
-#recent .item .stats div .count
- color: #2377BB
- font-weight: bold
-
-#recent .item .name a
- color: #009827
- font-weight: bold
- text-decoration: none
+ margin-left: 10px
#progressbox, #errorbox
background: white
View
@@ -1,81 +1,33 @@
%script{:type=>'text/javascript', :src=>'/js/landing.js'}
#maincontent
-
#header
+ %a{:href=>'/'}
+ %img{:src=>'/images/logo.png',:id=>'logo'}
%div{:class=>'followus'}
%a{:href=>'http://www.twitter.com/friendagon'}
%img{:src=>'http://twitter-badges.s3.amazonaws.com/t_logo-b.png'}
%a{:href=>'http://www.twitter.com/friendagon'}
%span= 'follow us'
#homesearch
- %img{:src=>'/images/logo.png',:id=>'logo'}
%div{:class=>'instructions'}
%span{:class=>'prompt'}= "Twitter Screen Name:"
- %form{:id=>'searchform'}
- %input{:type=>'text',id=>'q'}
+ %form{:id=>'searchform'}
+ %input{:type=>'text',id=>'q'}
%div{:class=>'go'}= "Calculate"
%div{:class=>'kill'}
+
#recent
- %h1= "Recent Searches"
- %div{:class=>'item'}
- %img{:src=>'http://a3.twimg.com/profile_images/647531397/dick_profile_bigger.png'}
- %span{:class=>'name'}= '<a href="#">somebody</a>'
- %div{:class=>'stats'}
- %div{:class=>'fans'}
- %span= 'Fans: '
- %span{:class=>'count'}= '389'
- %div{:class=>'followback'}
- %span= 'Followbacks: '
- %span{:class=>'count'}= '405'
- %div{:class=>'nofollowback'}
- %span= 'No Followback: '
- %span{:class=>'count'}= '342'
-
+ %h1= 'Recent Lookups'
%div{:class=>'item'}
- %img{:src=>'http://a3.twimg.com/profile_images/647531397/dick_profile_bigger.png'}
- %span{:class=>'name'}= '<a href="#">somebody</a>'
- %div{:class=>'stats'}
- %div{:class=>'fans'}
- %span= 'Fans: '
- %span{:class=>'count'}= '389'
- %div{:class=>'followback'}
- %span= 'Followbacks: '
- %span{:class=>'count'}= '405'
- %div{:class=>'nofollowback'}
- %span= 'No Followback: '
- %span{:class=>'count'}= '342'
+ %a{:href=>'http://friendagon/robrighter.com'}
+ %img{:src=>'http://a3.twimg.com/profile_images/711611677/dotssquare_bigger.png'}
- %div{:class=>'item'}
- %img{:src=>'http://a3.twimg.com/profile_images/647531397/dick_profile_bigger.png'}
- %span{:class=>'name'}= '<a href="#">somebody</a>'
- %div{:class=>'stats'}
- %div{:class=>'fans'}
- %span= 'Fans: '
- %span{:class=>'count'}= '389'
- %div{:class=>'followback'}
- %span= 'Followbacks: '
- %span{:class=>'count'}= '405'
- %div{:class=>'nofollowback'}
- %span= 'No Followback: '
- %span{:class=>'count'}= '342'
+
- %div{:class=>'item'}
- %img{:src=>'http://a3.twimg.com/profile_images/647531397/dick_profile_bigger.png'}
- %span{:class=>'name'}= '<a href="#">somebody</a>'
- %div{:class=>'stats'}
- %div{:class=>'fans'}
- %span= 'Fans: '
- %span{:class=>'count'}= '389'
- %div{:class=>'followback'}
- %span= 'Followbacks: '
- %span{:class=>'count'}= '405'
- %div{:class=>'nofollowback'}
- %span= 'No Followback: '
- %span{:class=>'count'}= '342'
View
@@ -459,10 +459,19 @@ em {
z-index: 1; }
#homesearch {
- margin-top: 170px;
+ margin-top: 95px;
width: 786px;
+ height: 60px;
margin-left: auto;
- margin-right: auto; }
+ margin-right: auto;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ -khtml-border-radius: 10px;
+ border-radius: 10px;
+ border-color: #90d55c;
+ padding-top: 30px;
+ padding-left: 10px;
+ padding-right: 10px; }
#homesearch #logo {
float: left;
@@ -472,18 +481,22 @@ em {
#homesearch .instructions {
color: #2377BB;
- font-size: 12px; }
-
-#homesearch .instructions .prompt {
- display: block;
- font-weight: bold; }
+ font-size: 17px;
+ height: 20px;
+ float: left;
+ font-weight: bold;
+ margin-top: 5px;
+ margin-right: 7px;
+ margin-left: 88px; }
#homesearch input {
- height: 35px;
- width: 370px;
+ height: 26px;
+ width: 280px;
color: #2377BB;
- font-size: 24px;
- border: 3px solid #8EC1DA;
+ font-size: 21px;
+ border: 2px solid #8EC1DA;
+ margin-left: 5px;
+ float: left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
@@ -497,71 +510,62 @@ em {
-khtml-border-radius: 5px;
border-radius: 5px;
width: 100px;
- height: 30px;
+ height: 27px;
text-align: center;
- float: right;
- font-size: 23px;
+ float: left;
+ font-size: 18px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 0px;
- padding-top: 12px;
- margin-right: 4px;
+ padding-top: 5px;
+ margin-left: 10px;
margin-top: 0px;
cursor: pointer; }
#homesearch .go:hover {
background-color: #90D55C; }
#recent {
- display: none;
- width: 610px;
+ width: 590px;
margin-left: auto;
margin-right: auto;
+ margin-bottom: 150px;
padding-left: 20px;
- margin-top: 30px; }
+ margin-top: 45px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -khtml-border-radius: 5px;
+ border-radius: 5px;
+ background-color: #FFFFFF;
+ height: 68px;
+ overflow: hidden; }
#recent h1 {
display: block;
- width: 100%;
- text-align: left;
- font-size: 13px;
+ width: 590px;
+ text-align: center;
+ font-size: 9px;
+ position: absolute;
+ margin-top: 2px;
color: #2377BB; }
#recent .item {
display: block;
float: left;
- width: 300px;
+ width: 50px;
color: #2377BB;
margin-left: 5px;
- margin-top: 10px; }
+ margin-top: 16px; }
#recent .item img {
- width: 35px;
- height: 35px;
+ width: 40px;
+ height: 40px;
float: left;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
- margin-right: 5px; }
-
-#recent .item .stats {
- color: #2F2420;
- font-size: 11px; }
-
-#recent .item .stats div {
- display: block;
- float: left;
- margin-right: 8px; }
-
-#recent .item .stats div .count {
- color: #2377BB;
- font-weight: bold; }
-
-#recent .item .name a {
- color: #009827;
- font-weight: bold;
- text-decoration: none; }
+ margin-left: 10px; }
#progressbox, #errorbox {
background: white;
View
@@ -24,7 +24,7 @@
<div id='compare'>
<strong>Compare to:</strong>
<form>
- <input 2159774740='q' onfocus='this.value=""' type='text' value='TwitterName' />
+ <input 2159913520='q' onfocus='this.value=""' type='text' value='TwitterName' />
<div id='gocompare'>GO</div>
</form>
<div id='miniprogressbox'>
Oops, something went wrong.

0 comments on commit d960340

Please sign in to comment.