Permalink
Browse files

Initial import

Signed-off-by: Wenwei Cai <stanley.w.cai@gmail.com>
  • Loading branch information...
swcai committed Mar 7, 2013
0 parents commit ca46f0fce3459ffeb0bc1e7d40ed4a86d1b4320c
@@ -0,0 +1 @@
+node_modules
@@ -0,0 +1 @@
+web: serveup ./public
No changes.
@@ -0,0 +1,10 @@
+require('lib/setup')
+
+Spine = require('spine')
+{Stage} = require('spine.mobile')
+
+class App extends Stage.Global
+ constructor: ->
+ super
+
+module.exports = App
@@ -0,0 +1,12 @@
+require('json2ify')
+require('es5-shimify')
+require('jqueryify')
+require('gfx')
+
+require('spine')
+require('spine/lib/local')
+require('spine/lib/ajax')
+require('spine/lib/manager')
+require('spine/lib/route')
+
+require('spine.mobile')
No changes.
No changes.
@@ -0,0 +1,48 @@
+@import './mixin'
+
+body, html
+ height: 100%
+
+.viewport
+ position: relative
+
+ > *
+ position: absolute
+ left: 0
+ right: 0
+ top: 0
+ bottom: 0
+
+ &:not(.active)
+ display: none
+
+body.stage
+ > header
+ position: absolute
+ left: 0
+ top: 0
+ right: 0
+
+ > article
+ position: absolute
+ left: 0
+ right: 0
+ top: 0
+ bottom: 0
+
+ > footer
+ position: absolute
+ left: 0
+ bottom: 0
+ right: 0
+
+.panel
+ vbox()
+
+ > article
+ box-flex(1)
+
+ overflow: auto
+ -webkit-overflow-scrolling: touch
+
+@import './theme'
@@ -0,0 +1,89 @@
+border-radius()
+ -moz-border-radius: arguments
+ -webkit-border-radius: arguments
+ border-radius: arguments
+
+/* Vertical Background Gradient */
+vbg-gradient(fc = #FFF, tc = #FFF)
+ background: fc
+ background: -webkit-gradient(linear, left top, left bottom, from(fc), to(tc))
+ background: -moz-linear-gradient(top, fc, tc)
+ background: linear-gradient(top, fc, tc)
+
+/* Horizontal Background Gradient */
+hbg-gradient(fc = #FFF, tc = #FFF)
+ background: fc
+ background: -webkit-gradient(linear, left top, right top, from(fc), to(tc))
+ background: -moz-linear-gradient(left, fc, tc)
+ background: linear-gradient(left, fc, tc)
+
+box-shadow()
+ -moz-box-shadow: arguments
+ -webkit-box-shadow: arguments
+ box-shadow: arguments
+
+inset-box-shadow()
+ -moz-box-shadow: inset arguments
+ -webkit-box-shadow: inset arguments
+ box-shadow: inset arguments
+
+box-flex(s = 0)
+ -webkit-box-flex: s
+ -moz-box-flex: s
+ box-flex: s
+
+hbox()
+ display: -webkit-box
+ -webkit-box-orient: horizontal
+ -webkit-box-align: stretch
+ -webkit-box-pack: start
+
+ display: -moz-box
+ -moz-box-orient: horizontal
+ -moz-box-align: stretch
+ -moz-box-pack: start
+
+vbox()
+ display: -webkit-box
+ -webkit-box-orient: vertical
+ -webkit-box-align: stretch
+
+ display: -moz-box
+ -moz-box-orient: vertical
+ -moz-box-align: stretch
+
+border-box()
+ -webkit-box-sizing: border-box
+ -moz-box-sizing: border-box
+ box-sizing: border-box
+
+transition(s = 0.3s, o = opacity, t = linear)
+ -webkit-transition: s o t
+ -moz-transition: s o t
+ transition: s o t
+
+ellipsis()
+ text-overflow: ellipsis
+ overflow: hidden
+ white-space:nowrap
+
+inset-line(opacity = 0.4, size = 1px)
+ inset-box-shadow(0, size, 0, rgba(255, 255, 255, opacity))
+
+outset-line(opacity = 0.4, size = 1px)
+ box-shadow(0, size, 0, rgba(255, 255, 255, opacity))
+
+box-pack(type = center)
+ -webkit-box-pack: type
+ -moz-box-pack: type
+ box-pack: type
+
+transform(tr)
+ -webkit-transform: tr
+ -moz-transform: tr
+ -ms-transform: tr
+ -o-transform: tr
+ transform: tr
+
+hacel()
+ transform(translate3d(0,0,0))
@@ -0,0 +1,61 @@
+@import './mixin'
+
+body
+ font-family: Helvetica Neue, Helvetica, Arial, sans-serif
+ overflow-x: hidden
+ -webkit-user-select: none
+ margin: 0; padding: 0
+ color: #292D39
+ background: #FFF
+
+*
+ -webkit-tap-highlight-color: rgba(0,0,0,0)
+
+body.stage
+ > header
+ height: 40px
+
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, left bottom, from(lighten(#6a83a1, 5%)), to(#6a83a1))
+
+ > article
+ bottom: 40px
+
+ > footer
+ height: 40px
+
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, rgba(255, 255, 255, 0))), #000
+
+.panel
+ > header
+ height: 40px
+ line-height: 40px
+
+ h2
+ margin: 0
+ padding: 0
+ text-align: center
+ color: #fffeff
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5)
+ font-weight: normal
+
+ button
+ position: absolute
+ left: 0
+ top: 0
+
+ color: #FFF
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5)
+ font-size: 13px
+
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0))), #476b9d
+
+ -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3), inset 0 1px 1px 0 rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.4)
+
+ margin: 7px
+ padding: 5px 12px
+ border: 0
+ border-radius(5px)
+
+ &:active
+ -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3), inset 0 1px 1px 0 rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.2)
+
@@ -0,0 +1,14 @@
+{
+ "name": "app",
+ "version": "0.0.1",
+ "dependencies": {
+ "serveup": "~0.0.5",
+ "hem": "~0.1.8",
+ "es5-shimify": "~0.0.1",
+ "json2ify": "~0.0.1",
+ "jqueryify": "~0.0.1",
+ "spine": "~1.0.7",
+ "spine.mobile": "~1.0.0",
+ "gfx": "~0.0.4"
+ }
+}
No changes.
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset=utf-8>
+ <title>App</title>
+ <meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1; maximum-scale=1.0; user-scalable=0;"/>
+ <meta name="apple-mobile-web-app-capable" content="yes" />
+ <meta name="format-detection" content="telephone=no" />
+
+ <link rel="stylesheet" href="/application.css" type="text/css" charset="utf-8">
+ <script src="/application.js" type="text/javascript" charset="utf-8"></script>
+ <script type="text/javascript" charset="utf-8">
+ var jQuery = require("jqueryify");
+ var exports = this;
+ jQuery(function(){
+ var App = require("index");
+ exports.app = new App({el: $("body")});
+ });
+ </script>
+
+ <!-- Getting started script - should be removed -->
+ <script src="http://maccman-spine.herokuapp.com/mobile/start.js" type="text/javascript" charset="utf-8"></script>
+</head>
+<body>
+</body>
+</html>
@@ -0,0 +1,15 @@
+{
+ "dependencies": [
+ "es5-shimify",
+ "json2ify",
+ "jqueryify",
+ "gfx",
+ "spine",
+ "spine/lib/local",
+ "spine/lib/ajax",
+ "spine/lib/route",
+ "spine/lib/manager",
+ "spine.mobile"
+ ],
+ "libs": []
+}
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Jasmine Test Runner</title>
+ <link rel="stylesheet" type="text/css" href="/test/lib/jasmine.css">
+ <script type="text/javascript" src="/test/lib/jasmine.js"></script>
+ <script type="text/javascript" src="/test/lib/jasmine.html.js"></script>
+
+ <script src="/application.js" type="text/javascript" charset="utf-8"></script>
+ <script src="/test/specs.js" type="text/javascript" charset="utf-8"></script>
+ <script type="text/javascript" charset="utf-8">
+ for(var key in specs.modules) specs(key);
+ </script>
+</head>
+<body>
+ <script type="text/javascript">
+ jasmine.getEnv().addReporter(new jasmine.TrivialReporter());
+ window.onload = function(){
+ jasmine.getEnv().execute();
+ };
+ </script>
+</body>
+</html>
Oops, something went wrong.

0 comments on commit ca46f0f

Please sign in to comment.