dblodorn

# Git Alias
alias gs='git status'
alias gc='git checkout'
alias gb='git branch'
alias gm='git merge'
alias gp='git pull'
alias gclone='git clone'
alias gcm='git commit -m'
alias gpo='git push origin'
alias ga='git add .'

dblodorn

import React, { Component } from 'react';
import { heights, widths } from './../styles/theme.json';

export default class ResponsiveWrapper extends Component {
  constructor(props) {
    super(props);
    this.state = {
      height: {},
      homeHeightRatio: this.props.ratio,
      wrapperWidth: this.props.wrapperWidth

dblodorn

import React, { Component } from 'react';
import Image from './../dom-elements/Image';
import ProjectDetailCaption from './../ProjectDetailCaption';
import PortfolioPopover from './PortfolioPopover';
import { getKey, photoArray, bgImage } from './../../scripts';
import { spacing, widths, colors } from './../../styles/theme.json';
import './flex-layout.scss';

export default class FlexiblePortfolioLayout extends Component {
  constructor(props) {

dblodorn

import React, { Component } from 'react';
import Image from './../dom-elements/Image';
import ProjectDetailCaption from './../ProjectDetailCaption';
import PortfolioPopover from './PortfolioPopover';
import { getKey, photoArray } from './../../scripts';
import { spacing, widths } from './../../styles/theme.json';
import './flex-layout.scss';

export default class FlexiblePortfolioLayout extends Component {
  constructor(props) {

dblodorn

import React from 'react';
import {
  BrowserRouter as Router,
  Route,
  NavLink
} from 'react-router-dom';
import { filterCategory } from './../scripts';
import PageWrapper from './PageWrapper';
import HeroSlider from './hero-slider/HeroSlider';
import MasonryGrid from './MasonryGrid';

dblodorn

<template lang="pug">
  #vimeoPlayer-wrapper
    #vimeo-wrapper
      #vimeo-panel
    #video-bg
      #logo(v-on:click="playVideo")
    #progress-bar
      #progress
    #control-bar.flex.flex-center-center
      transition(name="fade")

dblodorn

import widthCheck from './_app/width-check'

// Test Functions
const testFunc1 = () => {
  console.log('test func 1')
}

const testFunc2 = () => {
  console.log('test func 2')
}

dblodorn

<template lang="pug">
  section#multi-media-sequence-container(:data-transition-length="transition")
    ul#multi-media-sequence-wrapper
      li.sequence-slide(v-for="(slide, index) in sequencesrc" :id="'sequence-frame-' + index" :data-slide-type="slide.type")
        .static-container(v-if="slide.type == 'static'" :data-timeout-length="slide.content.timeout_length")
          SequenceStatic(:staticslide="slide.content" :transitiontime="transition" :index="index")
        .video-container(v-if="slide.type == 'video'" )
          VideoPlayer(:videourl="slide.src" :transitiontime="transition" :index="index")
</template>

dblodorn

export const elementIterate = (selector,fn) => {
  const itemToIterate = document.querySelectorAll(selector)
  let i = 0
  setTimeout(() => {
    if(itemToIterate) {
      while(i < itemToIterate.length) {
        fn(itemToIterate,i)
        i++
      }
    }

dblodorn

// Takes a Selector and Function as Argument
// Supply as Array

export const elementIterate = (config) => {
  let fnCount = 0,
      i = 0
  const iterateFuncShell = (selector,fn) => {
    const itemToIterate = document.querySelectorAll(selector)
    setTimeout(() => {
      if(itemToIterate) {