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 / 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 / bootstrap-card-to-html-email-demo.markdown
Created May 13, 2020 17:46
Bootstrap Card to HTML Email Demo
@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 / 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 / final-javascript-gnsf
Created June 5, 2020 19:56
<script>
export default {
data() {
return {
greeting: null,
name: null
}
},
metaInfo: {
title: 'Hello, world!'
@james0r
james0r / cs_php
Created June 21, 2020 02:37
<?php
return PhpCsFixer\Config::create()
->setRules(array(
'@PSR2' => true,
'array_indentation' => true,
'array_syntax' => array('syntax' => 'short'),
'combine_consecutive_unsets' => true,
'method_separation' => true,
'no_multiline_whitespace_before_semicolons' => true,
@james0r
james0r / router
Last active July 8, 2020 02:25
import Vue from "vue";
import Router from "vue-router";
import Signup from "./views/Signup.vue";
import Signin from "./views/Signin.vue";
import Home from "./components/ClientsComponent";
import axios from "axios";
import { API_URL } from "./constants";
const url = API_URL + "secret";
@james0r
james0r / glowing-text-animation.markdown
Created September 5, 2020 01:28
Glowing text animation
@james0r
james0r / q5.js
Last active November 27, 2021 01:24
q5 querySelector Helper Function
/**
* Returns matched element or nodelist.
*
* @param {string} A valid CSS selector.
* @param {HTMLElement} An object instance of HTMLElement.
* @param {boolean} True uses querySelectorAll and returns a Nodelist.
* @return {HTMLElement or Nodelist} Matched element or elements.
* Usage:
* q5('.some-class') // returns single element in the DOM tree
* q5('.some-class', ancestor) // returns single element descendant of parent element
@james0r
james0r / grav_flex_objects_cities_data.json
Created July 6, 2022 18:30
World cities with population > 100k
This file has been truncated, but you can view the full file.
{
"11": {
"published": true,
"country": "AE",
"admin1_code": "05",
"admin2_code": "",
"name": "Ras Al Khaimah City",
"ascii_name": "Ras Al Khaimah City",
"lat": "25.78953",
"lng": "55.9432",