Skip to content

Commit

Permalink
Added support for real time feed on the home page
Browse files Browse the repository at this point in the history
  • Loading branch information
@robrighter
robrighter committed May 13, 2010
1 parent 1c5de1e commit d960340
Show file tree
Hide file tree
Showing 11 changed files with 188 additions and 228 deletions.
87 changes: 44 additions & 43 deletions dynamic/css/site.sass
View file
Expand Up @@ -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
Expand All @@ -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
Expand Down
66 changes: 9 additions & 57 deletions dynamic/landing.haml
View file
@@ -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'



Expand Down
94 changes: 49 additions & 45 deletions prod-buildout/css/site.css
View file
Expand Up @@ -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;
Expand All @@ -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;
Expand All @@ -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;
Expand Down
2 changes: 1 addition & 1 deletion prod-buildout/index.html
View file
Expand Up @@ -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'>
Expand Down

0 comments on commit d960340

Please sign in to comment.