meodai

/**
 * Web Component Boilerplate
 * ------------------------
 * This boilerplate provides a foundation for creating Web Components using TypeScript.
 * It implements best practices and common patterns for building maintainable,
 * type-safe custom elements.
 * 
 * Key Features:
 * - TypeScript support with strict typing
 * - Shadow DOM encapsulation

meodai

<div class="array">Original</div>
<div class="generator">Generator</div>
<div class="optimizedArray">Combo</div>

meodai

function ..
    cd ..
end

meodai

function tv7
	echo "Fetching new playlist"
	set tvcurl (curl --fail https://api.init7.net/tvchannels.xspf -o ~/Movies/Fiber7.TV.tmp.xspf);
	if test tvcurl
		echo "Refreshing playlist"
		if test -e ~/Movies/Fiber7.TV.xspf
    	rm ~/Movies/Fiber7.TV.xspf
		end
		if test -e ~/Movies/Fiber7.TV.tmp.xspf
			mv ~/Movies/Fiber7.TV.tmp.xspf ~/Movies/Fiber7.TV.xspf

meodai

<div class="array">Original</div>
<div class="generator">Generator</div>
<div class="optimizedArray">Combo</div>

meodai

1. Bust a Move 4 (PS1)

Description : Un jeu de puzzle à la Tetris, facile à prendre en main. Les enfants adoreront les défis colorés tout en améliorant leurs compétences de résolution de problèmes.

• Vidéo
• Rom/Iso

2. Super Mario All-Stars

Description : Une collection remastérisée des classiques de Super Mario sur Nintendo. Bien que fun, il peut être un peu difficile pour les débutants, offrant une aventure passionnante pour les jeunes joueurs.

• Vidéo

meodai

import './style.css'
import { converter, trilerp, formatCss, easingSmoothstep } from 'culori';

const rgb = converter('rgb');

const RYB_CUBE = [ // custom RGB cube for RYB color space
	{ mode: 'rgb', r: 231/255, g: 231/255, b: 232/255 }, // white point (paper background)
	{
    "mode": "rgb",
    "r": 0.9,

meodai

import canvasSketch from "canvas-sketch";
import { degToRad, linspace, radToDeg } from "canvas-sketch-util/math";
import { Lch, contrastRatio } from "../util/color";
import polyBool from "poly-bool";
import * as random from "canvas-sketch-util/random";
import { angleLerp } from "../util/angle";

export const settings = {
  suffix: random.getSeed(),
  animate: true,

meodai

JavaScript GUI libraries

These libraries can be used to quickly create a GUI for configureable parameters using sliders, checkboxes, colors pickers etc

1. Tweakpane https://github.com/cocopon/tweakpane Demo: https://cocopon.github.io/tweakpane/
2. control-panel https://github.com/freeman-lab/control-panel
3. ControlKit https://github.com/automat/controlkit.js
4. guify https://github.com/colejd/guify Main site is down, here is the demo https://jons.website/projects/guify/index
5. oui https://github.com/wearekuva/oui
6. Palette.js https://github.com/lehni/palette.js

meodai

<div class="world"></div>