givelively-assets 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 495dbfdc200a494c23446b008f55b5fd01d4c619
+  data.tar.gz: 1e2a9772fc19418a9da59b67f4096e9c8f1f41d2
+SHA512:
+  metadata.gz: a805604ba4fe1545bcd254be6e5d2af4d70b318899475b78a92265294ef15b9de661beaccd422f2633ac1c71626131757c6afde29976ad796fc17d654692b091
+  data.tar.gz: 5ce70ea41c56c0ccb89be9ca6d4855354d86e6476b07e2276ab34585b31f2f6a02cda91a6344ef2c50be3772fe4a71d819caf1922dc595993d059fd9903daaf6

data/.gitignore

@@ -0,0 +1,9 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in givelively-assets.gemspec
+gemspec

data/README.md

@@ -0,0 +1,36 @@
+# Givelively::Assets
+
+Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/givelively/assets`. To experiment with that code, run `bin/console` for an interactive prompt.
+
+TODO: Delete this and the text above, and describe your gem
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'givelively-assets'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install givelively-assets
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/givelively-assets.
+

data/Rakefile

@@ -0,0 +1,2 @@
+require "bundler/gem_tasks"
+task :default => :spec

data/app/assets/javascripts/nav.js

@@ -0,0 +1,56 @@
+$(document).on('turbolinks:load', function() {
+  var hero = $('.hero')
+  var subnav = $( '.page-subnav' )
+
+  $('body').on('click', '.toggle-open', function(){
+    if (subnav) {
+      $(subnav).fadeOut(200, openedMobileNavSettings());
+    } else {
+      openedMobileNavSettings();
+    }
+  });
+
+  $('body').on('click', '.toggle-close, .blur-cover', function(){
+    closedMobileNavSettings()
+    if (subnav) {
+      $(subnav).show();
+    }
+  });
+
+  function setUpSubnavOnHomePage() {
+    if ( hero && subnav ) {
+      $(window).scroll(function () {
+        var limit = hero.height()
+        if ( $( window ).scrollTop() > limit) {
+          subnav.addClass( 'page-subnav-visible' );
+        }
+        if ( $( window ).scrollTop() < ( limit + 1 ) ) {
+          subnav.removeClass( 'page-subnav-visible' );
+        }
+      });
+    }
+    closedMobileNavSettings();
+  }
+
+  function openedMobileNavSettings() {
+    $('.mobile-nav').addClass("mobile-nav-in-view");
+    $('html, body').addClass('scroll-freeze');
+    $('.blurable-content').addClass('blur-cover');
+    $('.nav-left').addClass('blur-cover');
+    $('input').prop('disabled', true);
+    $(document).bind('touchmove', function(e) {
+      e.preventDefault();
+    });
+  }
+
+  function closedMobileNavSettings() {
+    $('.mobile-nav').removeClass("mobile-nav-in-view");
+    $('html, body').removeClass('scroll-freeze');
+    $('.blurable-content').removeClass('blur-cover');
+    $('.nav-left').removeClass('blur-cover');
+    $('input').prop('disabled', false);
+    $(document).unbind('touchmove');
+  }
+
+  setUpSubnavOnHomePage()
+});

data/app/assets/stylesheets/global.scss

@@ -0,0 +1,420 @@
+body {
+  font-family: din-2014, sans-serif;
+  font-style: normal;
+  font-size:1.25rem;
+  letter-spacing: 0.03rem;
+  color: #464646;
+  background: #fefefe;
+}
+
+.scroll-freeze {
+  margin: 0;
+  overflow: hidden;
+}
+
+p {
+  line-height: 1.4;
+}
+
+.hero p a {
+  text-decoration: underline;
+}
+
+a {
+
+  color: $give-lively-teal;
+
+  &:hover {
+    color: $give-lively-teal;
+  }
+
+  &.brand-primary-color {
+    color: $give-lively-teal;
+    &:hover {
+      color: $give-lively-teal;
+    }
+  }
+
+  &.brand-white-color {
+    color: $give-lively-white;
+    &:hover {
+      color: $give-lively-white;
+    }
+  }
+
+  &.hero-link {
+    color: $give-lively-white;
+    text-decoration: underline;
+    &:hover {
+      color: $give-lively-white;
+    }
+  }
+}
+
+.smaller {
+  font-size:80%;
+}
+
+.brand-primary-color {
+  color: $give-lively-teal;
+}
+
+.brand-white-color {
+  color: $give-lively-white;
+}
+
+.brand-gray-color {
+  color: $give-lively-gray;
+}
+
+.gray-line {
+  background-color: $give-lively-gray;
+  height: 2px;
+  margin-top: 12px;
+  width: 100%;
+}
+
+.btn-primary {
+  background-color:$give-lively-orange;
+  border:4px solid $give-lively-orange;
+
+  &:hover {
+    background-color:$give-lively-hover-orange;
+    border:4px solid $give-lively-hover-orange;
+  }
+}
+
+.btn-lg {
+  @include media-breakpoint-down(sm) {
+    padding: 0.5rem 1rem;
+  }
+}
+
+.btn-gl-primary {
+  background-color: $give-lively-branded-btn-color;
+  border: none;
+  color: $give-lively-white;
+
+  &:hover {
+    background-color: $give-lively-hover-branded-btn-color;
+    color: $give-lively-white;
+    border: $give-lively-branded-btn-color;
+  }
+}
+
+.btn-outline-secondary {
+  color: $give-lively-white;
+  border: 4px solid $give-lively-white;
+
+  &:hover {
+    background-color: $give-lively-white;
+    color: $give-lively-teal;
+    border: 4px solid $give-lively-white;
+  }
+}
+
+.text-muted {
+  color: $light-grey-text-color !important;
+}
+
+.radius-50 {
+  border-radius:50px;
+}
+
+.shadow {
+  -webkit-box-shadow: 0 -1px 8px 1px rgba(155, 155, 155, 0.2);
+  -moz-box-shadow: 0 -1px 8px 1px rgba(155, 155, 155, 0.2);
+  box-shadow: 0 -1px 8px 1px rgba(155, 155, 155, 0.2);
+}
+
+h1,h2,h3,h4,h5,h6 {
+  color: #03363d;
+}
+
+h1 {
+  font-size:3rem;
+  font-weight:600;
+
+  @include media-breakpoint-down(md) {
+    font-size:2.5rem;
+    line-height:1;
+  }
+
+  @include media-breakpoint-down(sm) {
+    font-size:1.8rem;
+    line-height:1;
+  }
+
+}
+
+h2 {
+  font-size:2.3rem;
+  font-weight:600;
+
+  @include media-breakpoint-down(sm) {
+    font-size:1.625rem;
+  }
+}
+
+h3 {
+  font-size:1.9rem;
+  font-weight:600;
+
+  @include media-breakpoint-down(sm) {
+    font-size:1.375rem;
+  }
+}
+
+h4 {
+  font-weight:600;
+  font-size: 1.7rem;
+}
+
+h5 {
+  line-height: 1.3;
+  font-weight:400;
+
+  @include media-breakpoint-down(sm) {
+    line-height:1.2;
+  }
+
+}
+
+
+
+h6 {
+  line-height: 1.5;
+}
+
+p {
+  @include media-breakpoint-down(sm) {
+    font-size: 1rem;
+  }
+}
+
+.clear-div {
+  clear: both;
+}
+
+.hero {
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  object-fit: contain;
+  margin: 0 auto;
+}
+
+.disbursements-hero {
+  background-image: image-url("pymt_bg");
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  object-fit: contain;
+  margin: 0 auto;
+
+  @include media-breakpoint-down(sm) {
+    background-image: image-url("smartdonations_bg_top_mobile");
+  }
+}
+
+.homepage-hero {
+  background-image: image-url("product_page/desktop/PP_top_Bg.png");
+  background-size: cover;
+  background-position-y: bottom;
+
+  @include media-breakpoint-down(sm) {
+    background-image: image-url("background_top_mobile");
+  }
+}
+
+.sub-container {
+  background-image: image-url("subheader_background");
+  object-fit: contain;
+  margin: 0 auto;
+}
+
+.brand-background-light {
+  background-color: rgba($competition-card-color, 0.2);
+}
+
+.gl-bordered {
+  border: 3px solid #FFF;
+  border-top: none;
+  .title {
+    position: absolute;
+    top: -15px;
+    left: 0px;
+
+    .title-before, .title-after {
+      content: '';
+      height: 3px;
+      margin-top: 15px;
+      background-color: #FFF;
+      width: 100%;
+    }
+
+    .title-before {
+      left: -1px;
+    }
+
+    .title-after {
+      right: -1px;
+    }
+  }
+}
+
+.circle {
+  position: relative;
+  z-index: -2;
+  width: 100%;
+
+  .circle-container {
+    position: absolute;
+  }
+
+  img {
+    width: 100%;
+  }
+
+  .circle-right {
+    .circle-container {
+      right: 0;
+      width: 250px;
+      top: 550px;
+    }
+  }
+
+  .circle-image-top-right-container {
+    right: 0;
+  }
+}
+
+.circle-top-right-disbursements {
+  bottom: 300px;
+
+  .circle-image-top-right-container {
+    width: 300px;
+    right: -15px;
+    top: 350px;
+
+    @include media-breakpoint-down(sm) {
+      width: 140px;
+      top: 486px;
+    }
+  }
+}
+
+.lower-background {
+  background-image: image-url("bg-bottom@2x.png");
+  background-size: cover;
+}
+
+.disbursement-works-lower-background {
+  background-image: image-url("pymt_bg_bottom.png");
+  background-size: 100% 140%;
+  background-repeat: no-repeat;
+  background-position-y: 400px;
+  /*height: 300px;*/
+
+  @include media-breakpoint-down(sm) {
+    background-size: 100%;
+    background-position-y: 815px;
+  }
+}
+
+.hidden {
+  display: none;
+}
+
+.col-half {
+  -webkit-box-flex: 0;
+  -webkit-flex: 0 0 4.1666666%;
+      -ms-flex: 0 0 4.1666666%;
+          flex: 0 0 4.1666666%;
+  width: 100%;
+  max-width: 4.1666666%;
+}
+
+.call-out {
+  font-size: .7em;
+  font-weight: 200;
+  width: fit-content;
+  height: 36px;
+  border-radius: 4px;
+  background-color: #0a8695;
+
+  .new-box {
+    background-color: $give-lively-white;
+    height: 20px;
+    border-radius: 3px;
+    color: #0a8695;
+    text-align: center;
+  }
+}
+
+.smart-donations-product {
+  .circle {
+    .circle-container {
+      left: 50px;
+      top: 150px;
+      width: 450px;
+    }
+  }
+}
+
+.responsive {
+  .circle {
+    .circle-container {
+      left: -450px;
+      top: -130px;
+      width: 500px;
+    }
+  }
+}
+
+
+
+@mixin vertical-align($position: relative) {
+  position: $position;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+}
+
+.vertical-align-content-container {
+  padding-top: 10%;
+
+  @include media-breakpoint-up(lg) {
+    padding-top: 13%;
+  }
+
+  @include media-breakpoint-up(xl) {
+    padding-top: 20%;
+  }
+}
+
+@media screen and ( max-width: 576px ) {
+  .gl-bordered h3 {
+    padding: 0;
+  }
+
+  .lower-background {
+    background-image: image-url("background-bottom-mobile.png");
+  }
+}
+
+@media screen and ( max-width: 992px ) {
+  .circle-top-left {
+    .circle-image-top-left-container {
+      top: -50px;
+      width: 250px;
+    }
+  }
+
+  .circle-top-right {
+    .circle-image-top-right-container {
+      top: 250px;
+      width: 250px;
+    }
+  }
+}
+

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "givelively/assets"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start(__FILE__)

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/givelively-assets.gemspec

@@ -0,0 +1,24 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'givelively/assets/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "givelively-assets"
+  spec.version       = Givelively::Assets::VERSION
+  spec.authors       = ["Larry Adames"]
+  spec.email         = ["adames.larry@gmail.com\n"]
+
+  spec.summary       = %q{The gem holds base assets that are common across all our applications}
+  spec.homepage      = "https://github.com/givelively/givelively-assets-gem"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject do |f|
+    f.match(%r{^(test|spec|features)/})
+  end
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.14"
+  spec.add_development_dependency "rake", "~> 10.0"
+end

data/lib/givelively/assets.rb

@@ -0,0 +1,8 @@
+require "givelively/assets/version"
+
+module Givelively
+  module Assets
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/givelively/assets/version.rb

@@ -0,0 +1,5 @@
+module Givelively
+  module Assets
+    VERSION = "0.1.0"
+  end
+end

metadata

@@ -0,0 +1,84 @@
+--- !ruby/object:Gem::Specification
+name: givelively-assets
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Larry Adames
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2017-10-24 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.14'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.14'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: 
+email:
+- 'adames.larry@gmail.com
+
+'
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- README.md
+- Rakefile
+- app/assets/javascripts/nav.js
+- app/assets/stylesheets/global.scss
+- bin/console
+- bin/setup
+- givelively-assets.gemspec
+- lib/givelively/assets.rb
+- lib/givelively/assets/version.rb
+homepage: https://github.com/givelively/givelively-assets-gem
+licenses: []
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.5.2
+signing_key: 
+specification_version: 4
+summary: The gem holds base assets that are common across all our applications
+test_files: []