Skip to content

Instantly share code, notes, and snippets.

View willowCeleste's full-sized avatar

Willow Celeste willowCeleste

  • Alley Interactive
  • Philadelphia
View GitHub Profile
@willowCeleste
willowCeleste / data-import.js
Created February 8, 2022 19:19
CSV import
const rollbar = require('../helpers/rollbar');
const _ = require('lodash');
module.exports = {
name: 'data-import',
label: 'Data Import',
pluralLabel: 'Data Imports',
seo: false,
openGraph: false,
addFields: [
@willowCeleste
willowCeleste / cursor.sass
Created February 8, 2022 19:00
Sass styles for custom cursor
[data-custom-cursor] {
cursor: none;
}
.o-cursor__pointer {
display: none;
@include media-breakpoint-up(large) {
z-index: zindex(modal);
position: absolute;
display: flex;
@willowCeleste
willowCeleste / cursor.js
Created February 8, 2022 18:44
Custom cursor/pointer logic
const component = '[data-custom-cursor]';
const pointer = '[data-cursor-pointer]';
let cursorX;
let cursorY;
let currentScroll;
const $component = $(component);
const $pointer = $(pointer);
export default {
@willowCeleste
willowCeleste / imageHero.js
Created February 8, 2022 18:42
Hero custom cursor logic at the module level
import Swiper, { Navigation, EffectFade } from 'swiper';
Swiper.use([Navigation, EffectFade]);
const component = document.querySelector('[data-component="imageHero"]');
export default {
init
};
function init () {
return bindEvents();