John F Morton johnfmorton

## dontiframeme.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Don't iFrame Me, Bro.</title>
	<style type="text/css">
		body {
			background: white;
			font-size: 2rem;

## better-img-tag-reset.css
/*

References for this reset

Video explanation:
https://youtu.be/345V2MU3E_w?si=DCYNR9sQjp-cirs9

The Ultimate Low-Quality Image Placeholder Technique:
https://csswizardry.com/2023/09/the-ultimate-lqip-lcp-technique/

## doxter-cp-sticky-header-position.js
// This is a small fix for the sticky header position for Doxter, https://github.com/verbb/doxter
// I've included it in the Craft CMS control panel with another plugin, https://github.com/doublesecretagency/craft-cpjs
// but it could also be included in a custom module.

let resizeTimeout
let styleTag
let ruleIndex

window.addEventListener('resize', () => {
	clearTimeout(resizeTimeout)

## docker-compose-plausible-analytics.yml
version: "3.3"
services:
  mail:
    image: bytemark/smtp
    networks:
      - default
    restart: always

  plausible_db:
    # supported versions are 12, 13, and 14

## docker-compose-traefik.yml
# 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:

## fm-proxy-pdf-viewer.php
<?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');

## contract-numerical-formatting-style.css
ol {
  list-style-type: none;
  counter-reset: custom-counter;
}

ol li {
  counter-increment: custom-counter;
}

ol li::before {

## keybase.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                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:

  
## clipboard.ts
// 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;

## Module.php
<?php
namespace modules;

use modules\TwigFilterSha512;
use Craft;

/**
 * Custom module class.
 *
 * This class will be available throughout the system via:
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Don't iFrame Me, Bro.</title>
	<style type="text/css">
	body {
	background: white;
	font-size: 2rem;
	/*

	References for this reset

	Video explanation:
	https://youtu.be/345V2MU3E_w?si=DCYNR9sQjp-cirs9

	The Ultimate Low-Quality Image Placeholder Technique:
	https://csswizardry.com/2023/09/the-ultimate-lqip-lcp-technique/
	version: "3.3"
	services:
	mail:
	image: bytemark/smtp
	networks:
	- default
	restart: always

	plausible_db:
	# supported versions are 12, 13, and 14
	# 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:
	<?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');
	ol {
	list-style-type: none;
	counter-reset: custom-counter;
	}

	ol li {
	counter-increment: custom-counter;
	}

	ol li::before {
	// 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;
	<?php
	namespace modules;

	use modules\TwigFilterSha512;
	use Craft;

	/**
	* Custom module class.
	*
	* This class will be available throughout the system via: