jllahi’s gists

jllahi / prompt-engineer-lol

Created August 9, 2025 18:56 — forked from jonoroboto/prompt-engineer-lol

	----------------------------------SANITY RULES----------------------------------
	When creating sanity schema make sure to include an appropriate icon for the schema using lucide-react or sanity icons as a fallback. Make sure it's always a named export, make sure you're always using the Sanity typescript definitions if it's a ts file. Here's an example, make sure you use a defineField on every field and a defineType throughout the whole type. If you don't see any arrayMembers, don't import it:

	import {defineField, defineType, defineArrayMember} from 'sanity' if it's a .ts file.

	defineType({
	type: 'object',
	name: 'custom-object',
	fields: [
	defineField({

jllahi / magnify-this.js

Created March 20, 2024 03:28 — forked from jh3y/magnify-this.js

Magnify This. Bookmarklet code for magnifying a website.

	javascript:(function() {
	var portal;var magnification=1.6;var active=false;var magnifier;function teardown(){magnifier.remove();active=false;window.removeEventListener('pointermove',pointerSync);window.removeEventListener('scroll',scrollSync);window.removeEventListener('keydown',handleKeys)}function init(event){event.target.parentNode.remove();document.body.addEventListener('dblclick',activateMagnifier);activateMagnifier({x:event.x,y:event.y})}function notify(){const notification=Object.assign(document.createElement('div'),{className:'magnifier__info',innerHTML:`
	<div>
	<div>
	<span>Magnifier</span>
	<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
	<path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
	</svg>
	</div>
	<ul>

jllahi / workflows-nightly.yaml

Created March 16, 2024 23:24 — forked from ElianCodes/workflows-nightly.yaml

Upgrade your Astro integrations nightly

jllahi / AnimateCamera.jsx

Created March 15, 2024 14:34 — forked from ektogamat/AnimateCamera.jsx

useGSAP with React Three Fiber Camera Animation

	import { useThree } from '@react-three/fiber'
	import { gsap } from 'gsap'
	import { useGSAP } from '@gsap/react'

	export default function AnimateCamera() {
	// Accessing camera from Three.js
	const { camera } = useThree()

	useGSAP(() => { // The new hook will take care of context and life cicle.
	gsap.fromTo( // Creates the animation

jllahi / gsap-eases.css

Created January 8, 2024 16:46 — forked from jh3y/gsap-eases.css

GreenSock eases with CSS linear()

jllahi / clutter-free-vscode.jsonc

Created January 2, 2024 03:26 — forked from kamilogorek/_screenshot.md

Clutter-free VS Code Setup

	// Required Plugin: https://marketplace.visualstudio.com/items?itemName=drcika.apc-extension

	// settings.json
	{
	// Remove left-side icons
	"workbench.activityBar.location": "hidden",
	// Remove bottom status bar
	"workbench.statusBar.visible": false,
	// Remove position indicator in the editor's scrollbar
	"editor.hideCursorInOverviewRuler": true,

jllahi / css-debug.css

Created December 29, 2023 12:09 — forked from anytizer/css-debug.css

CSS Debugging by borders coloring of the tags

	http://yysource.com/2011/03/debugging-with-css-outline-all-elements/

	* { outline: 2px dotted red }
	* * { outline: 2px dotted green }
	* * * { outline: 2px dotted orange }
	* * * * { outline: 2px dotted blue }
	* * * * * { outline: 1px solid red }
	* * * * * * { outline: 1px solid green }
	* * * * * * * { outline: 1px solid orange }
	* * * * * * * * { outline: 1px solid blue }

jllahi / YouTube API — getting video thumbnail

Created December 21, 2023 13:44 — forked from protrolium/YouTube API — getting video thumbnail

YouTube API — getting video thumbnail

	Each YouTube video has 4 generated images. They are predictably formatted as follows:

	http://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg
	http://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg
	http://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg
	http://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg

	The first one in the list is a full size image and others are thumbnail images. The default thumbnail image (ie. one of 1.jpg, 2.jpg, 3.jpg) is:

	http://img.youtube.com/vi/<insert-youtube-video-id-here>/default.jpg

jllahi / sanityToMarkdownPosts.js

Created December 1, 2023 16:29 — forked from kmelve/sanityToMarkdownPosts.js

Convert a post type in Sanity.io to markdown files with frontmatter

	/* eslint-disable */
	const fs = require('fs')
	const sanityClient = require('@sanity/client')
	const groq = require('groq')
	const BlocksToMarkdown = require('@sanity/block-content-to-markdown')
	const config = { projectId: '<YourID>', dataset: '<DatasetName>', useCdn: true }
	const client = sanityClient(config)


	const serializers = {

Jordi jllahi