Skip to content

Instantly share code, notes, and snippets.

View james0r's full-sized avatar

James Auble james0r

12 followers · 3 following
View GitHub Profile
@james0r
james0r / final-javascript-gnsf
Created June 5, 2020 19:56
<script>
export default {
data() {
return {
greeting: null,
name: null
}
},
metaInfo: {
title: 'Hello, world!'
@james0r
james0r / simplephpform-markup.php
Created June 3, 2020 00:01
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A demo of a simple php contact form.">
<title>Simple PHP Form Demo</title>
</head>
@james0r
james0r / simplephpform.php
Created June 2, 2020 23:41
Simple Php Contact Form Snippet
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple PHP Form Demo</title>
</head>
<body>
@james0r
james0r / bootstrap-card-to-html-email-demo.markdown
Created May 13, 2020 17:46
Bootstrap Card to HTML Email Demo
@james0r
james0r / index.html
Created May 1, 2020 06:00
scrollmagic playground
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.14.2/TweenMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/ScrollMagic.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/plugins/animation.gsap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/plugins/debug.addIndicators.js"></script>
<div id="container">
<div id="block">
Hi there !
</div>
@james0r
james0r / carbon_getters.json
Created April 14, 2020 05:58
Carbon Fields Getter Functions VS Code Snippet
{
"Carbon Fields Get User Meta": {
"prefix": "carbongetusermeta",
"body": [
"carbon_get_user_meta( get_the_author_meta( 'ID' ), 'crb_${1:field name}' )"
],
"description": "Carbon Fields Get User Meta"
},
"Carbon Fields Get Post Meta": {
"prefix": "carbongetpostmeta",
@james0r
james0r / 1
Created April 13, 2020 16:15
infinite scroll code
var current_page = 1;
var awaiting = false;
function infinite_is_in_view() {
var scrollTop = $(window).scrollTop(),
elementOffset = $('.infinite-more-link.blog').offset().top,
distance = (elementOffset - scrollTop);
if (distance < $(window).height()) {
if (!awaiting) {
awaiting = true;
@james0r
james0r / 5
Created April 12, 2020 19:33
CSS Dropdown - Markup with <li> content
<header>
<div class="hamburger-container">
<div></div>
<div></div>
<div></div>
<input type="checkbox">
<nav>
<ul>
<li>
Item 1
@james0r
james0r / 4
Last active April 12, 2020 19:18
CSS Dropdown - Hide our checkbox input
input[type="checkbox"] {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0;
box-shadow: 0px 2px 5px 5px rgba(0,0,0, .3);
@james0r
james0r / 3
Created April 12, 2020 18:14
CSS Dropdown - Add box-shadow
input[type="checkbox"] {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0;
box-shadow: 0px 2px 5px 5px rgba(0,0,0, .3);