Skip to content

Instantly share code, notes, and snippets.

View jeremybatesDC's full-sized avatar
🤷
¯\_(ツ)_/¯

jB jeremybatesDC

🤷
¯\_(ツ)_/¯
  • DC
View GitHub Profile
@jeremybatesDC
jeremybatesDC / simpleVueVideoEmbed
Created January 19, 2022 22:24
Simple Vue Video Embed
<template lang="pug">
.vimeoEmbed__wrapper
p.vimeoEmbed__p
| These partners have achieved real results by adding security solutions to their stack with Pax8. Tap on a hexagon to experience their stories, or watch a video below.
.vimeoEmbed__wrapper--inner
iframe.vimeoEmbed__iframe(:src="$store.state.videosFeatured[$store.state.cOb.slug].vidURL" frameborder="0" width="384" height="216")
.vimeoEmbed__filmstrip
img.vimeoEmbed__thumb(v-for="(vid, index) in $store.state.videosFeatured[$store.state.cOb.slug].vids" tabindex="0" role="button" loading="lazy" decoding="async" width="112" height="63" :src="`${vid.srcThumb}`" :alt="`link to video ${index}`" @click="featureMe(vid)")
</template>
@jeremybatesDC
jeremybatesDC / onboardingForm.vue
Last active January 5, 2022 18:15
super clean Vue form
<template lang="pug">
.onboard__wrapper.onboard__wrapper--landing
header
h1 Welcome to the Pax8 Onboarding Assessment!
section
form(@submit.prevent="validateEmail")
label(:hidden="!isPax8person && !isBadAsteroidPerson")
span Partner Email Address
input(ref="emailInput" type="email" v-model.trim.lazy="email" required)
button.button.button--start(ref="emailSubmitButton" type="submit") Start Assessment
@jeremybatesDC
jeremybatesDC / AdminList.vue
Created January 5, 2022 17:07
AdminList.vue
<template lang="pug">
span
.contentArea--manager.contentArea--managerList.manager__scopeContainer
.use-case__wrapper--outer.flex.flex-row
//- this was and shall be again dynamic
.use-case-filters.flex.flex-column
header.admin__header--topMost
.admin__headline--page Success Stories
.category-filter
fieldset.fieldset--filters
@jeremybatesDC
jeremybatesDC / _map_d3_US_ecommerce.js
Last active May 21, 2019 16:22
custom e-commerce D3 map
//must stick to ES5
;(function iftMapFunction(){
"use strict";
//for in loop
function UTILITY_clearThisObject(objectToEnumerate){
for(var thisPropName in objectToEnumerate) {
objectToEnumerate[thisPropName] = '';
}
}
@jeremybatesDC
jeremybatesDC / _customPatternLibNodeSide.js
Last active May 21, 2019 15:48
customPatternLibFiles
var config = require('../config')
if (!config.tasks.html) return
var browserSync = require('browser-sync')
//var data = require('gulp-data')
var gulp = require('gulp')
var handleErrors = require('../lib/handleErrors')
var htmlmin = require('gulp-htmlmin')
var path = require('path')
var render = require('gulp-nunjucks-render')