Skip to content

Instantly share code, notes, and snippets.

View stuartpearman's full-sized avatar

Stuart Pearman stuartpearman

7 followers · 4 following
View GitHub Profile
@stuartpearman
stuartpearman / recaptcha-client.js
Last active November 5, 2020 13:46
recaptcha-v3
function initRecaptcha () {
// If you want recaptcha enabled on a form, give it the data-recaptcha attribute
var recaptchaForms = document.querySelectorAll('form[data-recaptcha]');
recaptchaForms.forEach(form => {
form.addEventListener('submit', e => {
e.preventDefault();
grecaptcha.ready(function() {
grecaptcha.execute('PUBLICKEY', { action: 'submit' }).then(function(token) {
@stuartpearman
stuartpearman / Loader.js
Last active May 17, 2018 18:20
import React from 'react'
const Loader = () => {
// This is a plain 'ol javascript object, but it could easily
// be parsed JSON from an API
const componentList = [
{
name: 'Test',
content: 'I am some text',
@stuartpearman
stuartpearman / index.html
Created April 27, 2017 17:00
Simple vanilla modal
<div class="modal-outer">
<div class="modal-box">
<div class="modal-content">
<!-- CONTENT HERE -->
</div>
</div>
<button class="exit-modal">X</button>
</div>
@stuartpearman
stuartpearman / index.html
Last active March 23, 2017 17:33
CSS Spacing Starter Files
<!DOCTYPE html>
<html>
<head>
<title>CSS Spacing</title>
<link rel="stylesheet" type="text/css" href="starter.css">
</head>
<body>
<header>
<div class="container">
<nav class="navbar">
@stuartpearman
stuartpearman / index.html
Created February 22, 2017 19:24
<header class="hero">
<div class="hero--backdrop backdrop"></div> <!-- This div only exists to hold background image -->
<div class="hero--content container">
<h1>A Quirky new product</h1>
<p class="tagline">Our product does something <strong>slightly different</strong> than its competitors</p>
<button>BUY! DON'T THINK, BUY IMMEDIATELY.</button>
</div> <!-- /.hero--content -->
</header>
<div style="text-align: center; margin-top: 50px;"> <!-- Filler content to show scroll effect -->
@stuartpearman
stuartpearman / css-hover-effect.js
Created February 8, 2017 13:34
var CSS_COLOR_NAMES = ['DarkBlue', 'DarkCyan', 'DarkGoldenRod',
'DarkGreen', 'DarkKhaki', 'DarkMagenta', 'DarkOliveGreen',
'Darkorange', 'DarkOrchid', 'DarkRed', 'DarkSalmon', 'DarkSeaGreen',
'DarkSlateBlue', 'DarkSlateGray', 'DarkSlateGrey', 'DarkTurquoise',
'DarkViolet', 'DeepPink', 'DeepSkyBlue', 'Violet', 'Wheat', 'YellowGreen']
function title () {
var titleTag = document.getElementsByTagName('H1')[0]
console.log(titleTag)