mhed89’s gists

mhed89 / canvas-text-input-save-image.markdown

Created April 24, 2025 09:31

Canvas text input save image

mhed89 / get_spotify_token.py

Created April 15, 2025 21:06

Get Spotify Access Token

	import requests
	import json

	# Your Spotify app credentials
	CLIENT_ID = ""
	CLIENT_SECRET = "" # Replace with your actual client secret
	REDIRECT_URI = "https://httpbin.org/anything"

	# The authorization code you received
	AUTH_CODE = "YOUR_AUTH_CODE" # Replace with the actual authorization code you received

mhed89 / imageuploadfield.js

Created August 26, 2024 17:09 — forked from primableatom/imageuploadfield.js

Image upload field component for Extjs

	/**
	* This componet handles icon upload along with preview and drag drop.
	* Usage: include it as xtype: 'imageuploadfield', including this field in a form requires us to submit it via a method submitWithImage instead of submit.
	*/

	Ext.define('SomeNameSpace.ImageUploadField', {
	alias: 'widget.imageuploadfield',
	extend: 'Ext.form.FieldContainer',

	/**

mhed89 / filtering-acf-repeater-sub-field.php

Created March 7, 2024 15:42

wp_query ACF repeater sub_fields

	<?php

	/**
	* Filters the posts by the specified author and returns the matching post IDs.
	* If no matching posts are found, it returns a message indicating that no posts were found for the specified author.
	*
	* @param string $search_author The author to filter the posts by.
	* @return array\|string The array of matching post IDs or a message indicating no posts were found.
	*/
	if (!empty($search_author)) {

mhed89 / alpinejs-contrast-color.blade.php

Last active February 20, 2024 13:10

alpinejs contrast setting text-color and border-color depending on background-color

	<div class="bg-{{ $backgroundColor }}" x-data="colorContrast()" x-bind:class="textColorClass">
	<p>Text som ska ändra färg beroende på bakgrundsfärg</p>
	<a class="leading-non inline-block rounded-3xl border px-6 py-4 text-xs font-bold no-underline" href="{{ $card['card_button']['url'] }}" x-bind:class="borderColorClass">
	{{ $card['card_button']['title'] }}
	</a>
	</div>

	<script>
	document.addEventListener('alpine:init', () => {
	Alpine.data('colorContrast', () => ({

mhed89 / index.html

Created January 4, 2024 06:15 — forked from cdsaenz/index.html

Demo Alpine JS and Fetch from Remote API

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Alpine Ajax test</title>
	</head>
	<body>
	<h1>Users API Retrieval Test</h1>

mhed89 / gutenberg.txt

Created December 5, 2023 07:09 — forked from chrismccoy/gutenberg.txt

Gutenberg Resources

	How to Read WordPress Block Content Programmatically
	https://www.ibenic.com/read-wordpress-block-content-programmatically/

	Creating a Server-Side Rendered ACF Field Block for WordPress
	https://wpblockz.com/tutorial/learn-gutenberg-block-building-create-a-block-that-renders-an-acf-field/

	Coding Gutenberg Toggle Control Block Settings
	https://wpblockz.com/tutorial/wp-gutenberg-editor-controls-form-toggle/

	Remove the default block patterns from WordPress

mhed89 / post-filter-function.php

Created February 13, 2023 07:16

	<?php

	public function postFilter()
	{
	// Define custom post type and taxonomies
	$post_type = 'product';
	$taxonomies = array('brand', 'category');

	// Get the current page number
	$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;

mhed89 / read-N-rows.sh

Created February 3, 2023 18:55

Get the first N lines of a file

	head() {
	# Usage: head "n" "file"
	while IFS= read -r line; do
	printf '%s\n' "$line"
	i=$((i+1))
	[ "$i" = "$1" ] && return
	done < "$2"

	# 'read' used in a loop will skip over
	# the last line of a file if it does not contain

mhed89 / mixin-icons.scss

Created January 24, 2023 11:14

scss mixin for icon element

	@mixin svg-icon($name, $height: 24, $width: 24, $color: $color-primary) {
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	height: calc($height / $base-font-size) + rem;
	width: calc($width / $base-font-size) + rem;
	background-color: $color;
	mask-image: url(~@images/icons/#{$name}.svg);
	background-size: cover;
	mask-size: contain;

Markus mhed89