Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

[hp] Second try

  • Loading branch information...
commit 869878a4dafa554ffaa0ba7a3b49064b10bdf03a 1 parent b677647
Alejandro Morales alejandro authored
51 public/bootstrap.css
View
@@ -11,10 +11,14 @@
/* Reset.less
* Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
+ @import url('http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700|Open+Sans');
+html {
+ background-color:#F3F3F3
+}
html, body {
margin: 0;
padding: 0;
- font-family:'rooney-web','Arial';
+ font-family:'Open Sans','Arial';
}
h1,
h2,
@@ -182,13 +186,19 @@ textarea {
* Basic and global styles for generating a grid system, structural layout, and page templates
* ------------------------------------------------------------------------------------------- */
body {
- background-color: #ffffff;
- margin: 0;
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-size: 13px;
- font-weight: normal;
- line-height: 18px;
- color: #404040;
+ margin : 0 auto;
+ font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size : 13px;
+ font-weight : normal;
+ line-height : 18px;
+ color : #404040;
+ width : 100%;
+ -moz-box-shadow : 0px 2px 12px rgba(0,0,0,0.2);
+ -webkit-box-shadow : 0px 2px 12px rgba(0,0,0,0.2);
+ box-shadow : 0px 2px 12px rgba(0,0,0,0.2);
+ background :#F3F3F3;
+ padding-top : 60px;
+ padding : 36px 0 0;
}
.container {
width: 940px;
@@ -1364,7 +1374,7 @@ table .headerSortUp.purple, table .headerSortDown.purple {
padding: 4px 9px;
color: #ffffff;
color: rgba(255, 255, 255, 0.75);
- border: 1px solid #111;
+ /*border: 1px solid #111;*/
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
@@ -1434,7 +1444,7 @@ table .headerSortUp.purple, table .headerSortDown.purple {
text-decoration: none;
}
.topbar div > ul a:hover, .nav a:hover {
- color: #ffffff;
+ color: #222;
text-decoration: none;
}
.topbar div > ul .active > a, .nav .active > a {
@@ -1512,7 +1522,7 @@ table .headerSortUp.purple, table .headerSortDown.purple {
background-image: -o-linear-gradient(top, #292929, #191919);
background-image: linear-gradient(top, #292929, #191919);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);
- color: #ffffff;
+ color: #444;
}
.topbar div > ul .menu-dropdown .active a,
.nav .menu-dropdown .active a,
@@ -2470,10 +2480,11 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
/*
Styles v2
*/
-body{background-image: url(/css/sea.jpg);font-family:'AxelRegular';font-weight: normal;text-shadow: 0 1px 0 #ffffff;}
+body{
+ font-family:'Open Sans';font-weight: normal;text-shadow: 0 1px 0 #ffffff;}
h1 {
font-weight: normal;
- font-family: "AxelBold", "Lucida Grande", "Verdana", sans-serif;
+ font-family: "Open Sans Condensed", "Lucida Grande", "Verdana", sans-serif;
font-size: 38px;
line-height: 38px;
text-shadow: 0 1px 0 #ffffff;
@@ -2482,7 +2493,7 @@ h1 {
padding: 0 30px 0 0;
}
.brand{
-font-family: "AxelBold";
+font-family: "Open Sans Condensed";
vertical-align: -webkit-baseline-middle;
}
.brand img {
@@ -2573,9 +2584,19 @@ li {display:inline;}
.hackcont{
text-align:center;
}
+.hackcont iframe:first-child {
+ max-width:80px;
+
+}
.hackcont ul {
font-size:15px;
}
table {
font-size:15px;
-}
+}
+
+.fill {
+ background: url(images/top.png) repeat-x left top #F3F3F3!important;
+
+}
+ .brand span {color:#222;}
27 public/css/font.css
View
0 additions, 27 deletions not shown
138 public/css/ronyfont.css
View
0 additions, 138 deletions not shown
BIN  public/css/sea.jpg
View
Deleted file not rendered
BIN  public/images/top.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
260 public/index.html
View
@@ -1,131 +1,129 @@
<!DOCTYPE html>
<html lang="en">
- <head>
- <meta charset="utf-8" />
- <title>Nodester &middot; Open Source Node.JS PaaS</title>
- <meta name="description" content="Open Source Node.JS Platform as a Service" />
- <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
- <!--[if lt IE 9]>
- <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
- <![endif]-->
- <!-- Le styles -->
- <link href="css/font.css" rel="stylesheet" type="text/css" />
- <link href="bootstrap.css" rel="stylesheet" type="text/css" />
- <link href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css" rel="stylesheet" type="text/css" />
- <style type="text/css">
- body {
- padding-top: 60px;
- }
- </style>
- <!-- Le fav and touch icons -->
- <link rel="shortcut icon" href="images/nodester_favicon.ico" />
- <link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
- <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
- <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
- <script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
- <script src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js" type="text/javascript"></script>
- <script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
- <link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
+<head>
+ <meta charset="utf-8" />
+ <title>Nodester &middot; Open Source Node.JS PaaS</title>
+ <meta name="description" content="Open Source Node.JS Platform as a Service" />
+ <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+ <link href="bootstrap.css" rel="stylesheet" type="text/css" />
+ <link href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css" rel="stylesheet" type="text/css" />
- <script type="text/javascript">
- var _gaq = _gaq || [];
- _gaq.push(['_setAccount', 'UA-2483685-22']);
- _gaq.push(['_setDomainName', 'nodester.com']);
- _gaq.push(['_trackPageview']);
-
- (function() {
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
- })();
-
- </script>
- <style type="text/css">
- p.c2 {text-align: right}
- div.c1 {display: none}
- </style>
- </head>
- <body>
- <div class="topbar">
- <div class="fill">
- <div class="container">
- <a class="brand" href="/"><img src="images/rocket-md-right.png" width="40" /> <span>nodester</span></a>
- <ul id="actions" class="nav off">
- <li class="active"><a href="/">Home</a></li>
- <li><a href="/api">API</a></li>
- <li><a href="/help">Help</a></li>
- <li><a href="http://irc.nodester.com">IRC</a></li>
- <li><a href="http://blog.nodester.com">Blog</a></li>
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="images/nodester_favicon.ico" />
+ <link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+ <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+ <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+ <script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
+ <script src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js" type="text/javascript"></script>
+ <script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
+ <link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
- </ul>
- <p class="pull-right">
- <form action="http://admin.nodester.com/login" method="post" class="pull-right">
- <input class="input-small" type="text" placeholder="Username" name="user[user]" />
- <input class="input-small" type="password" placeholder="Password" name="user[pass]" />
- <button class="btn" type="submit">Sign in</button>
- </form>
- </p>
- </div>
- </div>
- </div>
- <div class="container">
- <div class="hero-unit">
- <h1>OpenSource Node.JS PaaS</h1>
- <br />
- <img src="images/nodesterbw_transparent.png" align="right" width="250" />
- <p>Deploy your Node.JS applications to Nodester.com for FREE or deploy your apps to
- your own private cloud instance of Nodester running in your own datacenter or on
- Amazon EC2, Rackspace, or GoGrid!
- </p>
- <br />
- <p>Nodester is an open source Node.JS Platform-as-a-Service written in Node.JS with
- a RESTful API designed to run in any cloud without a VPS! It is the first of its
- kind and 100% open sourced under the GNU Affero license on <a href="http://github.com/nodester">GitHub</a>.
- </p>
- <br />
- <p>We now support Node.JS versions 0.4.12 and 0.6.12!</p>
- <br />
- <div id="reqbutton" class="btn primary large">
- Request Registration Coupon
- </div>
- <div id="videobutton" class="btn danger large">
- Watch Video &raquo;
- </div>
- <div id="reqform" class="c1">
- <br />
- <form action="/coupon" method="post">
- <input class="input-large" type="text" name="email" id="email" placeholder="Email" />
- <button class="btn" type="submit">Send</button>
- </form>
- </div>
- <script type="text/javascript">
- $('#reqbutton').click(function() {
- $('#reqform').toggle('slow', function() {
- // Animation complete.
- });
- });
- $('#videobutton').click(function() {
- // window.location.href = 'http://www.youtube.com/watch?v=jwsP1Ejv-_w';
- $.fancybox({
- 'padding' : 0,
- 'autoScale' : false,
- 'transitionIn' : 'elastic',
- 'transitionOut' : 'none',
- 'title' : this.title,
- 'width' : 680,
- 'height' : 495,
- 'href' : 'http://www.youtube.com/watch?v=jwsP1Ejv-_w&hd=1&feature=player_embedded#at=41'.replace(new RegExp("watch\\?v=", "i"), 'v/'),
- 'type' : 'swf',
- 'swf' : {
- 'wmode' : 'transparent',
- 'allowfullscreen' : 'true'
- }
- });
- });
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-2483685-22']);
+ _gaq.push(['_setDomainName', 'nodester.com']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+ <style type="text/css">
+ p.c2 {text-align: right; font-size:13px;}
+ div.c1 {display: none}
+ </style>
+</head>
+<body>
+<div class="topbar">
+ <div class="fill">
+ <div class="container">
+ <a class="brand" href="/"><img src="images/rocket-md-right.png" width="40" /> <span>nodester</span></a>
+ <ul id="actions" class="nav off">
+ <li class="active"><a href="/">Home</a></li>
+ <li><a href="/api">API</a></li>
+ <li><a href="/help">Help</a></li>
+ <li><a href="http://irc.nodester.com">IRC</a></li>
+ <li><a href="http://blog.nodester.com">Blog</a></li>
+ </ul>
+ <p class="pull-right">
+ <form action="http://admin.nodester.com/login" method="post" class="pull-right">
+ <input class="input-small" type="text" placeholder="Username" name="user[user]" />
+ <input class="input-small" type="password" placeholder="Password" name="user[pass]" />
+ <button class="btn" type="submit">Sign in</button>
+ </form>
+ </p>
+ </div>
+ </div>
+</div>
- </script>
- <p class="c2">Nodester hosting sponsored by <a href="http://tropo.com">Tropo</a></p>
- </div>
+<div class="container">
+ <div class="hero-unit">
+ <h1>OpenSource Node.JS PaaS</h1>
+ <br />
+ <img src="images/nodesterbw_transparent.png" align="right" width="250" />
+ <p>
+ Deploy your Node.JS applications to Nodester.com for FREE or deploy your apps to
+ your own private cloud instance of Nodester running in your own datacenter or on
+ Amazon EC2, Rackspace, or GoGrid!
+ </p>
+ <br />
+ <p>
+ Nodester is an open source Node.JS Platform-as-a-Service written in Node.JS with
+ a RESTful API designed to run in any cloud without a VPS! It is the first of its
+ kind and 100% open sourced under the GNU Affero license on <a href="http://github.com/nodester">GitHub</a>.
+ </p>
+ <br />
+ <p>We now support Node.JS versions 0.4.12 and <strong>0.6.12!</strong></p>
+ <br />
+ <div id="reqbutton" class="btn primary large">
+ Request Registration Coupon
+ </div>
+ <div id="videobutton" class="btn danger large">
+ Watch Video &raquo;
+ </div>
+ <div id="reqform" class="c1">
+ <br />
+ <form action="/coupon" method="post">
+ <input class="input-large" type="text" name="email" id="email" placeholder="Email" />
+ <button class="btn" type="submit">Send</button>
+ </form>
+ </div>
+ <script type="text/javascript">
+ $('#reqbutton').click(function() {
+ $('#reqform').toggle('slow', function() {
+ // Animation complete.
+ });
+ });
+ $('#videobutton').click(function() {
+ // window.location.href = 'http://www.youtube.com/watch?v=jwsP1Ejv-_w';
+ $.fancybox({
+ 'padding' : 0,
+ 'autoScale' : false,
+ 'transitionIn' : 'elastic',
+ 'transitionOut' : 'none',
+ 'title' : this.title,
+ 'width' : 680,
+ 'height' : 495,
+ 'href' : 'http://www.youtube.com/watch?v=jwsP1Ejv-_w&hd=1&feature=player_embedded#at=41'.replace(new RegExp("watch\\?v=", "i"), 'v/'),
+ 'type' : 'swf',
+ 'swf' : {
+ 'wmode' : 'transparent',
+ 'allowfullscreen' : 'true'
+ }
+ });
+ });
+ </script>
+ <p class="c2">
+ Nodester hosting sponsored by
+ <a href="http://tropo.com"><img src="https://www.tropo.com/images/top/tropo-logo-new-wide.png" width="100"></a>
+ </p>
+ </div>
+ <!-- BLOCKS -->
<div class="row">
<div class="span-one-third">
<h2><img src="images/rocket-md-right.png" width="30" /> Systems Check</h2>
@@ -153,18 +151,25 @@
<pre class="prettyprint">nodester app create &lt;appname&gt;<br />nodester app init &lt;appname&gt;<br /><br /></pre>
</div>
</div>
+ <div class="row">
+ <div class="hackcont">
+ <p><strong> Share the love </strong></p>
+ <a href="https://twitter.com/share" class="twitter-share-button" data-via="nodester" data-size="small" data-related="nodester" data-hashtags="nodester">Tweet</a>
+ <iframe class="second" src="http://markdotto.github.com/github-buttons/github-btn.html?user=markdotto&repo=github-buttons&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe>
+ </div>
+ </div>
<!-- /container -->
<footer class="footer">
<div class="container">
<p>
- <a href="/help">help</a> &middot;
- <a href="/about">about us</a> &middot;
+ <a href="/help" title="need help?">help</a> &middot;
+ <a href="/about" title="About us info">about us</a> &middot;
&#169; 2011 - <script type="text/javascript">
var theDate=new Date()
document.write(theDate.getFullYear())
</script> Nodester, inc. &middot;
- <a href="//twitter.com/nodester">twitter</a> &middot;
- <a href="//github.com/nodester">github</a>
+ <a href="/api" title="Read the API docs">api</a> &middot;
+ <a href="//admin.nodester.com" title="Go to the admin dashboard">admin</a> &middot;
</p>
</div>
</footer>
@@ -180,6 +185,7 @@
ul.fadeOut(300);
})
});
+ !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script>
</body>
</html>
Please sign in to comment.
Something went wrong with that request. Please try again.