Skip to content

Instantly share code, notes, and snippets.

View treetop1500's full-sized avatar

Robert Wade treetop1500

  • Gray Loon Marketing Group
  • Salt Lake City, Utah
View GitHub Profile
@treetop1500
treetop1500 / accessibility-console-scripts.js
Last active March 10, 2025 12:48
Accessibility Test Concole Scripts
// Find all elements with click handlers that aren't properly marked as interactive
const allElements = document.querySelectorAll('*');
const problematicElements = Array.from(allElements).filter(el => {
// Get click event listeners if any
const eventListeners = getEventListeners(el);
const hasClickListener = eventListeners && eventListeners.click && eventListeners.click.length > 0;
if (!hasClickListener) return false;
// Check if element is already an interactive element
@treetop1500
treetop1500 / custom-userway-link.html
Last active February 7, 2025 19:15
Custom Userway Link
@treetop1500
treetop1500 / skip-to-main.html
Created February 3, 2025 19:45
Hidden Skip Links
!-- HTML -->
<a href="#main-content" class="skip-link">Skip to main content</a>
<nav>
<!-- Your navigation content -->
</nav>
<main id="main-content" tabindex="-1">
<!-- Your main content -->
</main>
@treetop1500
treetop1500 / middleware.js
Created September 17, 2024 22:51
NextJS Middleware
import { NextResponse } from 'next/server';
export const config = {
matcher: ['/'],
};
const THRESHOLD = 0.5;
const COOKIE_NAME = 'tm_var';
export function middleware(req) {
@treetop1500
treetop1500 / _meta.html.twig
Last active August 31, 2024 21:28
Twig template for meta tags, titles and other head element meta data.
{#
Relies mostly on a meta array containing appropriate values.
site_name is a parameter set as a Twig Global
default_share_image is a fallback parameter set as a Twig Global
#}
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow" />
<meta property="og:type" content="website" />
@treetop1500
treetop1500 / middleware.js
Created August 20, 2024 21:12
NextJS Middleware Javascript
import { NextResponse } from 'next/server';
export const config = {
matcher: ['/'],
};
const THRESHOLD = 0.5;
const COOKIE_NAME = 'tm_var';
export function middleware(req) {
@treetop1500
treetop1500 / ProductCategory.php
Created March 22, 2017 14:12
Sortable Drag and Drop Entities with Symfony and HTML5
<?php
namespace Common\ContentBundle\Entity;
...
use Gedmo\Mapping\Annotation as Gedmo;
class ProductCategory
{
...
/**
* @var integer $position
@treetop1500
treetop1500 / FlatpickerDateTimeType.php
Last active September 10, 2022 08:52
Symfony3 Form Extension for use with Flatpickr javascript date/time pickers
<?php
namespace MyBundle\Form\Extension;
use Symfony\Component\Form\AbstractType;
use Symfony\Component\OptionsResolver\OptionsResolver;
use Symfony\Component\Form\Extension\Core\Type\DateTimeType;
/**
* Class FlatpickrDateTimeType
* @package MyBundle\Form\Extension
@treetop1500
treetop1500 / darkmode.js
Created March 17, 2022 21:45
Recaptcha and Mapkit Dark Mode swapping with Javascript
// Recaptcha HTML: <div class="g-recaptcha" data-sitekey="{{ site_key }}" data-theme="dark" id="recaptcha"></div>
// MapKit HTML: <div id="map" class="h-full"></div>
// (also requires installation of mapkit.js and recaptcha.js scripts)
var recpatcha = document.getElementById('recaptcha')
var mapKitColorMode = "light";
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
recpatcha.setAttribute('data-theme', 'dark');
mapKitColorMode = "dark"
@treetop1500
treetop1500 / 1. composer.json
Last active January 19, 2022 08:26
Amazon S3 Force Download of Remote File with Symfony (AWS S3 PHP SDK V.3)
{
},
"require": {
"aws/aws-sdk-php": "3.*"
}
}