Skip to content
Browse files

Merge pull request #406 from skierkowski/master

Branding website updates
  • Loading branch information...
2 parents f7cfa3c + c27a518 commit 1a96716510d0872a3616cca0d6b72884ed63bcf9 @chrismatthieu chrismatthieu committed Aug 28, 2012
View
10 public/about.html
@@ -40,7 +40,15 @@
<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>
+ <a class="brand" href="/">
+ <div style="float:left; clear:none;padding:0px;margin:0px;">
+ <img src="images/rocket-md-right.png" width="40" />
+ </div>
+ <div style="float:left; clear:none;">
+ <span>nodester</span>
+ <div style="font-size:12px; color:#0064CD">Powered by AppFog</div>
+ </div>
+ </a>
<ul id="actions" class="nav off">
<li><a href="/">Home</a></li>
<li><a href="/api">API</a></li>
View
10 public/api.html
@@ -63,7 +63,15 @@
<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>
+ <a class="brand" href="/">
+ <div style="float:left; clear:none;padding:0px;margin:0px;">
+ <img src="images/rocket-md-right.png" width="40" />
+ </div>
+ <div style="float:left; clear:none;">
+ <span>nodester</span>
+ <div style="font-size:12px; color:#0064CD">Powered by AppFog</div>
+ </div>
+ </a>
<ul id="actions" class="nav off">
<li ><a href="/">Home</a></li>
<li class="active"><a href="/api">API</a></li>
View
4 public/bootstrap.css
@@ -2490,7 +2490,7 @@ h1 {
text-shadow: 0 1px 0 #ffffff;
display: block;
margin: 0;
- padding: 0 30px 0 0;
+
}
.brand{
font-family: "Open Sans Condensed";
@@ -2576,7 +2576,7 @@ font-size: 17px;
#contrib {
list-style:none;
}
-li {display:inline;}
+li {display:block;}
.hackers{
padding-top:30px;
padding-bottom:30px;
View
156 public/developer.html
@@ -0,0 +1,156 @@
+
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <title>Nodester -> 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="bootstrap.css" rel="stylesheet">
+ <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"></script>
+
+ <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>
+
+ </head>
+
+ <body>
+
+ <div class="topbar">
+ <div class="fill">
+ <div class="container">
+ <a class="brand" href="/">
+ <div style="float:left; clear:none;padding:0px;margin:0px;">
+ <img src="images/rocket-md-right.png" width="40" />
+ </div>
+ <div style="float:left; clear:none;">
+ <span>nodester</span>
+ <div style="font-size:12px; color:#0064CD">Powered by AppFog</div>
+ </div>
+ </a>
+ <ul class="nav">
+ <li><a href="/">Home</a></li>
+ <li><a href="/api.html">Docs</a></li>
+ <li><a href="http://nodester.tumblr.com">Blog</a></li>
+ <li><a href="http://irc.nodester.com">IRC</a></li>
+ </ul>
+ <p class="pull-right"><a class="btn primary large" href="developer.html">Signin &raquo;</a></p>
+ </div>
+ </div>
+ </div>
+
+ <div class="container">
+ <div class="span16"><br/>
+ <h1>Welcome Nodesters!</h1>
+ <p>Nodester is a free and open source Node.JS hosting PaaS. Our Web Admin Panel is coming soon. Until then, here are a few tricks to get you started.</p>
+ <p>
+ <iframe width="853" height="480" src="http://www.youtube.com/embed/1OdmF26_vmc" frameborder="0" allowfullscreen></iframe>
+ </p>
+ <br/>
+ <h2><img src="/images/rocket-md-right.png" width="30"> Requesting a Coupon Code to Register</h2>
+ <p>curl -X POST -d "email=your_address@gmail.com" http://nodester.com/coupon<br/><br/>
+ <div id="reqbutton" class="btn">OR CHEAT</div>
+ <div id="reqform" style="display: none"><br/>
+ <form action="/coupon" method="post" class="form-stacked">
+ <p><label for="email">Email Adderss:</label>
+ <input type="text" name="email" id="email" value="" /><input type="submit" name="send" class="formbutton" value="Send" />
+ </form>
+ </div>
+ <br/><br/>
+ </p>
+ <br/>
+ <h2><img src="/images/rocket-md-right.png" width="30"> Registering with Coupon Code</h2>
+ <p>
+ curl -X POST -d "coupon=mycoupon&user=testuser&password=123&email=chris@nodester.com&rsakey=ssh-rsa AAAAB3NzaC1yc..." http://nodester.com/user<br><br/>
+ <div id="regbutton" class="btn">OR CHEAT</div>
+ <div id="regform" style="display: none"><br/>
+ <form action="/user" method="post" class="form-stacked">
+ <p><label for="name">Coupon:</label>
+ <input type="password" name="coupon" id="coupon" value="" /><br />
+ <label for="name">Username:</label>
+ <input type="text" name="user" id="user" value="" /><br />
+ <label for="name">Password:</label>
+ <input type="password" name="password" id="password" value="" /> (only alphanumeric allowed)<br />
+ <span id="passwordError" style="display:none"><span style="color:red">Password is limited to alphanumerics - no symbols allowed.</span><br/></span>
+ <label for="email">Email:</label>
+ <input type="text" name="email" id="email" value="" /><br />
+ <label for="rsakey">Public RSA Key:</label>
+ <textarea cols="60" rows="8" name="rsakey" id="rsakey">
+Copy & Paste RSA key from command line:
+
+cat ~/.ssh/id_rsa.pub | pbcopy</textarea><br />
+ <input type="submit" name="send" class="formbutton" value="Send" />
+ </form>
+ </div>
+ <br/><br/>
+ </p>
+ <p>
+ npm install nodester-cli -g <br/>
+ nodester user setup &lt;username&gt; &lt;password&gt; <br/>
+ <!-- nodester user setkey -->
+ </p><br/>
+
+ <h2><img src="/images/rocket-md-right.png" width="30"> Launch Your Node.JS Application!</h2>
+ <p>You are ready to deploy your test Hello World app with 2 commands.</p>
+ <p>
+ nodester app create &lt;appname&gt;<br/>
+ nodester app init &lt;appname&gt; <br/>
+ http://&lt;appname&gt;.nodester.com
+ </p>
+ </div>
+
+ <script>
+ $('#reqbutton').click(function() {
+ $('#reqform').toggle('slow', function() {
+ // Animation complete.
+ });
+ });
+ $('#regbutton').click(function() {
+ $('#regform').toggle('slow', function() {
+ // Animation complete.
+ });
+ });
+ </script>
+
+ <footer>
+ <p>&copy;
+ <script type="text/javascript">
+ var theDate=new Date()
+ document.write(theDate.getFullYear())
+ </script>
+ Nodester, inc. | <a href="/about.html">about us</a> | <a href="http://twitter.com/nodester">twitter</a> | <a href="http://github.com/nodester">github</a></p>
+ </footer>
+
+ </div> <!-- /container -->
+
+ </body>
+</html>
View
29 public/help.html
@@ -56,7 +56,15 @@
<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>
+ <a class="brand" href="/">
+ <div style="float:left; clear:none;padding:0px;margin:0px;">
+ <img src="images/rocket-md-right.png" width="40" />
+ </div>
+ <div style="float:left; clear:none;">
+ <span>nodester</span>
+ <div style="font-size:12px; color:#0064CD">Powered by AppFog</div>
+ </div>
+ </a>
<ul id="actions" class="nav off">
<li class=""><a href="/">Home</a></li>
<li><a href="/api">API</a></li>
@@ -82,9 +90,10 @@
<p>There are many avenues to get help with hosting or deploying your node.js applications to Nodester. Here is what we recommend: </p>
<p>
<ul>
- <li><b>IRC Chat</b> - http://freenode.net#nodester <b>-OR-</b> <a href="http://irc.nodester.com">http://irc.nodester.com</a></li>
+ <li><b>IRC Chat</b> - <a href="http://freenode.net#nodester">http://freenode.net#nodester</a> <b>-OR-</b> <a href="http://irc.nodester.com">http://irc.nodester.com</a></li>
<li><b>Google Groups</b> - <a href="http://groups.google.com/group/nodester">http://groups.google.com/group/nodester</a></li>
<li><b>GitHub Issues</b> - <a href="https://github.com/nodester/nodester/issues">https://github.com/nodester/nodester/issues</a></li>
+ <li><b>Support</b> - <a href="mailto:support@appfog.com">support@appfog.com</a> <b>-OR-</b> <a href="https://support.appfog.com/home">https://support.appfog.com/</a></li>
</ul>
</p>
@@ -100,10 +109,12 @@
<div class="active tab-pane" id="help">
<br />
- <h2><img src="images/rocket-md-right.png" width="30" /> Requesting a Coupon Code to Register</h2>
+ <h2><img src="images/rocket-md-right.png" width="30" /> Registering for AppFog</h2>
<p>
- <pre class="prettyprint">curl -X POST -d "email=your_address@gmail.com" http://nodester.com/coupon</pre>
- <div id="reqbutton" class="btn">OR CHEAT</div>
+ <p>To use Nodester you have to sign-up for an AppFog account.</p>
+ <a href="https://console.appfog.com/signup" class="btn primary large">
+ Register for AppFog
+ </a>
<a name="register"></a>
@@ -117,7 +128,7 @@
<br /><br />
</p>
<br />
- <h2><img src="images/rocket-md-right.png" width="30" /> Registering with a Coupon Code</h2>
+ <h2><img src="images/rocket-md-right.png" width="30" /> Registering for Original Nodester Service with a Coupon Code</h2>
<p>
<pre class="prettyprint">curl -X POST -d "coupon=mycoupon&user=testuser&password=123&email=chris@nodester.com&rsakey=ssh-rsa AAAA..." http://nodester.com/user</pre>
<p><span class="label important">Important</span>
@@ -139,16 +150,16 @@
<br /><br />
</p>
<br />
- <h2><img src="images/rocket-md-right.png" width="30" /> Getting Started</h2>
+ <h2><img src="images/rocket-md-right.png" width="30" /> Getting Started with Original Nodester</h2>
<p>Install Git - <a href="http://git-scm.com/download">http://git-scm.com/download</a></p>
<p>Install the Nodester CLI and give it your credentials before blasting off</p>
<pre class="prettyprint">npm install nodester-cli -g <br />nodester user setup &lt;username&gt; &lt;password&gt; <br />nodester user setkey</pre>
<br />
- <h2><img src="images/rocket-md-right.png" width="30" /> Create & Launch Your Node.JS Application!</h2>
+ <h2><img src="images/rocket-md-right.png" width="30" /> Create & Launch Your Node.JS Application on Original Nodester!</h2>
<p>You are ready to deploy your test Hello World app with 2 commands.</p>
<pre class="prettyprint">nodester app create &lt;appname&gt;<br />nodester app init &lt;appname&gt; <br />http://&lt;appname&gt;.nodester.com</pre>
<br />
- <h2><img src="images/rocket-md-right.png" width="30" /> Updating Your Node.JS Application!</h2>
+ <h2><img src="images/rocket-md-right.png" width="30" /> Updating Your Node.JS Application on Original Nodester!</h2>
<p>Now that your Node.JS application is running, you can make changes to server.js and push your updates to Nodester. Note: Git push also restarts your application.</p>
<pre class="prettyprint">cd ./&lt;appname&gt;<br />git push origin master<br />http://&lt;appname&gt;.nodester.com</pre>
<br />
View
BIN public/images/nodester_appfog_bw.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN public/images/nodester_appfog_orbit_2.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
130 public/index.html
@@ -42,7 +42,16 @@
<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>
+ <a class="brand" href="/">
+ <div style="float:left; clear:none;padding:0px;margin:0px;">
+ <img src="images/rocket-md-right.png" width="40" />
+ </div>
+ <div style="float:left; clear:none;">
+ <span>nodester</span>
+ <div style="font-size:12px; color:#0064CD">Powered by AppFog</div>
+ </div>
+ </a>
+
<ul id="actions" class="nav off">
<li class="active"><a href="/">Home</a></li>
<li><a href="/api">API</a></li>
@@ -63,101 +72,36 @@
<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, 0.6.12, 0.6.17, and <strong>0.8.1!</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 style="clear:both; overflow:hidden;">
+ <div style="width:580px; clear:none; float:left;">
+ <h1>OpenSource Node.JS PaaS</h1>
+ <div class="well"><h2>Nodester Joined AppFog - <a href="http://blog.appfog.com/appfog-acquires-nodester-shares-love-for-node-devs">Learn more</a></h2></div>
+ <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, HP Cloud or Azure! </p>
+ <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 on <a href="http://github.com/nodester">GitHub</a>.</p>
+ <br />
+ <p>We now support Node.JS versions 0.4.12, 0.6.12, and 0.6.17</p>
+ <a href="https://console.appfog.com/signup?utm_source=nodester&utm_medium=website&utm_campaign=nodester" class="btn primary large">
+ <font size="4">Run Your Node.js Apps Now »</font>
+ </a>
+ <p><font size="2">Or check out the <a href="http://github.com/nodester">Nodester source code</a>.</font></p>
+ </div>
+ <div style="width:200px; clear:none; float:right;">
+ <img src="images/nodester_appfog_orbit_2.png" align="right" width="250" />
+ <p class="c2" style="clear:both; float:right;">
+ 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>
</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>
- <p>Request your free Nodester Node.JS hosting coupon</p>
- </div>
- <div class="span-one-third">
- <h2><img src="images/rocket-md-right.png" width="30" /> All Systems Go</h2>
- <p>You have received your coupon and you're ready to install our Command Line
- Interface
- </p>
- </div>
- <div class="span-one-third">
- <h2><img src="images/rocket-md-right.png" width="30" /> 3-2-1 Launch!</h2>
- <p>You're ready to deploy your Hello World app!</p>
- </div>
- </div>
- <div class="row">
- <div class="span-one-third">
- <pre class="prettyprint">curl -X POST -d "email=you@gmail.com" http://nodester.com/coupon<br /><br/></pre>
- </div>
- <div class="span-one-third">
- <pre class="prettyprint">npm install nodester-cli -g<br />nodester user setup &lt;user&gt; &lt;pass&gt;<br />nodester user setkey</pre>
- </div>
- <div class="span-one-third">
- <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 src="http://ghbtns.com/github-btn.html?user=nodester&repo=nodester&type=watch&count=true"
- allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe>
- </div>
+ <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 src="http://ghbtns.com/github-btn.html?user=nodester&repo=nodester&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe>
+ </div>
</div>
<!-- /container -->
<footer class="footer">
@@ -184,4 +128,4 @@
!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>|
+</html>

0 comments on commit 1a96716

Please sign in to comment.
Something went wrong with that request. Please try again.