Permalink
Browse files

added much richer init structure (from joshrounsville)

  • Loading branch information...
1 parent 7aa4c02 commit 6fad0d048b1c69b157f233e0878e9290936b982f @chrisfjones chrisfjones committed Jan 18, 2013
View
@@ -16,3 +16,5 @@ npm-debug.log
*.iml
.idea/
node_modules/
+
+.DS_Store
@@ -0,0 +1,25 @@
+doctype 5
+html dir: 'ltr', lang: 'en', class: 'no-js', ->
+ head ->
+ meta charset: 'utf-8'
+ title ''
+ meta 'http-equiv': 'X-UA-Compatible', content: 'IE=edge,chrome=1'
+ meta name: 'description', content: 'Site description'
+ meta name: 'viewport', content: 'width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no'
+ link rel: 'icon', href: '/favicon.png'
+ link rel: 'stylesheet', href: '/css/style.css'
+ script src: '/lib/vendor/modernizr-2.6.2.min.js'
+ body ->
+ ie 'IE7', ->
+ p '.chromeframe', 'You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browswer</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.'
+ header ->
+ @header
+ div class: 'main', role: 'main', ->
+ @body
+ footer ->
+ @footer
+ script src: '//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'
+ coffeescript ->
+ document.write('<script src="/lib/vendor/jquery-1.8.3.min.js"><\/script>') if not window.jQuery?
+ script src: '/lib/plugins.js'
+ script src: '/lib/scripts.js'
@@ -0,0 +1,76 @@
+header = ->
+ div '.container', ->
+ div '.row', ->
+ div '.span5', ->
+ h1 'h1 Welcome to Starman'
+ div '.span7', ->
+ nav ->
+ a href: '#', 'Nav 1'
+ a href: '#', 'Nav 2'
+ a href: '#', 'Nav 3'
+ a href: '#', 'Nav 4'
+ a href: '#', 'Nav 5'
+
+body = ->
+ div '.container', ->
+ div '.row', ->
+ div '.span10', ->
+ h2 'h2 Lorem ipsum dolor sit amet'
+ p 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed <a href="#">diam nonumy eirmod</a> tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'
+ h3 'h3 Consetetur sadipscing elitr'
+ p 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed <a href="#">diam nonumy eirmod</a> tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'
+ p 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem <a href="#">ipsum dolor sit amet</a>, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'
+ h4 'h4 Sed diam voluptua'
+ p 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed <a href="#">diam nonumy eirmod</a> tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'
+ p 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem <a href="#">ipsum dolor sit amet</a>, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'
+ div '.span2', ->
+ h5 'h5 Dolor sit amet'
+ ul ->
+ li 'List item 1'
+ li ->
+ text 'List item 2', ->
+ ul ->
+ li 'List item 1'
+ li 'List item 2'
+ li 'List item 3'
+ li 'List item 4'
+ li 'List item 3'
+ li ->
+ text 'List item 4', ->
+ ol ->
+ li 'List item 1'
+ li 'List item 2'
+ li 'List item 3'
+ li 'List item 4'
+ li 'List item 5'
+ ol ->
+ li ->
+ text 'List item 1', ->
+ ul ->
+ li 'List item 1'
+ li 'List item 2'
+ li 'List item 3'
+ li 'List item 2'
+ li ->
+ text 'List item 3', ->
+ ol ->
+ li 'List item 1'
+ li 'List item 2'
+ li 'List item 3'
+ li 'List item 4'
+ li 'List item 4'
+ li 'List item 5'
+
+footer = ->
+ div '.container', ->
+ div '.row', ->
+ div '.span5', ->
+ h6 'h6 diam nonumy eirmod tempor'
+ p '&copy; 2013'
+ div '.span7', ->
+ nav ->
+ a href: '#', 'Nav 1'
+ a href: '#', 'Nav 2'
+ a href: '#', 'Nav 3'
+ a href: '#', 'Nav 4'
+ a href: '#', 'Nav 5'
@@ -0,0 +1,69 @@
+/* ==========================================================================
+ -- Classes --
+ ========================================================================== */
+
+.clearfix {
+ zoom: 1;
+ &:before,
+ &:after {
+ content: "";
+ display: table;
+ }
+ &:after {
+ clear: both;
+ }
+}
+
+.ir {
+ background-color: transparent;
+ border: 0;
+ overflow: hidden;
+ *text-indent: -9999px;
+ &:before {
+ content: "";
+ display: block;
+ width: 0;
+ height: 100%;
+ }
+}
+
+.text-left {
+ text-align: left;
+}
+
+.text-center {
+ text-align: center;
+}
+
+.text-right {
+ text-align: right;
+}
+
+.padding {
+ padding: $padding 0;
+}
+
+.padding-top {
+ padding-top: $padding;
+}
+
+.padding-bottom {
+ padding-bottom: $padding;
+}
+
+.margin {
+ margin: $margin 0;
+}
+
+.margin-top {
+ margin-top: $margin;
+}
+
+.margin-bottom {
+ margin-bottom: $margin;
+}
+
+.hide {
+ display: none;
+ visibility: hidden;
+}
View
@@ -0,0 +1,77 @@
+/* ==========================================================================
+ -- Forms --
+ ========================================================================== */
+
+form {
+ margin: 0;
+}
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+legend {
+ border: 0;
+ padding: 0;
+ white-space: normal;
+ *margin-left: -7px;
+}
+
+button,
+input,
+select,
+textarea {
+ margin: 0;
+ vertical-align: baseline;
+ *vertical-align: middle;
+}
+
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button;
+ cursor: pointer;
+ *overflow: visible;
+}
+
+button,
+input {
+ line-height: normal;
+ [disabled] {
+ cursor: default;
+ }
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box;
+ padding: 0;
+ *height: 13px;
+ *width: 13px;
+}
+
+input[type="search"] {
+ -webkit-appearance: textfield;
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ &::-webkit-search-cancel-button,
+ &::-webkit-search-decoration {
+ -webkit-appearance: none;
+ }
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+textarea {
+ overflow: auto;
+ vertical-align: top;
+ resize: vertical;
+}
Oops, something went wrong.

0 comments on commit 6fad0d0

Please sign in to comment.