New landing page

martinrehfeld · Feb 19, 2011 · 91494aa · 91494aa
1 parent f973210
commit 91494aa
Show file tree

Hide file tree

Showing 4 changed files with 59 additions and 25 deletions.
diff --git a/public/css/basic.less b/public/css/basic.less
@@ -79,6 +79,10 @@ b,strong{font-weight:bold;}
 	margin:0 auto;
 	max-width:640px;
 }
+.loading #container{
+	margin:0 auto;
+	max-width:980px;
+}
 
 /*header*/
 #header{
@@ -233,8 +237,8 @@ html.no-utf8{
 	}
 	.logo{
 		text-align:center;
-		margin-top:20px;
-		margin-bottom:30px;
+		margin-top:30px;
+		margin-bottom:50px;
 		img{	
 			padding:0 0 10px 0;
 			border-bottom:5px solid #000;
@@ -248,9 +252,12 @@ html.no-utf8{
 		font-size:13px;
 		p{
 			margin-bottom:18px;
-			text-align:justify;
 			color:#000;
 		}
+		p.point{
+		  font-size:30px;
+		  margin-bottom:50px;
+		}
 		p.subline{
 			font-size:11px;
 		}
@@ -271,5 +278,8 @@ html.no-utf8{
 				color:#111;
 			}
 		}
+		#moreinfo{
+		  display:none;
+		}
 	}
 }
diff --git a/public/css/stream.less b/public/css/stream.less
@@ -429,6 +429,13 @@ html.no-utf8{
 									background-position:center -210px;
 								}
 							}
+							&.delete{
+							  display:inline;
+  						  background-position:center -5000px;
+    						&:after{
+  								content:"Delete";
+  							}
+    					}
 							&.favorite{
 								background-position:center -87px;
 								&:hover{

diff --git a/public/index.html b/public/index.html
@@ -104,32 +104,42 @@ <h1 id="logo"><a href="#" target="_self">streamie beta for <span id="currentuser
 		<div id="content">
 		  <div class="logo"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAABCCAMAAAAolk58AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGBQTFRFxcXFubm5hISEIFtlOjs8lpaWp6endnZ2ZWVlVVVV6urqDg4ORUZGAdz/4+Pj0dHR+vr68vLy2traEo+kICAgDa3KAeP/C8bnGHODMCwrCzxEANj/////MzMzAAAA/v7+9uCH4AAAACB0Uk5T/////////////////////////////////////////wBcXBvtAAALdUlEQVR42txc6XqzKhAGyqpE0di0tjG5/7s8GpM44IAkX5fzdH6ayQAvs6OQ83PUUqGUYoIU5z9M1bhKrfW4TPecAPLMnwpphhtZVf9VcKnm92UaUf0UvNIOHqnqL4Lban+VVrqfgLdQQ0iW/kHV5atl6uL74a3MgJD8a+gKbJWm+m54CxTdYfhj+ivxVZrie+F1Gh934O2f8gyRVQ7afSu8Yviqgf/PVNjoMsV3wtvy6Lh/yT2w+CoftNLH4IVJQz8R9Et/Rn2rhBIN7PvgheP2L/v9/p0DgP9MeQE9IGeSChhwePEV8Lqm8MkF8XS/O4z09rLgqyitY2O7qq0JvRFpo3zFxEfqqskIs1VLRmpzeJuqHlnrcNzpMQ0fO5Ac6fY4kYw5wVnuOAeXDa+rJdPGco+s0aIGvuH18DnR4fOl91yTXhePjghlAnsb+er1uAsft5rRRJbZEKHtwitIAuKCsjuvNUq2axHgsWejpjkeQ3wZJpcbJWqXAW/NzLBJ/fuM7ojv68r5syJPnvYAbsWKjyuKKwVhq9BuGW6HjqiQl2tZYCKMnCdOlkfkeKPFP+ib3JWHNqzdgJfqIYf61xu8nztffYMauVYpMeKOXsvwcGKQQp9E5qiR3IXie2sjj1nluUBzR/dIvRDuInJ52N8iORNfi3nb3eA9vPfR7LBgG3L0bNONiMdqEyhAm9gwHWhPnbser2+zRDa1wNsuLE1Srm+7YPINy57FFrwzvtRuCrrgW6fdEYN+VfLkvGDvwwk+PE66klvwivQOURTe2gxfB+/U4xFZq3EbiE0KfFdKp7bkqfteFHp4iqxKOwe7KZe5Nbz0ka3ehpeTTFsQGbvAST5it65hZYZ/p/oOr3rkb8sek3SL6Gl4Bz58IXGa6tZhXcPWfsW498SMPuhhGh9eOfwDvAsN30UTvkWmPk5dw8p+zbi6mtPeR5Xlhi/BG3BWK+aRnz0CeHf7l4WGOMBjYXKn1NovfBZrpWgkv0J5tWtMJu88WgK8VVGMyUUEKABv0AgbU/TiGFIDdxDA+7k77G70+fqC46tlXThAsXTYCHLha1oaZu2GrYqDurnw1jLkZSpMR6+8RS3B8aRltJ0fE/GUpx7lXgXUqy0Qd3idJ5uLNbah/4HwQgpr5Otq67UwLKBpAjkKYVNK1ULeKpWDWVFB3lsFY2QDHxP1KLiB3FBl6hu8wj/2PcaIbcL7uXtbl4o1Kkyt88WQJV6V6JXMNmrA6wVdqgLRrNTnMX+9lks8Nb00aEnQ3hTHOC0+JArv52Hfh0UBLixsqmrMZiIrZu6YZw9TAo6wOmYJ8hjP+zjPlusXZnKGl238aRl+GSgO76sPb3y7fG+nHL4JJnNlQddwyThwXnzPkapF06po124qJhfOYayeR3ihGiXRzYJ395aJ7lFnoItqVFQmgi89PkYKH2u1y1G51FdfAj2vOh6/VntTAg2WviODhitjx4zgkKUumFYbfKwgj07IlZ73JSBtsE16bDpk+F5YxNkix5FPSW1i1JrjhRRm3IGq6+PD5OWovMA9e1INwR6TM6mz9xrsbBTeg5c5yEwzFMlx/ZhFUqy17yCrx+H1RtNYx2xLbmPBwQYBzWOXdg06kvfuFvLO3pIChRcDcn3SpkKqTDeShQ4UACchcjfIONDY8v/ligpS7UXPiPa+7eHJ8Up5Y1VbOF2XcKkkvbQ61+VkjYbDu2UUCyuvwAEFnI0Txj/KTLR0uL0R95o63PO8NdNL08GX1vpFlbHGz/lpeafBA4NqzrUXxJ3tRpr7S76iE2X0unxshDbaL1PrLXh9uXSUq0gkJ6ILvBANp5/qmCUCy7VjcWHrLnSHrIeQyfI0UQ8hb+dnE3ky1fWZWz+biHlB7zJmHxhKO2+0rb0d2oAXGmWjED8EHAIO71aLO6Pf69u8nJE8YWSgLtwe9kB/i+V/UCa7PYSBXC5yoVprTMCxGi6aPuJbocqHw1tjvl6iuZkCzoGg7v0afXg2vFf1LEswYtOd4gQW4XoMyGaBF1hhu0gACybL0xZ7WlYI6GWpUeVjWA0P1ZCgnhDCyxBjluHxadsUXkdpBe+Mqa+gFFFKjAQKzoA6hxZRXm+DFl4IpF548U0vATqsLGcHDuFtUSAVGsfBUTNIzO7WHJQo5jpPcBoH4X2JGT2AV6TglahpA5Vc/l22KGR6C16DbkVVogbAMLk1Cq/GIg0o1ARpvTP66Ve/rwbyG7HYP4Q3BtsT8FLMJRcdCq96Dl71JLyzPsfhXXwrUFhCvCSBa6bCGl8B9z65gIuyLm/pHPb/Cq9A/eldz6oBVWmo6T8B79VJl10fSQFu6YeE9RI5bx2C1ljg2S8vQb11/wgvDPwG/jD6/KpmXUQm8Jw/AO/CCy3Ia1pzUVcVVd67wCQ4Clq3rsHi+X3g+yt8U4+sfBjesjOLLAsrnt7nK+NZxlht/Aq8XsIn/WTfL794O8Ib/5BgSga8Ruwyy5cD7EF+5MNr6omq5rzYdtd4/fOUontbcST9OnP+AnjVBrxev0z2U54RedWjGuGV3tGnuNN0/C69etUtXrCETYfD5+v+faKXbhNefX9/Bc//Ry8nvBcAuK/OXv3q6MxEfxTewS+rr3O4oua9sMC8fm/qGDPISoHzvQB8pbf3bHhBKWaSo8oyEgfxfu33w3tKtpXg+esY2kD/eOOwwos7H2jLbHd4R/0kAu/ZLipZp7tgEN/O/T68aXU4sh60dGikw5VW3lB9l97vBzYLDF6RPV8RC26/BO8pfYLnhvLmjBkRtzBWbnSqmyCov+H4LvDyNLxwwhtHqHBpG6r+I/D26f4/u+RG/eXFGDZju+3WdBDEPz53aXhBoxGD92yyMYOFxWlofh3eDXOjt+yzNyO8XZmjQmyVJL3sdv8EL3Q2Xepkwfl2Y93D8FoU3vb0LLynZJhacs6BsDLLqykkCX35XPuHA+ocFs1XZ1R9T12d6RwmfJusALHsmOtQxaO4O7XYCkiwdp2liZwITNvWL8ugSf7H22EXh3fA6lf4yXPr+VSZF9oukuscNWAojiBz1qi5Az0FPmulXqbK8GWGkO2g7ESsrVDuP32AD3ssYIG5eR9H+Q5HRxxEtR69jL25BpO4Ozh+UNZ4E5pi6ee9SCTrwr+TblMbFIGWhwa3SgyJKvVj/3YAtEcU0imoO943fdYHTWFa2aLDdwzbDOLtREeufZeghdQg5Qo22WkvZl6K6tcgqg1bo8TzgFaQGhChktkyXFeoSR/v+9eZ9mHv10pCvN0xwTfg4bQHLSjxZqDKmOVwJX1eGSY3pZaYgJ5RItfuzozMrF9tI8p7G8CyYA4Cakw3NSRPj1BJz+z0PIUfTpLy9IdJTQ1J/sg/ppdW1dPjDatPWOkfRrecGpJn8sAf5q8e1Vcp74Rvvv726vchMzqfl80v/2dbe0fRkP+AsWCft3e5fydn8dvodkW+bnF3/TIoc0fs8kW0fMZnRq6DaTO905Qy0+53zX36HkXkrb2rbh9euRx8SwbRae3Dc7OxKy0cK/NM7fIta85UUXmC4RaJ7m4XieuXr69z9KFrwVeZ29ZuwttDZB83C4KArxMXhtSbm1WKjHHvBTaSK09hA9E73p4LbLIFgkhf37+13zQiXnnfFNMhuTiN3PXRCHyhpXJrhew2LgCjG2dsNRw3OdfT9NF2E2a7swDCw6k2mPVcJkt7RO79rIV1WZZ+h81JW8Zy59jlqo7qbr0T9fUC0RIm59v3J9WMx3wEl9vj3oa/Xa9RA5byfseCk3w91chkvW0sw2s7msQclmts4J9aqYz1SauNC5AbIpTl13dKB6tkAW75VXbo+vEhzbiraZ4AM3y4Cpup50ZgN3jN9xp5rCOvlpV3RdH0krLVsvUv4pn+11uPF5+sw3nRtXcYBOf/BBgAcVSS3qdxLKoAAAAASUVORK5CYII=" alt="streamie" width="350" height="66" /></div>
 			<div id="about">
-				<h2>Streamie</h2>
-				<p>
-					<a href="http://twitter.com/streamie">Streamie</a> is a full <b>realtime</b> Twitter client that runs in your web browser.<br />
-					New tweets will appear in your timeline immediately when someone posts them to Twitter.
+				<p class="point">
+					Streamie is a <strong>realtime</strong> Twitter client that runs in your web browser.
 				</p>
-				<h2>Cutting Edge Web Technology</h2>
-				<p>
-					We take advantage of the latest web standards such as HTML5 and CSS3. We encourage you to update to the newest (even beta) versions 
-					of your <a href="http://www.google.com/landing/chrome/beta/">favorite web browser</a> to use streamie. If you cannot do that, 
-					streamie is not for you, if you can, the experience will be great.
+				<p class="point">
+					We want you to <strong>enjoy</strong> reading your Twitter feed again!
 				</p>
-				<h2>Hackability</h2>
-				<p>
-					Streamie was designed with extreme <b>"hackability"</b> in mind and it is <a href="http://github.com/cramforce/streamie">fully open source</a>. 
-					If you are a programmer you can make your own version of streamie. The cool thing is: You do not have to run your own server so you can 
-					concentrate on actually building the features you want. The infrastructure is handled by us. 
-					<a href="http://www.nonblocking.io/2010/08/future-is-here-i-just-forked-running.html">Learn how to make your own version of streamie.</a>
+				<p class="point">
+					We only display Tweet text and avatars – <strong>Zero Distractions</strong>.
 				</p>
-				<h2>Beta</h2>
-				<p>
-				  While Streamie does work quite well, it is still beta level software. If you're experiencing problems, please 
-				  <a href="http://github.com/cramforce/streamie/issues">report them.</a>
+				<p class="point">
+					We hate bloat as much as you do!
 				</p>
-				<h2>Get Started / Sign in with Twitter</h2>
-				<p><a href="/access" target="_self"><img src="http://a0.twimg.com/images/dev/buttons/sign-in-with-twitter-d.png" alt="Sign in with Twitter" /></a></p>				
-				<p class="subline">Thanks for reading. You might want to <a href="http://twitter.com/streamie">follow us on Twitter</a></p>
+				<p><a href="/access" target="_self"><img src="http://a0.twimg.com/images/dev/buttons/sign-in-with-twitter-d.png" alt="Sign in with Twitter" /></a></p>
+				<p class="subline">Yes, this is beta software.<br>
+					<a href="#moreinfo" target="_self" id="showMoreInfo">More Info</a><br>
+					<a href="http://twitter.com/streamie">Follow us on Twitter</a></p>
+				<div id="moreinfo">
+					<h2>Cutting Edge Web Technology</h2>
+					<p>
+						We take advantage of the latest web standards such as HTML5 and CSS3. We encourage you to update to the newest (even beta) versions 
+						of your <a href="http://www.google.com/landing/chrome/beta/">favorite web browser</a> to use streamie. If you cannot do that, 
+						streamie is not for you, if you can, the experience will be great.
+					</p>
+					<h2>Hackability</h2>
+					<p>
+						Streamie was designed with extreme <b>"hackability"</b> in mind and it is <a href="http://github.com/cramforce/streamie">fully open source</a>. 
+						If you are a programmer you can make your own version of streamie. The cool thing is: You do not have to run your own server so you can 
+						concentrate on actually building the features you want. The infrastructure is handled by us. 
+						<a href="http://www.nonblocking.io/2010/08/future-is-here-i-just-forked-running.html">Learn how to make your own version of streamie.</a>
+					</p>
+					<h2>Beta</h2>
+					<p>
+					  While Streamie does work quite well, it is still beta level software. If you're experiencing problems, please 
+					  <a href="http://github.com/cramforce/streamie/issues">report them.</a>
+					</p>
+				</div>
 			</div>
 			<h2 class="h1">Timeline</h2>
 			<ol id="stream">

diff --git a/public/lib/stream/app.js b/public/lib/stream/app.js
@@ -88,6 +88,13 @@ require.def("stream/app",
     return {
       start: function () {
         $(function () {
+
+          $('#showMoreInfo').click(function(e) {
+            e.preventDefault();
+            $(this).remove();
+            $('#moreinfo').show();
+          })
+
           stream.addPlugins(streamPlugins);
           stream.addLinkPlugins(linkPlugins);