Josh Thomas joshuadavidthomas

[use-carousel] Headless UI React hook for building a scroll-based carousel

BYO-UI. No CSS necessary. Inspired by react-table.

Usage:

const {
  getLeftNavProps,
 getRightNavProps,

Permanent WSL DNS Fix (WSL 2.2.1+)

If you're encountering ping github.com failing inside WSL with a Temporary failure in name resolution, you're not alone — this has been a long-standing issue, especially when using VPNs or corporate networks.

This issue is now fixed robustly with DNS tunneling, which preserves dynamic DNS behavior and avoids limitations like WSL’s former hard cap of 3 DNS servers in /etc/resolv.conf.

DNS tunneling is enabled by default in WSL version 2.2.1 and later, meaning that if you're still seeing DNS resolution issues, the first and most effective fix is simply to upgrade WSL. Upgrading WSL updates the WSL platform itself, but does not affect your installed Linux distributions, apps, or files.

To upgrade WSL, follow these steps,

Alternative command to django loaddata when it is necessary to append fixture objects into an existing database. Instead of merging fixture data with your existing models (as it does loaddata) it appends all fixtures object by resetting all pk. M2M relations are managed at the end of the process, mapping the old primary keys with the new primary keys:

Example of test (appending data from Website2 into Website1):

# Website 1
python manage.py dumpdata app1 app2 ... > test_append_data_fixtures_pre.json

# Website 1
python manage.py dumpdata app1 app2 ... &gt; fixture_to_import.json

Super Guide to the `split-window` tmux Subcommand (and Beyond)

Guide overview

tmux, like other great software, is deceptive. On the one hand, it's fairly easy to get set up and start using right away. On the other hand, it's difficult to take advantage of tmux's adanced features without spending some quality alone time with the manual. But the problem with manuals is that they aren't geared toward beginners. They are geared toward helping seasoned developers and computer enthusiasts quickly obtain the

Integrates:

The code below displays a single paginated table with a simple filter.

Inspired by this article

	#!/bin/bash
	#
	# renew-letsencrypt-certificates.sh DOMAIN [EMAIL]
	#
	# Copy Let's Encrypt SSL certs from a remote public facing web server to local filesystem
	# Look for changes, if any change, restarts the web service
	# Useful for using Let's Encrypt with local internal servers, with custom DNS.
	# Working "mail" command needed for email alerts
	#

	import React, { useState, useCallback } from "react";
	import { useBlurhash } from "./use-blurhash";
	import { useInView } from "react-intersection-observer";

	type Props = React.DetailedHTMLProps<
	React.ImgHTMLAttributes<HTMLImageElement>,
	HTMLImageElement
	> & { blurhash?: string \| null };

	// Uses browser-native `loading="lazy"` to lazy load images

	{
	"$schema": "https://aka.ms/terminal-profiles-schema",
	"copyOnSelect": false,
	"defaultProfile": "{574e775e-4f2a-5b96-ac1e-a2962a402336}",
	// Add custom keybindings to this array.
	// To unbind a key combination from your defaults.json, set the command to "unbound".
	// To learn more about keybindings, visit https://aka.ms/terminal-keybindings
	"keybindings":
	[
	// Copy and paste are bound to Ctrl+Shift+C and Ctrl+Shift+V in your defaults.json.

	.cm-green {
	background-image: linear-gradient(30deg,#16d6d9,#96cc29);
	}

	.cm-blue {
	background-image: linear-gradient(30deg,#009cf3,#16d6d9);
	}

	.cm-pink {
	background-image: linear-gradient(30deg,#ff2277,#7a288c);

	import wagtail.admin.rich_text.editors.draftail.features as draftail_features
	from wagtail.admin.rich_text.converters.html_to_contentstate import InlineStyleElementHandler
	from wagtail.core import hooks

	@hooks.register('register_rich_text_features')
	def register_custom_style_feature(features):

	feature_name = 'mycustomstyle' # .mycustomstyle will have to be defined in the CSS in order to get frontend styles working
	type_ = feature_name.upper()
	tag = 'span'