euphoria 0.1.4.72 → 0.1.41

data/app/assets/stylesheets/euphoria/core/_grids.sass

@@ -1,10 +1,19 @@
+/*=============================================================================
+ ** Variables 
+ **============================================================================
+
+//column values
+$col_float: left
+$col_position: relative
+
+
 /*=============================================================================
  ** Grids (keep columns seperated to add width at will)
  **============================================================================
 
 .col
-    float: left
-    position: relative
+    float: $col_float
+    position: $col_position
 .center
     margin: 0 auto
 
@@ -26,6 +35,7 @@
 /*=============================================================================
  ** Responsive Grids 
  **============================================================================
+
 +tablet 
     @for $i from 1 through 11
         .w-#{$i}

data/app/assets/stylesheets/euphoria/core/_type.sass

@@ -1,21 +1,39 @@
+/*=============================================================================
+ ** Variables 
+ **============================================================================
+
+//font sizes
+$html_font_size: 16px
+$large_desktop_font_size: 17px
+$h1_font_size: 3rem
+$h2_font_size: 2.5rem
+$h3_font_size: 2rem
+$h4_font_size: 1.5rem
+$paragraph_font_size: 1rem
+
+
+/*=============================================================================
+ ** font-sizes
+ **============================================================================
+
 html
-  font-size: 16px
+  font-size: $html_font_size
 
 h1
-  font-size: 3rem
+  font-size: $h1_font_size
 
 h2
-  font-size: 2.5rem
+  font-size: $h2_font_size
 
 h3
-  font-size: 2rem
+  font-size: $h2_font_size
 
 h4
-  font-size: 1.5rem
+  font-size: $h4_font_size
 
 p
-  font-size: 1rem
+  font-size: $paragraph_font_size
 
 +lg-desktop
   html
-    font-size: 17px
+    font-size: $large_desktop_font_size

data/app/assets/stylesheets/euphoria/helpers/_reset.sass

@@ -5,6 +5,7 @@ html
 body
   margin: 0
   padding: 0
+  overflow-x: hidden
   
 *, *:before, *:after
   -webkit-box-sizing: border-box

data/app/assets/stylesheets/euphoria/interface/parallax.sass

@@ -1,66 +1,37 @@
-.parallax
-  -webkit-perspective: 300px
-  perspective: 300px
-  height: 100vh
-  overflow-x: hidden
-  overflow-y: auto
-  font-size: 200%
-.parallax-group--header
-  height: 100vh
-  -webkit-transform: translateZ(-300px) scale(2)
-  transform: translateZ(-300px) scale(2)
-  background-size: 100% 100% / cover
-  
-.parallax-group
-  min-height: 90vh
-  position: relative
-  -webkit-transform-style: preserve-3d
-  transform-style: preserve-3d
-  -webkit-transition: -webkit-transform 0.5s ease 0s
-  transition: transform 0.5s ease 0s
-  &:nth-child(odd)
-    z-index: 2
-  &:nth-child(even)
-    z-index: 0
-  
-
-.parallax-layer
-  position: absolute
-  top: 0
-  left: 0
-  right: 0
-  bottom: 0
-  text-align: center
-  
-  &.parallax-back
-    -webkit-transform: translateZ(-300px) scale(2)
-    transform: translateZ(-300px) scale(2)
-    background-size: 100% 100% / cover
+.parallax-ui
     height: 100vh
+    overflow-x: hidden
+    overflow-y: auto
+    -webkit-perspective: 1px
+    perspective: 1px
+    .content
+        margin-top: 350px
+        padding: 2%
+        background-color: white
+        min-height: 100vh
+    .layer
+        position: absolute
+        top: 0
+        left: 0
+        right: 0
+        bottom: 0
+        
     
-    &.fix
-      background-image: url("http://3.bp.blogspot.com/-ck7oCUJbjL8/U3gfVP5GHiI/AAAAAAAAGvc/aB1Gu04uTVs/s1600/watchmen+01.jpg")
-      z-index: 2
-      -webkit-transform: translateZ(0)
-      transform: translateZ(0)
-
-  &.parallax-face
-    -webkit-transform: translateZ(0)
-    transform: translateZ(0)
-
-  h1
-    position: absolute
-    top: 50%
-    left: 50%
-    -webkit-transform: translateX(-50%) translateY(-50%)
-    -ms-transform: translateX(-50%) translateY(-50%)
-    transform: translateX(-50%) translateY(-50%)
-    &.light
-      line-height: 100vh
-      background-color: rgba(255, 255, 255, 0.5)
-      width: 100%
-    &.dark
-      opacity: 0.5
+    .front
+        -webkit-transform: translateZ(0)
+        transform: translateZ(0)
+   
+    
+    .back
+        position: absolute
+        left: 32.5%
+        margin-top: 100px
+        width: 50%
+        margin-top: 95px
+        width: 56.35%
+        height: 33vh
+        -webkit-transform: translateZ(-1px) scale(3.95,5)
+        transform: translateZ(-1px) scale(3.95,5)
 
 /*=============================================================================
  ** Template must proceed as face and back

data/euphoria.gemspec

@@ -11,7 +11,7 @@ Gem::Specification.new do |spec|
   spec.authors       = ["paul brunache"]
   spec.email         = ["paulbrunache@gmail.com"]
 
-  spec.summary       = %q{Yet another grid framework for the web built with components from flexbox}
+  spec.summary       = %q{Custom sass templating framework for rails}
 
   spec.homepage      = "https://github.com/PaulBrunache/Euphoria"
   spec.license       = "MIT"
@@ -21,11 +21,11 @@ Gem::Specification.new do |spec|
   spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
   spec.require_paths = ["lib"]
 
-
-
-  spec.add_development_dependency "bundler", "~> 1.9"
+  spec.add_runtime_dependency "font-awesome-rails", "~> 4.3.0.0"
+  spec.add_runtime_dependency "coffee-rails", "~> 4.1.0"
+  spec.add_runtime_dependency "sass-rails", "~> 5.0.1"
+  
+    
+  spec.add_development_dependency "bundler", "~> 1.10"
   spec.add_development_dependency "rake", "~> 10.0"
-  spec.add_development_dependency "sass-rails", "~> 5.0.1"
-  spec.add_development_dependency "coffee-rails", "~> 4.1.0"
-  spec.add_development_dependency "font-awesome-rails", "~> 4.3.0.0"
 end

data/lib/euphoria.rb

@@ -1,4 +1,4 @@
-require "euphoria/version"
+require "rails"
 
 module Euphoria
     class Engine < Rails::Engine

data/lib/euphoria/version.rb

@@ -1,4 +1,4 @@
 module Euphoria
-  VERSION = "0.1.4.72"
+  VERSION = "0.1.41"
 end
 

data/lib/generators/euphoria/install_generator.rb

@@ -0,0 +1,51 @@
+require 'rails/generators'
+
+module Euphoria
+  class InstallGenerator < Rails::Generators::Base
+    source_root File.expand_path('..', __FILE__)
+    
+    class_option :stylesheet, :type => :boolean, default: false, desc: "generates all stylesheets "
+    class_option :js, :type => :boolean, default: false, desc: "generates all Javascript source files"
+    class_option :all, :type => :boolean, default: false, desc: "generates both js and css files "
+    
+    desc "by default running rails g euphoria:install with no arguments will simply inject the css and JS files required"
+    def install
+      if(options[:stylesheet])
+        copy_styles
+      elsif (options[:js])
+        copy_js
+      elsif (options[:all])
+        install_all
+      else
+        inject_css_and_js
+      end
+    end #end install method
+    private
+      def copy_js
+        directory 'templates/javascripts/', 'app/assets/javascripts/'
+      end #end copy JS
+      def copy_styles
+        directory 'templates/stylesheets/', 'app/assets/stylesheets/'
+      end #end copy styles
+    
+      def inject_css_and_js
+        application_js_path = 'app/assets/javascripts/application.js'
+        application_css_path ='app/assets/stylesheets/application.css'
+          if ::File.exists?(::File.join(destination_root, application_js_path))
+            inject_into_file application_js_path, before: '//= require_tree' do
+              "//= require UI_Modules\n"
+            end
+          end
+          if ::File.exists?(::File.join(destination_root, application_css_path))
+              inject_into_file application_css_path, before: '//= require_tree' do
+                "*= require load\n"
+              end
+          end
+      end #end inject Css
+      def install_all
+        copy_styles
+        copy_js
+        inject_css_and_js
+      end
+  end #end Class Install Generator
+end #end Module

data/lib/generators/euphoria/templates/javascripts/UI_Modules.coffee

@@ -0,0 +1,44 @@
+$(document).on 'page:change', ->
+#######################################################################################
+    #set icons for buttons
+#######################################################################################
+    $("[type='submit']").addClass 'btn green round'
+    
+    $('a').each ->
+   
+      if $(this).text().toLowerCase().indexOf('back') > -1
+         $(this).addClass 'fa fa-arrow-left btn blue round'
+      if $(this).text().toLowerCase().indexOf('edit') > -1
+         $(this).addClass 'fa fa-pencil btn default round'
+      if $(this).text().toLowerCase().indexOf('delete') > -1
+         $(this).addClass 'fa fa-trash-o btn red round'
+      if $(this).text().toLowerCase().indexOf('submit') > -1
+         $(this).addClass 'fa fa-paper-plane-o btn green round'
+      if $(this).text().toLowerCase().indexOf('show') > -1
+         $(this).addClass 'fa fa-eye btn blue round'
+#######################################################################################
+    #set marging for fixed nav so content is visible
+#######################################################################################
+    $(".menu-toggle").on "click", ->
+        
+        if  $(".menu-toggle").hasClass("fa-bars")
+            $(".menu-toggle").removeClass("fa-bars").addClass("fa-times")
+        else
+            $(".menu-toggle").addClass("fa-bars").fadeIn().removeClass("fa-times")
+            
+        $(".menu").slideToggle()
+
+#on resize
+#account for margin with fixed nav class
+    $(window).resize ->
+        if $('nav').hasClass('fixed')
+            $('.start-content').css 'margin-top', $('nav').height() + 10
+        if $(window).width() > 1023
+            $('.menu').removeAttr('style');
+            
+    $(window).trigger 'resize'
+    
+    
+    #set marging for fixed nav so content is visible
+    $('[data-img-src]').css 'background-image', ->
+        bg = 'url(' + $(this).data('img-src')+')'

data/lib/generators/euphoria/templates/stylesheets/euphoria/components/_buttons.sass

@@ -0,0 +1,78 @@
+/*=============================================================================
+ ** Variables 
+ **==============================================================================
+//Button Colors 
+$blue: #4aa3df
+$blue_hover: #3498db
+$green: #40d47e
+$green_hover: #2ecc71
+$red: #e74c3c
+$red_hover: #e43725 
+
+$white: #bdc3c7
+$white_hover: #fff
+$orange: #f5b823
+$orange_hover:  #F5A623
+
+
+/*=============================================================================
+ ** Button 
+ **==============================================================================
+.btn
+    text-align: center
+    vertical-align: middle
+    border: 1px solid #e5e6e7
+    font-weight: 400
+    font-size: .85rem
+    padding: .4rem
+    line-height: 1.375rem
+    letter-spacing: .1rem
+    text-transform: uppercase
+    text-decoration: none
+    white-space: nowrap
+    color: #fff
+    &.default
+        color: #333
+        &:hover
+            background-color: #ccc
+            color: #fff
+    &.round
+        +border-radius (.5)
+    &.sm //Button size 
+        font-size: 0.625rem 
+        line-height: 1.675rem
+    &.lg
+        font-size: 1.625rem
+        line-height: 1.675rem
+    &.xl
+        font-size: 1.875rem
+        line-height: 1.875rem
+    &.blue //button color
+        border: 1px solid #3085d6
+        background-color: $blue
+
+        &:hover
+            background: $blue_hover
+            color: white
+    &.green
+        background-color: $green
+        border: 1px solid #5bde9b
+        &:hover
+            background: $green_hover
+            color: white
+    &.red
+        border: 1px solid #c6282a
+        background-color: $red
+        &:hover
+            background: $red_hover
+            color: white
+    &.orange
+        border: 1px solid $orange
+        background-color: $orange
+        &:hover
+            background: $orange_hover
+            color: white
+    &.transparent
+        background-color: transparent
+
+            

data/lib/generators/euphoria/templates/stylesheets/euphoria/components/_forms.sass

@@ -0,0 +1,111 @@
+$bg_color: white
+$input_border_color: #D1D1D1
+$input_focus_color: #33C3F0
+$form_border_color: #CCC
+
+.flash
+    border: 1px solid
+    border-radius: 7px
+    margin: 1% 0
+    padding: 1%
+    width: 80%
+    margin: auto
+    &.info
+        color: #00529B
+        background-color: #BDE5F8
+     
+    &.success
+        color: #4F8A10
+        background-color: #DFF2BF
+     
+    &.warning
+        color: #9F6000
+        background-color: #FEEFB3
+      
+    &.error
+        color: #D8000C
+        background-color: #FFBABA
+
+
+.form
+    margin: 0 auto
+    .row
+        max-width: 80%
+        margin: 0 auto
+
+    border-radius: 7px
+    &.border
+        border: 1px solid $form_border_color
+    background-color: $bg_color
+    .button-group
+        display: inline-block
+        margin-top: 2%
+        margin-bottom: 1%
+        &.no-space
+            float: left
+    &:after
+        display: table
+        clear: both
+    background-color: $bg_color
+    margin: 0 auto
+    
+    input
+        &[type="email"], &[type="number"], &[type="search"], &[type="text"], &[type="tel"], &[type="url"], &[type="password"]
+            height: 38px
+            padding: 6px 10px
+            background-color: $bg_color
+            border: 1px solid $input_border_color
+            border-radius: 4px
+            box-shadow: none
+            box-sizing: border-box
+
+    textarea, select
+        height: 38px
+        padding: 6px 10px
+        background-color: #fff
+        border: 1px solid $input_border_color
+        border-radius: 4px
+        box-shadow: none
+        box-sizing: border-box
+
+
+    input
+        &[type="email"], &[type="number"], &[type="search"], &[type="text"], &[type="tel"], &[type="url"], &[type="password"]
+            -webkit-appearance: none
+            -moz-appearance: none
+            appearance: none
+
+    textarea
+        -webkit-appearance: none
+        -moz-appearance: none
+        appearance: none
+        min-height: 65px
+        padding-top: 6px
+        padding-bottom: 6px
+
+    input
+        &[type="email"]:focus, &[type="number"]:focus, &[type="search"]:focus, &[type="text"]:focus, &[type="tel"]:focus, &[type="url"]:focus, &[type="password"]:focus
+            border: 1px solid $input_focus_color
+            outline: 0
+
+    textarea:focus, select:focus
+        border: 1px solid $input_focus_color
+        outline: 0
+
+    label, legend
+        display: block
+        margin-bottom: .5rem
+        font-weight: 600
+
+    fieldset
+        padding: 0
+        border-width: 0
+
+    input
+        &[type="checkbox"], &[type="radio"]
+            display: inline
+
+    label > .label-body
+        display: inline-block
+        margin-left: .5rem
+        font-weight: normal