Skip to content

Instantly share code, notes, and snippets.

View davidpiesse's full-sized avatar

David Piesse davidpiesse

46 followers · 6 following
View GitHub Profile
@davidpiesse
davidpiesse / tailwind_md_all_colours.js
Last active April 5, 2024 14:55
A colour set for Tailwind CSS that include all Material Design Colours, shades, accents and contrast colours
// 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 / Schedulable.php
Last active September 7, 2023 15:22
Laravel Custom Class/Model Scheduling
<?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 / example.html
Created November 7, 2017 20:34
<!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 / map.geojson
Last active March 5, 2021 15:06
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@davidpiesse
davidpiesse / map.geojson
Created February 16, 2021 17:56
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@davidpiesse
davidpiesse / tailwind_md_colours.js
Last active November 30, 2020 21:35
Replace the default (still great) colors from Tailwind to those from Material Design maintaining the Tailwind naming convention
//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
@davidpiesse
davidpiesse / wiffle.md
Created May 29, 2020 16:32
Wiffle Ball - Pandemic Style

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 August 5, 2019 13:59
Brand Colour Tailwind Plugin
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 July 8, 2018 18:33
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)
import esri from '../moduleLoader'
async loaded(){
await esri.loadModules([
'esri/Map',
'esri/views/MapView',
'esri/widgets/Compass',
],true)
}
@davidpiesse
davidpiesse / vue-switch-style
Created March 1, 2017 14:52
VueJS Switch Custom Style - SASS to CSS conversion
.vue-switcher-theme--custom.vue-switcher-color--green div {
background-color: #C8E6C9;
}
.vue-switcher-theme--custom.vue-switcher-color--green div:after {
background-color: #43A047;
}
.vue-switcher-theme--custom.vue-switcher-color--green.vue-switcher--unchecked div {
background-color: #E0E0E0;
}
.vue-switcher-theme--custom.vue-switcher-color--green.vue-switcher--unchecked div:after {