Skip to content

Instantly share code, notes, and snippets.

Avatar

David Piesse davidpiesse

  • David Piesse
  • UK
View GitHub Profile
View map.geojson
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View map.geojson
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@davidpiesse
davidpiesse / wiffle.md
Created May 29, 2020
Wiffle Ball - Pandemic Style
View wiffle.md

6 man Wiffleball

  • Pandemic safe Wiffleball

Equipment

  • Hand & Equipment Sanitizer
  • 2 Wiffle balls
  • 2 Wiffle bats
  • Wiffle Strike Zone (see https://www.youtube.com/watch?v=eGXfNZhg9vw )
  • Fence Markers (Could be poles, cones etc.) Ideally two high Viz fence markers and some cones
@davidpiesse
davidpiesse / index.js
Created Aug 5, 2019
Brand Colour Tailwind Plugin
View index.js
let brands = {
"500px": {
"title": "500px",
"slug": "500px",
"colors": ["0099e5", "ff4c4c", "34bf49"]
},
"about-me": {
"title": "About.me",
"slug": "about-me",
"colors": ["00a98f"]
@davidpiesse
davidpiesse / example.js
Created Jul 8, 2018
A auto loader that allows for loading modules quickly with an await function and then call anywhere else (Allows you to get out the the UMD function)
View example.js
import esri from '../moduleLoader'
async loaded(){
await esri.loadModules([
'esri/Map',
'esri/views/MapView',
'esri/widgets/Compass',
],true)
}
@davidpiesse
davidpiesse / Schedulable.php
Last active Jan 13, 2022
Laravel Custom Class/Model Scheduling
View Schedulable.php
<?php
//Don't forget to change the namespace!
namespace App\Traits;
use Cron\CronExpression;
use Illuminate\Support\Carbon;
use Illuminate\Console\Scheduling\ManagesFrequencies;
trait Schedulable{
@davidpiesse
davidpiesse / tailwind_md_all_colours.js
Last active Nov 7, 2021
A colour set for Tailwind CSS that include all Material Design Colours, shades, accents and contrast colours
View tailwind_md_all_colours.js
// https://davidpiesse.github.io/tailwind-md-colours/
//
//Notes
//
//All colours are generated from Material Design Docs
//Colours have a base, a set of shades (50-900) accent colours
//In addition a companion set of contrast colours are included for colouring text / icons
// Example usage
// class="w-full bg-red-600 text-red-600-constrast"
@davidpiesse
davidpiesse / tailwind_md_colours.js
Last active Nov 30, 2020
Replace the default (still great) colors from Tailwind to those from Material Design maintaining the Tailwind naming convention
View tailwind_md_colours.js
//Notes
//
//For mapping the 100-900 colors we have mapped as follows:
//darkest:900
//darker:700
//dark:600
//base:500
//light:400
//lighter:300
//lightest:100
View example.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Starter Template for Tailwind CSS</title>
<!-- Tailwind CSS Preflight CSS-->
@davidpiesse
davidpiesse / info.md
Last active Jan 31, 2018
Earthquake Stream Connection - Pusher
View info.md