erikyo’s gists

erikyo / avif-args-comparison.ipynb

Last active July 23, 2024 20:10

avif-quality-vs-speed.ipynb

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

erikyo / avif-args-comparison.ipynb

Last active July 23, 2024 21:05

avif-quality-vs-speed.ipynb

Sorry, something went wrong. Reload?

Sorry, we cannot display this file.

Sorry, this file is invalid so it cannot be displayed.

erikyo / sprintf.d.ts

Last active May 8, 2024 20:00

Strongly typed sprintf (allows placeholders and named placeholders)

	type Specifiers = {
	's': string,
	'd': number,
	'b': boolean,
	'D': Date
	};
	type S = keyof Specifiers;

	type ExtractNamedPlaceholders<T extends string> =
	T extends `${infer Start}%(${infer Key})${infer Spec}${infer Rest}`

erikyo / lazy-background.php

Created March 25, 2024 06:34

Wordpress background and video lazy load

	<?php
	/**
	* Lazy load background images and videos in Gutenberg blocks
	* @param $block - the block
	* @param $parsed - the parsed block data
	* @return array\|mixed\|string\|string[]\|null
	*/
	function vsge_lazy_cover( $block, $parsed ) {
	// Check if the 'url' attribute is set
	if ( isset( $parsed['attrs']['url'] ) ) {

erikyo / script.js

Last active March 6, 2024 20:12

Select all the emojis in the page and wrap them into a span. Fix for this wordpress dark mode block plugin

	function wrapEmojisWithDiv() {
	const emojiRegex = /\p{Emoji_Presentation}/gu;

	// Select all elements containing text
	const elementsWithText = document.querySelectorAll('*:not(script):not(style)');

	elementsWithText.forEach(function(element) {
	// node 3 is "text"
	if (element.childNodes[0]?.nodeType === 3) {
	// Wrap emojis with a div with the class "no-dark" that disables the "invert" filter

erikyo / wpmm-schema.json

Created December 11, 2023 09:27

The schema json for WPMM

	{
	"$schema": "http://json-schema.org/draft-07/schema#",
	"type": "object",
	"properties": {
	"wordpress": {
	"type": "object",
	"properties": {
	"name": {
	"type": "string"
	},

erikyo / wp-package.json

Created December 9, 2023 14:01

wpmm wp-package.json template

	{
	"name": "wordpress",
	"wordpress": {
	"version": null,
	"language": "it_IT",
	"config": {
	"DB_NAME": "my_db_name",
	"DB_USER": "my_db_username",
	"DB_PASSWORD": "my_db_password",
	"DB_HOST": "localhost",

erikyo / browser_sec.html

Created November 18, 2023 06:38

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<title>Browser Security Test</title>
	<!-- Google Fonts -->
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">

erikyo / checkCookieConsentAndShowPopup.js

Created October 17, 2023 13:17

Show a message after the cookie Consent Popup - This gist contains JavaScript code for displaying a customizable banner on a website after the user has accepted cookie consent. The code checks for the presence of a specific cookie and shows the banner with configurable content once the user has provided consent. This code can be integrated into …

	// the name of the cookie to check before showing the popup
	const COOKIE_NAME = "cookieyes-consent";
	const COOKIE_POPUP = "ctaBannerShown";
	const COOKIE_POPUP_CLASS = "popup-cta";
	const COOKIE_POPUP_LINK = "//google.com";

	/**
	* The content of the banner
	*
	* @type {{reject: string, text: string, title: string, accept: string}}

erikyo / simple_toast_notification.js

Created October 13, 2023 13:21

This code defines a JavaScript function named makeToast designed for displaying customizable toast notifications on a web page. Toast notifications are often used to provide brief, non-intrusive feedback or information to the user.

	function makeToast( message = 'OK!', timeout = 3000 ) {
	// Create the toast notification element
	const toast = document.createElement('div');
	toast.textContent = message;
	toast.style = 'display:block;max-width:calc(100% - 20px);position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:10px 20px;border-radius:5px;';

	// display the toast notification
	document.body.appendChild(toast);

	// Hide and remove the toast after a while

Erik Golinelli erikyo