Permalink
Browse files

Added Loggedin page and footer

  • Loading branch information...
1 parent 98aca99 commit 163b5990afe0641d34c8e6d94bfc52cc880cb048 @robrighter committed Apr 28, 2010
View
@@ -26,6 +26,7 @@ a img
form
margin: 0px
+ padding: 0px
display: inline
#header
@@ -279,27 +280,27 @@ em
#homesearch
margin-top: 170px
- width: 700px
+ width: 786px
margin-left: auto
margin-right: auto
#homesearch #logo
float: left
- margin-right: 20px
- margin-left: 20px
+ margin-right: 25px
+ margin-left: 0px
margin-top: 17px
#homesearch .instructions
color: #2377BB
- font-size: 11px
+ font-size: 12px
#homesearch .instructions .prompt
display: block
font-weight: bold
#homesearch input
- height: 28px
- width: 330px
+ height: 35px
+ width: 370px
color: #2377BB
font-size: 24px
border: 3px solid #8EC1DA
@@ -309,16 +310,16 @@ em
background-color: #2377BB
color: #ffffff
+borderRadius(5px)
- width: 40px
- height: 26px
+ width: 100px
+ height: 30px
text-align: center
float: right
- font-size: 20px
+ font-size: 23px
padding-right: 10px
padding-left: 10px
padding-bottom: 0px
- padding-top: 8px
- margin-right: 20px
+ padding-top: 12px
+ margin-right: 4px
margin-top: 0px
cursor: pointer
@@ -488,5 +489,46 @@ em
margin-left: 0px
width: 300px
+#holder
+ margin-left: auto
+ margin-right: auto
+ width: 776px
+ margin-top: 50px
+ margin-bottom: 20px
+#footer
+ margin-right: 1px
+ color: #ffffff
+ font-size: 10px
+ width: 340px
+ float: right
+ text-align: center
+ background-color: #8EC1DA
+ +borderRadius(5px)
+ margin-top: 10px
+ margin-bottom: 10px
+
+#footer a
+ color: #2377BB
+ text-decoration: none
+.loggedin
+ background-color: #ffffff
+ +borderRadius(5px)
+ margin-top: 100px
+ height: 110px
+ border: 5px solid
+ border-color= !green
+ color: #666666
+ padding: 30px
+ padding-top: 50px
+ width: 500px
+ margin-left: auto
+ margin-right: auto
+
+.loggedin a
+ color: #666666
+
+.loggedin h1
+ color= !textgreen
+ font-size: 16px
View
@@ -15,7 +15,7 @@
%span{:class=>'prompt'}= "Twitter Screen Name:"
%form{:id=>'searchform'}
%input{:type=>'text',id=>'q'}
- %div{:class=>'go'}= "GO"
+ %div{:class=>'go'}= "Calculate"
%div{:class=>'kill'}
View
@@ -10,4 +10,7 @@
%script{:type=>'text/javascript', :src=>'/js/site.js'}
%body
#wrapper
- = yield
+ = 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>
View
@@ -0,0 +1,21 @@
+%script{:type=>'text/javascript', :src=>'/js/landing.js'}
+
+#maincontent
+
+ #header
+ %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'
+
+ #maincontent
+ %div{:class=>'loggedin'}
+ %h1{:class=>''}= "Congrats! You are now signed into Friendagon via Twitter."
+ <p>You can now <a href='#' onclick="self.close();">close this window</a> and follow or unfollow whomever you wish.</p>
+
+ %div{:class=>'kill'}
+
+
+
+
@@ -12,6 +12,11 @@
<body>
<div id='wrapper'>
<script type='text/javascript'>alert("test"); window.close();</script>
+ <div class='kill' id='holder'>
+ <div id='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>
+ </div>
+ </div>
</div>
</body>
</html>
View
@@ -14,6 +14,7 @@ a img {
form {
margin: 0px;
+ padding: 0px;
display: inline; }
#header {
@@ -291,27 +292,27 @@ em {
#homesearch {
margin-top: 170px;
- width: 700px;
+ width: 786px;
margin-left: auto;
margin-right: auto; }
#homesearch #logo {
float: left;
- margin-right: 20px;
- margin-left: 20px;
+ margin-right: 25px;
+ margin-left: 0px;
margin-top: 17px; }
#homesearch .instructions {
color: #2377BB;
- font-size: 11px; }
+ font-size: 12px; }
#homesearch .instructions .prompt {
display: block;
font-weight: bold; }
#homesearch input {
- height: 28px;
- width: 330px;
+ height: 35px;
+ width: 370px;
color: #2377BB;
font-size: 24px;
border: 3px solid #8EC1DA;
@@ -327,16 +328,16 @@ em {
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
- width: 40px;
- height: 26px;
+ width: 100px;
+ height: 30px;
text-align: center;
float: right;
- font-size: 20px;
+ font-size: 23px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 0px;
- padding-top: 8px;
- margin-right: 20px;
+ padding-top: 12px;
+ margin-right: 4px;
margin-top: 0px;
cursor: pointer; }
@@ -514,3 +515,53 @@ em {
margin-top: 35px;
margin-left: 0px;
width: 300px; }
+
+#holder {
+ margin-left: auto;
+ margin-right: auto;
+ width: 776px;
+ margin-top: 50px;
+ margin-bottom: 20px; }
+
+#footer {
+ margin-right: 1px;
+ color: #ffffff;
+ font-size: 10px;
+ width: 340px;
+ float: right;
+ text-align: center;
+ background-color: #8EC1DA;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -khtml-border-radius: 5px;
+ border-radius: 5px;
+ margin-top: 10px;
+ margin-bottom: 10px; }
+
+#footer a {
+ color: #2377BB;
+ text-decoration: none; }
+
+.loggedin {
+ background-color: #ffffff;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -khtml-border-radius: 5px;
+ border-radius: 5px;
+ margin-top: 100px;
+ height: 110px;
+ border: 5px solid;
+ border-color: #90d55c;
+ color: #666666;
+ padding: 30px;
+ padding-top: 50px;
+ width: 500px;
+ margin-left: auto;
+ margin-right: auto; }
+
+.loggedin a {
+ color: #666666; }
+
+.loggedin h1 {
+ color: #58b33f;
+ font-size: 16px; }
View
@@ -117,6 +117,11 @@
</a>
</div>
</div>
+ <div class='kill' id='holder'>
+ <div id='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>
+ </div>
+ </div>
</div>
</body>
</html>
@@ -28,9 +28,9 @@
<div class='instructions'>
<span class='prompt'>Twitter Screen Name:</span>
<form id='searchform'>
- <input 2150637860='q' type='text' />
+ <input 2160065220='q' type='text' />
</form>
- <div class='go'>GO</div>
+ <div class='go'>Calculate</div>
</div>
</div>
<div class='kill'></div>
@@ -110,6 +110,11 @@
</div>
</div>
</div>
+ <div class='kill' id='holder'>
+ <div id='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>
+ </div>
+ </div>
</div>
</body>
</html>
@@ -12,6 +12,11 @@
<body>
<div id='wrapper'>
CONTENT
+ <div class='kill' id='holder'>
+ <div id='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>
+ </div>
+ </div>
</div>
</body>
</html>
@@ -0,0 +1,41 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>Friendagon</title>
+ <link href='/css/site.css' rel='stylesheet' type='text/css' />
+ <script src='/js/underscore.js' type='text/javascript'></script>
+ <script src='http://www.google.com/jsapi' type='text/javascript'></script>
+ <script charset='utf-8' type='text/javascript'>google.load('jquery', '1.4.2');</script>
+ <script src='/js/tweetwrap.js' type='text/javascript'></script>
+ <script src='/js/site.js' type='text/javascript'></script>
+ </head>
+ <body>
+ <div id='wrapper'>
+ <script src='/js/landing.js' type='text/javascript'></script>
+ <div id='maincontent'>
+ <div id='header'>
+ <div class='followus'>
+ <a href='http://www.twitter.com/friendagon'>
+ <img src='http://twitter-badges.s3.amazonaws.com/t_logo-b.png' />
+ </a>
+ <a href='http://www.twitter.com/friendagon'>
+ <span>follow us</span>
+ </a>
+ </div>
+ </div>
+ <div id='maincontent'>
+ <div class='loggedin'>
+ <h1 class=''>Congrats! You are now signed into Friendagon via Twitter.</h1>
+ <p>You can now <a href='#' onclick="self.close();">close this window</a> and follow or unfollow whomever you wish.</p>
+ </div>
+ </div>
+ <div class='kill'></div>
+ </div>
+ <div class='kill' id='holder'>
+ <div id='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>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>

0 comments on commit 163b599

Please sign in to comment.