Permalink
Browse files

Overhaul ( still depless )

  • Loading branch information...
1 parent cad78db commit 6a46ae2aa55279292e45ce11bc47d4fa1f9bdefd @jdpaton jdpaton committed Oct 12, 2012
Showing with 14,305 additions and 29 deletions.
  1. +1 −1 README.md
  2. +0 −23 app.js
  3. +8 −0 humans.txt
  4. BIN images/foundation/orbit/bullets.jpg
  5. BIN images/foundation/orbit/left-arrow-small.png
  6. BIN images/foundation/orbit/left-arrow.png
  7. BIN images/foundation/orbit/loading.gif
  8. BIN images/foundation/orbit/mask-black.png
  9. BIN images/foundation/orbit/pause-black.png
  10. BIN images/foundation/orbit/right-arrow-small.png
  11. BIN images/foundation/orbit/right-arrow.png
  12. BIN images/foundation/orbit/rotator-black.png
  13. BIN images/foundation/orbit/timer-black.png
  14. +195 −0 index.html
  15. +54 −0 javascripts/app.js
  16. +71 −0 javascripts/foundation.min.js
  17. +17 −0 javascripts/jquery.foundation.accordion.js
  18. +20 −0 javascripts/jquery.foundation.alerts.js
  19. +55 −0 javascripts/jquery.foundation.buttons.js
  20. +488 −0 javascripts/jquery.foundation.forms.js
  21. +27 −0 javascripts/jquery.foundation.mediaQueryToggle.js
  22. +31 −0 javascripts/jquery.foundation.navigation.js
  23. +841 −0 javascripts/jquery.foundation.orbit.js
  24. +794 −0 javascripts/jquery.foundation.reveal.js
  25. +43 −0 javascripts/jquery.foundation.tabs.js
  26. +189 −0 javascripts/jquery.foundation.tooltips.js
  27. +142 −0 javascripts/jquery.foundation.topbar.js
  28. +9,301 −0 javascripts/jquery.js
  29. +157 −0 javascripts/jquery.placeholder.js
  30. +4 −0 javascripts/modernizr.foundation.js
  31. +36 −0 lib/keyprocessor.js
  32. +622 −0 lib/mustache.js
  33. +35 −0 lib/sysinfo.js
  34. +4 −0 robots.txt
  35. +66 −0 server.js
  36. +1 −5 stackato.yml
  37. +29 −0 stylesheets/app.css
  38. +1,073 −0 stylesheets/foundation.css
  39. +1 −0 stylesheets/foundation.min.css
View
@@ -4,7 +4,7 @@ A simple demo that prints the server's environment variables.
## Local development
- node app.js
+ node server.js
## Deploying to Stackato
View
@@ -1,23 +0,0 @@
-var http = require('http');
-
-var host = process.env.VCAP_APP_HOST || "127.0.0.1";
-var port = process.env.VCAP_APP_PORT || 1337;
-
-http.createServer(function (req, res) {
- res.writeHead(200, {'Content-Type': 'text/html'});
- res.write('<title>Stackato environment variables</title>');
- res.write('<h1>Stackato environment variables</h1><hr/>');
- res.write('<table>');
- for (var env in process.env){
- res.write('<tr><td style="border-style: solid;\
- border-color: #034569;background-color: #9FB6C3;\
- text-align: right; vertical-align: top; padding: 4px 1em; "><b>'
- + env + '</b></td>');
- res.write('<td><tt style="padding-left: 4px">'
- + process.env[env] + '</tt></td></tr>');
- }
- res.write('</table>');
- res.end();
-}).listen(port, host);
-
-console.log('Server running at ' + host + ":" + port);
View
@@ -0,0 +1,8 @@
+/* Foundation was made by ZURB, an interaction design and design strategy firm in Campbell, CA */
+/* zurb.com */
+/* humanstxt.org */
+
+/* SITE */
+ Standards: HTML5, CSS3
+ Components: jQuery, Orbit, Reveal
+ Software: Coda, Textmate, Git
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -0,0 +1,195 @@
+<!DOCTYPE html>
+
+<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+<head>
+ <meta charset="utf-8" />
+
+ <!-- Set the viewport width to device width for mobile -->
+ <meta name="viewport" content="width=device-width" />
+
+ <title>Stackato Environment Variables</title>
+
+ <!-- Included CSS Files (Uncompressed) -->
+ <!--
+ <link rel="stylesheet" href="stylesheets/foundation.css">
+ -->
+
+ <!-- Included CSS Files (Compressed) -->
+ <link rel="stylesheet" href="stylesheets/foundation.min.css">
+ <link rel="stylesheet" href="stylesheets/app.css">
+
+ <script src="javascripts/modernizr.foundation.js"></script>
+
+ <!-- IE Fix for HTML5 Tags -->
+ <!--[if lt IE 9]>
+ <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <style>
+ p { word-break: break-all; }
+ .keyheader { border-bottom: 4px solid #238bde;}
+ body{
+
+ }
+
+ </style>
+
+</head>
+<body>
+
+<!-- Header and Nav -->
+
+ <nav class="top-bar">
+ <ul>
+ <!-- Title Area -->
+ <li class="name">
+ <h1>
+ <a href="#" >
+ <span style="color: #c5e5ef">[ Stackato ]</span> Environment variables
+ </a>
+ </h1>
+ </li>
+ <li class="toggle-nav"><a href="#system-info">System Information</a></li>
+ </ul>
+
+ </nav>
+
+
+ <!-- End Header and Nav -->
+
+ <!-- Main Grid Section -->
+
+
+ <div class="row display">
+ <div class="three columns keyheader panel"><h5>Key</h5></div>
+ <div class="eight columns offset-by-one keyheader panel"><h5>Value </h5></div>
+ </div>
+
+ <br/>
+
+ {{#env}}
+ <div class="row display">
+ <div class="three columns" > <p><b>{{key}}</b></p></div>
+ <div class="eight columns offset-by-one" style="border-left: 2px solid #ccc"><p class="values"> {{{value}}} </p></div>
+ </div>
+ <br/>
+ {{/env}}
+
+ <div class="row display"><a name="system-info"></a>
+ <div class="ten columns" > <h4>System Information</h4></div>
+ <div class="two columns" > <a href="#top"> back to top </a></div>
+ </div>
+
+ {{#sys}}
+ <div class="row display">
+ <div class="three columns" > <p><b>{{0}}</b></p></div>
+ <div class="eight columns offset-by-one" style="border-left: 2px solid #ccc"><p class="values"> {{{1}}} </p></div>
+
+ </div>
+ {{/sys}}
+
+ <!-- End Grid Section -->
+
+ <!-- Footer -->
+
+ <footer class="row">
+ <div class="twelve columns">
+ <hr />
+ <div class="row">
+ <div class="six columns">
+ <p>ActiveState Software Inc.</p>
+ </div>
+ <div class="six columns">
+ <ul class="link-list right">
+ <li><a href="http://stackato.com">Stackato</a></li>
+ <li><a href="https://github.com/Stackato-Apps/node-env">Github</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </footer>
+
+ <!-- Included JS Files (Uncompressed) -->
+ <!--
+
+ <script src="javascripts/jquery.js"></script>
+
+ <script src="javascripts/jquery.foundation.mediaQueryToggle.js"></script>
+
+ <script src="javascripts/jquery.foundation.forms.js"></script>
+
+ <script src="javascripts/jquery.foundation.reveal.js"></script>
+
+ <script src="javascripts/jquery.foundation.orbit.js"></script>
+
+ <script src="javascripts/jquery.foundation.navigation.js"></script>
+
+ <script src="javascripts/jquery.foundation.buttons.js"></script>
+
+ <script src="javascripts/jquery.foundation.tabs.js"></script>
+
+ <script src="javascripts/jquery.foundation.tooltips.js"></script>
+
+ <script src="javascripts/jquery.foundation.accordion.js"></script>
+
+ <script src="javascripts/jquery.placeholder.js"></script>
+
+ <script src="javascripts/jquery.foundation.alerts.js"></script>
+
+ <script src="javascripts/jquery.foundation.topbar.js"></script>
+
+ -->
+
+ <!-- Included JS Files (Compressed) -->
+ <script src="javascripts/jquery.js"></script>
+
+ <script src="javascripts/foundation.min.js"></script>
+
+ <!-- Initialize JS Plugins -->
+ <script src="javascripts/app.js"></script>
+
+ <script>
+
+// http://www.binpress.com/app/anchorscroll/228
+(function($){
+ $.fn.anchorscroll = function(param) {
+ // Params
+ var defaults = {
+ speed: 1500,
+ easing: 'swing',
+ before: 10
+ };
+ var param = $.extend(defaults, param);
+
+
+ // Engine
+ return this.each(function() {
+ $(this).click(function() {
+ if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
+ && location.hostname == this.hostname) {
+ var $target = $(this.hash);
+ $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
+ if ($target.length) {
+ var targetOffset = $target.offset().top;
+ $('html,body').animate({
+ scrollTop: targetOffset - param.before
+ }, param.speed, param.easing);
+ return false;
+ }
+ }
+ });
+ });
+ };
+})(jQuery);
+
+$(function(){
+ $("a[href*=#]").anchorscroll() //this is basic setup
+});
+ </script>
+
+</body>
+</html>
View
@@ -0,0 +1,54 @@
+;(function ($, window, undefined) {
+ 'use strict';
+
+ var $doc = $(document),
+ Modernizr = window.Modernizr;
+
+
+ $.fn.foundationAlerts ? $doc.foundationAlerts() : null;
+ $.fn.foundationAccordion ? $doc.foundationAccordion() : null;
+ $.fn.foundationTooltips ? $doc.foundationTooltips() : null;
+ $('input, textarea').placeholder();
+
+
+ $.fn.foundationButtons ? $doc.foundationButtons() : null;
+
+
+ $.fn.foundationNavigation ? $doc.foundationNavigation() : null;
+
+
+ $.fn.foundationTopBar ? $doc.foundationTopBar() : null;
+
+ $.fn.foundationCustomForms ? $doc.foundationCustomForms() : null;
+ $.fn.foundationMediaQueryViewer ? $doc.foundationMediaQueryViewer() : null;
+
+
+ $.fn.foundationTabs ? $doc.foundationTabs() : null;
+
+
+
+ $("#featured").orbit();
+
+
+
+
+
+
+ // UNCOMMENT THE LINE YOU WANT BELOW IF YOU WANT IE8 SUPPORT AND ARE USING .block-grids
+ // $('.block-grid.two-up>li:nth-child(2n+1)').css({clear: 'both'});
+ // $('.block-grid.three-up>li:nth-child(3n+1)').css({clear: 'both'});
+ // $('.block-grid.four-up>li:nth-child(4n+1)').css({clear: 'both'});
+ // $('.block-grid.five-up>li:nth-child(5n+1)').css({clear: 'both'});
+
+ // Hide address bar on mobile devices
+ if (Modernizr.touch) {
+ $(window).load(function () {
+ setTimeout(function () {
+ window.scrollTo(0, 1);
+ }, 0);
+ });
+ }
+
+})(jQuery, this);
+
+
Oops, something went wrong.
@@ -0,0 +1,17 @@
+;(function ($, window, undefined){
+ 'use strict';
+
+ $.fn.foundationAccordion = function (options) {
+
+ $('.accordion li', this).on('click.fndtn', function () {
+ var p = $(this).parent(); //changed this
+ var flyout = $(this).children('.content').first();
+ $('.content', p).not(flyout).hide().parent('li').removeClass('active'); //changed this
+ flyout.show(0, function () {
+ flyout.parent('li').addClass('active');
+ });
+ });
+
+ };
+
+})( jQuery, this );
@@ -0,0 +1,20 @@
+;(function ($, window, undefined) {
+ 'use strict';
+
+ $.fn.foundationAlerts = function (options) {
+ var settings = $.extend({
+ callback: $.noop
+ }, options);
+
+ $(document).on("click", ".alert-box a.close", function (e) {
+ e.preventDefault();
+ $(this).closest(".alert-box").fadeOut(function () {
+ $(this).remove();
+ // Do something else after the alert closes
+ settings.callback();
+ });
+ });
+
+ };
+
+})(jQuery, this);
@@ -0,0 +1,55 @@
+;(function ($, window, undefined) {
+ 'use strict';
+
+ $.fn.foundationButtons = function(options) {
+ var $doc = $(document);
+ // Prevent event propagation on disabled buttons
+ $doc.on('click.fndtn', '.button.disabled', function (e) {
+ e.preventDefault();
+ });
+
+ $('.button.dropdown > ul', this).addClass('no-hover');
+
+ $doc.on('click.fndtn', '.button.dropdown, .button.dropdown.split span', function (e) {
+ // Stops further propagation of the event up the DOM tree when clicked on the button.
+ // Events fired by its descendants are not being blocked.
+ $('.button.dropdown').children('ul').removeClass('show-dropdown');
+ if (e.target === this) {
+ e.stopPropagation();
+ }
+ });
+
+ $doc.on('click.fndtn', '.button.dropdown.split span', function (e) {
+ e.preventDefault();
+ $('.button.dropdown', this).not($(this).parent()).children('ul').removeClass('show-dropdown');
+ $(this).siblings('ul').toggleClass('show-dropdown');
+ });
+
+ $doc.on('click.fndtn', '.button.dropdown:not(.split)', function (e) {
+ $('.button.dropdown', this).not(this).children('ul').removeClass('show-dropdown');
+ $(this).children('ul').toggleClass('show-dropdown');
+ });
+
+ $doc.on('click.fndtn', 'body, html', function () {
+ $('.button.dropdown ul').removeClass('show-dropdown');
+ });
+
+ // Positioning the Flyout List
+ var normalButtonHeight = $('.button.dropdown:not(.large):not(.small):not(.tiny)', this).outerHeight() - 1,
+ largeButtonHeight = $('.button.large.dropdown', this).outerHeight() - 1,
+ smallButtonHeight = $('.button.small.dropdown', this).outerHeight() - 1,
+ tinyButtonHeight = $('.button.tiny.dropdown', this).outerHeight() - 1;
+
+ $('.button.dropdown:not(.large):not(.small):not(.tiny) > ul', this).css('top', normalButtonHeight);
+ $('.button.dropdown.large > ul', this).css('top', largeButtonHeight);
+ $('.button.dropdown.small > ul', this).css('top', smallButtonHeight);
+ $('.button.dropdown.tiny > ul', this).css('top', tinyButtonHeight);
+
+ $('.button.dropdown.up:not(.large):not(.small):not(.tiny) > ul', this).css('top', 'auto').css('bottom', normalButtonHeight - 2);
+ $('.button.dropdown.up.large > ul', this).css('top', 'auto').css('bottom', largeButtonHeight - 2);
+ $('.button.dropdown.up.small > ul', this).css('top', 'auto').css('bottom', smallButtonHeight - 2);
+ $('.button.dropdown.up.tiny > ul', this).css('top', 'auto').css('bottom', tinyButtonHeight - 2);
+
+ };
+
+})( jQuery, this );
Oops, something went wrong.

0 comments on commit 6a46ae2

Please sign in to comment.