Skip to content

Instantly share code, notes, and snippets.

View johnfmorton's full-sized avatar
⌨️
Making stuff

John F Morton johnfmorton

⌨️
Making stuff
View GitHub Profile
@johnfmorton
johnfmorton / docker-compose-plausible-analytics.yml
Created July 17, 2023 20:16
Plausible Analytics Docker Compose file for Laravel Forge using Traefik for routing traffic
version: "3.3"
services:
mail:
image: bytemark/smtp
networks:
- default
restart: always
plausible_db:
# supported versions are 12, 13, and 14
@johnfmorton
johnfmorton / docker-compose-traefik.yml
Last active July 17, 2023 20:39
Traefik Docker Compose file - used on Laravel Forge
# In my deployment script, I create the 'proxy' network that Traefik uses
# # Check for the network 'proxy', and, if it does not already exist, create it
# docker network ls | grep proxy || docker network create proxy
version: "3.7"
networks:
proxy:
external: true
services:
@johnfmorton
johnfmorton / fm-proxy-pdf-viewer.php
Created April 29, 2023 19:21
A proxy script to retrieve a PDF on a FileMaker server
<?php
// Referenced in blog post, Learning the FileMaker Data API by trial and error.
// https://supergeekery.com/blog/learning-the-filemaker-data-api-by-trial-and-error
// Sample URL hitting this proxy:
// https://my-proxy-server.com/api/fm-proxy-pdf-viewer.php?token=123&pdfUrl=https%3A%2F%2Fexample-filemaker-server.com%2FStreaming_SSL%2FMainDB%abc.pdf%3FRCType%3DEmbeddedRCFileProcessor
if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS' && isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_METHOD'])) {
// This is a preflight request, so send the CORS headers
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE');
@johnfmorton
johnfmorton / contract-numerical-formatting-style.css
Last active April 17, 2023 18:23
Format ordered lists in contract format. 1 > 1.1 > 1.1.a
ol {
list-style-type: none;
counter-reset: custom-counter;
}
ol li {
counter-increment: custom-counter;
}
ol li::before {
@johnfmorton
johnfmorton / keybase.md
Created February 28, 2023 12:20
Keybase proof

Keybase proof

I hereby claim:

  • I am johnfmorton on github.
  • I am johnmorton (https://keybase.io/johnmorton) on keybase.
  • I have a public key ASDu_0vG5Qiy-9cd2ilRG_Ykj1cFsrOxNLWZ5aiNYh1ZSQo

To claim this, I am signing this object:

@johnfmorton
johnfmorton / clipboard.ts
Created December 28, 2022 19:15 — forked from max10rogerio/clipboard.ts
Example Copy to Clipboard with Typescript
// https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Interact_with_the_clipboard
/**
* Interface CopyToClipboard params
*/
interface ICopyToClipboard {
/** HTML reference identifier ```<div id="foo"></div>``` */
target?: string;
/** String value */
value?: string;
@johnfmorton
johnfmorton / Module.php
Created October 19, 2022 18:31
Craft CMS 4.x SHA512 filter for use in a module
<?php
namespace modules;
use modules\TwigFilterSha512;
use Craft;
/**
* Custom module class.
*
* This class will be available throughout the system via:
@johnfmorton
johnfmorton / intersection-observer-example.js
Created April 22, 2022 14:00
Simple example of an IntersectionObserver
// get all .blade elements
let bladeElements = document.querySelectorAll('.blade');
function handleIntersection(entries) {
entries.map((entry) => {
if (entry.isIntersecting) {
entry.target.classList.add('blade--active');
} else {
entry.target.classList.remove('blade--active');
}
@johnfmorton
johnfmorton / proxy-for-partytown.php
Last active March 29, 2024 12:31
Simple proxy with php for use with Partytown
<?php
/**
* About this script:
* This proxy was built with PartyTown.js in mind. https://github.com/BuilderIO/partytown
* Partytown is a lazy-loaded library to help relocate resource intensive scripts into a
* web worker, and off of the main thread.
* Many third-party scripts already provide the correct CORS headers, but not all do.
* For services that do not add the correct headers, then a reverse proxy to another domain must be used in order to provide the CORS headers.
* see: https://github.com/BuilderIO/partytown/wiki/Proxying-Requests
@johnfmorton
johnfmorton / ambient-video-play-on-enter.js
Last active January 18, 2022 14:52
Play an ambient video (muted inlin
var ambientVideo = document.getElementById("ambientVideo");
/**
// in HTML page
<video muted playsinline id='abientVideo'>
<source src="my-video-file.webm" type="video/webm">
</video>