epyce 0.5.0

data/Gemfile

@@ -0,0 +1,4 @@
+source "http://rubygems.org"
+
+# Specify your gem's dependencies in epyce.gemspec
+gemspec

data/LICENSE

@@ -0,0 +1,3 @@
+Copyright (c) 2010-2011 Yann ARMAND
+
+http://creativecommons.org/licenses/by/3.0/

data/README.md

@@ -0,0 +1,59 @@
+Epyce
+=====
+
+HTML Epyce is a A rails layout including skeleton, HTML5S and knockout.js
+
+* skeleton (http://www.getskeleton.com/)
+  support png background for old IE
+* part of Damian Le Nouaille HTML5S project (https://github.com/damln/Html5S) which take parts of html5 boilerplate (http://html5boilerplate.com)
+* depends on html gem
+
+Provide a  `application.html.haml` layout and some usefull files in the public directory such as default icons.
+
+Epyce include libs in debug mode when running in development environment and with minimal version of libs otherwise.
+
+Provided libs are :
+
+* knockout.js (http://knockoutjs.com)}
+  Model-View-ViewModel pattern implementation
+* head.js (http://headjs.com/)
+  html reset and javascript load/run management
+* Underscore.js (http://documentcloud.github.com/underscore)
+  provides a lot of the functional programming
+
+Rails Installation
+==================
+
+First, make sure the following gems are in your Gemfile
+
+    gem "epyce"
+
+Then run the following
+
+    bundle install
+    rails generate epyce:install
+
+**Here's a list of the files generator install in your Rails project:**
+
+    app/views/layouts/application.html.haml
+    app/views/layouts/_header.html.haml
+    app/views/layouts/_footer.html.haml
+    app/views/layouts/_flashes.html.haml
+
+    public/apple-touch-icon-114x114-precomposed.png
+    public/apple-touch-icon-57x57-precomposed.png
+    public/apple-touch-icon-72x72-precomposed.png
+    public/apple-touch-icon-precomposed.png
+    public/apple-touch-icon.png
+    public/crossdomain.xml
+    public/favicon.png
+
+Documentation
+=============
+
+(sorry nothing here yet)
+
+License
+=======
+[http://creativecommons.org/licenses/by/3.0](http://creativecommons.org/licenses/by/3.0)
+

data/Rakefile

@@ -0,0 +1 @@
+require 'bundler/gem_tasks'

data/VERSION

@@ -0,0 +1 @@
+0.1.0

data/app/assets/stylesheets/html5S-libs/_core.sass

@@ -0,0 +1,40 @@
+/*
+  Author: Damian le Nouaille 
+  URL:    www.dln.name
+
+=circle($diam)
+  display: block
+  width: #{$diam}px
+  height: #{$diam}px
+  $rad: #{$diam/2}
+  +border-radius(#{$rad}px)
+
+=carre($size:200px)
+  display: block
+  width: $size
+  height: $size
+
+=centerX()
+  display: block
+  margin: 0 auto
+  text-align: left
+
+=centerXY($width: 100px,$height: 100px)
+  display: block
+  position: absolute
+  width: $width
+  height: $height
+  top: 50%
+  left: 50%
+  margin-top: -$height/2
+  margin-left: -$width/2
+
+=pressedEffect($top: 1px)
+  position: relative
+  top: #{$top}
+
+=gradient($top: #222, $bottom: #777)
+  +linear-gradient(color-stops($top, $bottom))
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#{$top}, endColorStr=#{$bottom}, GradientType=1)
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#{$top}, endColorstr=#{$bottom}, GradientType=1)"
+

data/app/assets/stylesheets/html5S-libs/_normal.sass

@@ -0,0 +1,193 @@
+body
+  font: normal 13px "Lucida Grande", "Tahoma", sans-serif
+  *font-size: 13px
+  -webkit-font-smoothing: antialiased
+
+body, select, input, textarea, button
+  color: #303030
+
+select, input, textarea, button
+  font: 99%
+b
+  font-weight: bold
+  
+ins, a, a:hover, a:active
+  text-decoration: none
+
+a, a:active
+  color: #636363
+  font-weight: inherit
+
+a:hover
+  color: #000
+
+a:link
+  -webkit-tap-highlight-color: #303030
+
+td, th
+  border: 1px solid #e5e5e5
+
+h1, h2, h3, h4, h5, h6
+  color: #181818
+  font-family: "Georgia", "Times New Roman", serif
+  font-weight: normal
+  line-height: 1.3em
+
+h1, h2, h3, h4, h5, h6, p
+  text-rendering: optimizeLegibility
+
+p
+  line-height: 1.618em
+
+h1
+  font-size: 2.6em
+  margin: 14px 0
+
+h2
+  font-size: 2.2em
+  margin: 10px 0
+
+h3
+  font-size: 1.8em
+  margin: 6px 0
+
+h4
+  font-size: 1.4em
+  margin: 4px 0
+
+h5
+  font-size: 1.1em
+
+ul, ol
+  margin: 20px
+
+ol
+  list-style: decimal
+
+li
+  margin-bottom: 6px
+  list-style: square outside
+
+blockquote
+  color: #636363
+  font-size: 1.2em
+  line-height: 1.3em
+  font-style: italic
+  margin: 14px 0
+  padding: 9px 20px 0 19px
+  border-left: 1px solid #ddd
+  p
+    font-size: inherit
+    line-height: inherit
+    color: inherit
+    font-style: inherit
+  cite
+    display: block
+    font-size: 0.9em
+    color: #555
+    &:before
+      content: "\2014 \0020"
+    a
+      color: #555
+      &:visited
+        color: #555
+
+input
+  &[type='text'], &[type='checkbox'], &[type='radio'], &.type_text, &.type_checkbox, &.type_radio
+    background: none
+
+input
+  &[type='checkbox'], &[type='radio'], &.type_checkbox, &.type_radio
+    border: 0
+
+
+img.scale
+  max-width: 100%
+  height: auto
+
+hr
+  height: 1px
+  padding: 0
+  margin: 10px 0
+  color: #c4c4c4
+  background-color: #c4c4c4
+  border: 0
+
+input[type='text'], input[type='password'], .type_text, .type_password
+  color: #444
+  border: 1px solid #ccc
+  padding: 2px
+  background: #fff
+  +border-radius(2px)
+  &:focus
+    color: inherit
+    border: 1px solid #aaa
+    +box-shadow(#eee 1px 1px 0)
+
+a.button, button, input[type='submit'], input[type='reset'], input[type='button'], .type_submit, .type_reset, .type_button
+  color: #444
+  border: 1px solid #aaa
+  border-top: 1px solid #ccc
+  border-left: 1px solid #ccc
+  padding: 2px 5px
+  display: inline-block
+  font-size: 0.85em
+  cursor: pointer
+  margin-bottom: 16px
+  line-height: 15px
+  background: #eee
+  +border-radius(3px)
+  +text-shadow(rgba(255, 255, 255, 0.75) 0 1px)
+  +gradient(#f7f7f7, #dddddd)
+
+  &:hover
+    color: #fcfcfc
+    background: #5499d8
+    padding: 2px 5px
+    border: 1px solid #888
+    border-top: 1px solid #aaa
+    border-left: 1px solid #aaa
+    +text-shadow(none)
+    +gradient(#5499d8, #2d7dc5)
+
+  &:active
+    color: #fff
+    background: #2d7dc5
+    padding: 2px 5px
+    border: 1px solid #888
+    border-bottom: 1px solid #aaa
+    border-right: 1px solid #aaa
+    +text-shadow(none)
+    +gradient(#2d7dc5, #5499d8)
+    +pressedEffect
+
+textarea, textarea:hover, textarea:focus, textarea:active
+  background: #fff
+  border: 1px solid #e5e5e5
+
+textarea, select
+  color: inherit
+  border: 1px solid #ccc
+  width: 210px
+  max-width: 100%
+  display: block
+  margin-bottom: 20px
+  background: #fff
+  +border-radius(2px)
+  &:focus
+    border: 1px solid #aaa
+    +box-shadow(#eee 2px 2px 0)
+
+textarea
+  padding: 6px 4px
+
+\::-moz-selection
+  background: #2d7dc5
+  color: #fff
+  +text-shadow(none)
+
+\::selection
+  background: #00bbff
+  color: #fff
+  +text-shadow(none)
+

data/app/assets/stylesheets/html5S-libs/_reset.sass

@@ -0,0 +1,217 @@
+// HTML5 ✰ BOILERPLATE
+
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
+  margin: 0
+  padding: 0
+  border: 0
+  font-size: 100%
+  font: inherit
+  vertical-align: baseline
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
+  display: block
+
+html
+  overflow-y: scroll
+
+blockquote, q
+  quotes: none
+
+blockquote
+  &:before, &:after
+    content: ""
+    content: none
+
+q
+  &:before, &:after
+    content: ""
+    content: none
+
+ins
+  text-decoration: none
+
+del
+  text-decoration: line-through
+
+abbr[title], dfn[title]
+  border: 0
+  cursor: help
+
+table
+  border-collapse: collapse
+  border-spacing: 0
+
+hr
+  display: block
+  background: none
+  height: 0px
+  border: 0
+  margin: 0
+  padding: 0
+
+input, select
+  vertical-align: middle
+
+select, input, textarea, button
+  font-size: 99%
+
+pre, code, kbd, samp
+  font-family: monospace, sans-serif
+
+a
+  &:hover, &:active
+    outline: none
+
+ol
+  list-style-type: decimal
+
+ul, li
+  margin: 0
+  list-style: none
+  list-style-image: none
+
+small
+  font-size: 85%
+
+strong, th
+  font-weight: bold
+
+td, th
+  vertical-align: top
+  text-align: left
+
+sub
+  font-size: 75%
+  line-height: 0
+  position: relative
+
+sup
+  font-size: 75%
+  line-height: 0
+  position: relative
+  top: -0.5em
+
+sub
+  bottom: -0.25em
+
+pre
+  white-space: pre
+  white-space: pre-wrap
+  word-wrap: break-word
+  padding: 15px
+
+address
+  font-style: normal
+
+textarea
+  overflow: auto
+  resize: none
+
+// Chrome blue glow :
+select, option, input, textarea, select:focus
+  outline: none
+  font-size: 1em
+
+input
+  &[type="radio"]
+    vertical-align: text-bottom
+  &[type="checkbox"]
+    vertical-align: bottom
+
+label
+  cursor: text
+
+input
+  &[type="button"], &[type="submit"], &[type="image"], &[type="reset"]
+    cursor: pointer
+
+button
+  cursor: pointer
+
+input, button, textarea
+  padding: 0
+  border: 0
+  margin: 0
+  background: transparent
+  font: inherit
+
+// Firefox bug
+caption
+  text-align: left
+
+h1, h2, h3, h4, h5, h6, strong, th
+  font-weight: normal
+  font-size: 1em
+
+button
+  width: auto
+  cursor: pointer
+  overflow: visible
+
+// ----------[ IE WORLD ]-------------------
+.ie6 legend, .ie7 legend
+  margin-left: -7px
+
+.ie7 img
+  -ms-interpolation-mode: bicubic
+
+.ie7 input[type="checkbox"]
+  vertical-align: baseline
+
+.ie6 input
+  vertical-align: text-bottom
+
+// ----------[ HELPERS ]-----------
+.unselectable
+  -moz-user-select: -moz-none
+  -khtml-user-select: none
+  -webkit-user-select: none
+  user-select: none
+
+.ir
+  display: block
+  text-indent: -999em
+  overflow: hidden
+  background-repeat: no-repeat
+  text-align: left
+  direction: ltr
+
+.hidden
+  display: none
+  visibility: hidden
+
+.visuallyhidden
+  border: 0
+  clip: rect(0 0 0 0)
+  height: 1px
+  margin: -1px
+  overflow: hidden
+  padding: 0
+  position: absolute
+  width: 1px
+  &.focusable
+    &:active, &:focus
+      clip: auto
+      height: auto
+      margin: 0
+      overflow: visible
+      position: static
+      width: auto
+
+.invisible
+  visibility: hidden
+
+.cf
+  clear: both
+  zoom: 1
+  &:before
+    content: "\0020"
+    display: block
+    height: 0
+    overflow: hidden
+  &:after
+    content: "\0020"
+    display: block
+    height: 0
+    overflow: hidden
+    clear: both