Skip to content

Instantly share code, notes, and snippets.

View mxmbadev's full-sized avatar

Brandon Espinoza mxmbadev

View GitHub Profile
sections:
main:
display: Main
fields:
homepage:
type: section
display: Homepage
apps:
mode: stacked
min_rows: 1
@mxmbadev
mxmbadev / lottie-animation.json
Last active June 20, 2019 15:15
Lottie Animations
{"v":"5.5.5","fr":60,"ip":0,"op":181,"w":1920,"h":1080,"nm":"Comp 2","ddd":1,"assets":[],"fonts":{"list":[{"fName":"GellerHeadline-Bold","fFamily":"Geller Headline","fStyle":"Bold","ascent":69.5999145507812}]},"layers":[{"ddd":1,"ind":1,"ty":5,"nm":"WAZZUP???","parent":2,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7},"p":{"a":0,"k":[5.402,-85.055,0],"ix":2},"a":{"a":0,"k":[-0.196,-29.834,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"t":{"d":{"k":[{"s":{"s":92,"f":"GellerHeadline-Bold","t":"WAZZUP???","j":2,"tr":-14,"lh":110.4,"ls":0,"fc":[0.933,0.235,0.235]},"t":0}]},"p":{},"m":{"g":1,"a":{"a":0,"k":[0,0],"ix":2}},"a":[]},"ip":90,"op":181,"st":0,"cp":true,"bm":0},{"ddd":1,"ind":2,"ty":4,"nm":"BG 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"rx":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":60,"s":[-180],"e":[0]},{"t":120}],"ix":8},"ry":{"a":0,"k":0,"ix":9},"rz":{"a":0,"k":0
@mxmbadev
mxmbadev / Email Bullet Proof Buttons! Even Outlook!
Last active March 27, 2019 21:12
I hope this helps because I know how much trouble it is to code emails and especially for Outlook!
Buttons that actually work!!
Look into the html comments to customize your buttons. Feel free to ask any questions you have.
@mxmbadev
mxmbadev / smooth_scrolling.js
Created October 28, 2016 23:20
This is smooth scrolling from w3 schools. Works like a charm. Requirements is just to make sure you have jquery in your project.
$(document).ready(function(){
$("a").on('click', function(event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();
// Store hash
var hash = this.hash;
@mxmbadev
mxmbadev / index.html
Created January 19, 2016 15:44
A responsive Transparent Nav within a background image
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
@mxmbadev
mxmbadev / smooth-scrolling.js
Last active October 28, 2016 23:21
Smooth Scroll for any Nav Bar when clicked on links for one page websites VERSION 1.0 (Check Version 2.0)
$(document).ready(function(){
$('.nav li a').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
&& location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target
|| $('[name=' + this.hash.slice(1) +']');
if ($target.length) {
var targetOffset = $target.offset().top;
$('html,body')