Skip to content

Commit

Permalink
Merge pull request #406 from skierkowski/master
Browse files Browse the repository at this point in the history
Branding website updates
  • Loading branch information
chrismatthieu committed Aug 29, 2012
2 parents f7cfa3c + c27a518 commit 1a96716
Show file tree
Hide file tree
Showing 8 changed files with 233 additions and 106 deletions.
10 changes: 9 additions & 1 deletion public/about.html
Expand Up @@ -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>
Expand Down
10 changes: 9 additions & 1 deletion public/api.html
Expand Up @@ -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>
Expand Down
4 changes: 2 additions & 2 deletions public/bootstrap.css
Expand Up @@ -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";
Expand Down Expand Up @@ -2576,7 +2576,7 @@ font-size: 17px;
#contrib {
list-style:none;
}
li {display:inline;}
li {display:block;}
.hackers{
padding-top:30px;
padding-bottom:30px;
Expand Down
156 changes: 156 additions & 0 deletions 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>
29 changes: 20 additions & 9 deletions public/help.html
Expand Up @@ -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>
Expand All @@ -82,9 +90,10 @@ <h1>Welcome Nodesters!</h1>
<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>

Expand All @@ -100,10 +109,12 @@ <h1>Welcome Nodesters!</h1>
<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>

Expand All @@ -117,7 +128,7 @@ <h2><img src="images/rocket-md-right.png" width="30" /> Requesting a Coupon Code
<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>
Expand All @@ -139,16 +150,16 @@ <h2><img src="images/rocket-md-right.png" width="30" /> Registering with a Coupo
<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 />
Expand Down
Binary file added 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.
Binary file added 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.

0 comments on commit 1a96716

Please sign in to comment.