jh3y

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>

jh3y

:root {
    --none: linear(0, 1);
    --power1-in: linear( 0, 0.0039, 0.0156, 0.0352, 0.0625, 0.0977, 0.1407, 0.1914, 0.2499, 0.3164, 0.3906 62.5%, 0.5625, 0.7656, 1 );
    --power1-out: linear( 0, 0.2342, 0.4374, 0.6093 37.49%, 0.6835, 0.7499, 0.8086, 0.8593, 0.9023, 0.9375, 0.9648, 0.9844, 0.9961, 1 );
    --power1-in-out: linear( 0, 0.0027, 0.0106 7.29%, 0.0425, 0.0957, 0.1701 29.16%, 0.2477, 0.3401 41.23%, 0.5982 55.18%, 0.7044 61.56%, 0.7987, 0.875 75%, 0.9297, 0.9687, 0.9922, 1 );
    --power2-in: linear( 0, 0.0014 11.11%, 0.0071 19.24%, 0.0188 26.6%, 0.037 33.33%, 0.0634 39.87%, 0.0978 46.07%, 0.1407 52.02%, 0.1925 57.74%, 0.2559 63.49%, 0.3295 69.07%, 0.4135 74.5%, 0.5083 79.81%, 0.6141 85%, 0.7312 90.09%, 1 );
    --power2-out: linear( 0, 0.2688 9.91%, 0.3859 15%, 0.4917 20.19%, 0.5865 25.5%, 0.6705 30.93%, 0.7441 36.51%, 0.8075 42.26%, 0.8593 47.98%, 0.9022 53.93%, 0.9366 60.13%, 0.963 66.67%, 0.9812 73.4%, 0.9929 80.76%, 0.9986 88.89%, 1 );
    --power2-in-out: linear( 0, 0.0036 9.62%, 0.0185 16.66

jh3y

import { HTMLRewriter } from 'https://ghuc.cc/worker-tools/html-rewriter'
const THEMES = ['system', 'light', 'dark']
const COOKIE_KEY = 'jhey-theme'

export default async (request, context) => {
  const res = await context.next()
  const type = res.headers.get('content-type')

  if (!type.startsWith('text/html') || request.url.includes('/demos/')) {
    return res

jh3y

class Search {
  constructor(el) {
    const ID = (this.ID = el.getAttribute("data-search-id"))
    this.STYLES = document.querySelector(`#search-${ID}__styles`)
    this.INPUT = document.querySelector(`#search-${ID}`)
    this.INPUT.addEventListener("input", this.UPDATE.bind(this))
    this.TAGS = document.querySelector(`#search-${ID}__tags`)
    if (this.TAGS) {
      this.CHECKS = this.TAGS.querySelectorAll('[type="radio"]')
      this.CHECKS.forEach((c) =>

jh3y

const myObject = {
  a: 1,
  b: 2,
  ...(false && { c: 3 }),
}
// myObject: { a: 1, b: 2 }

const myObject = {
  a: 1,
  b: 2,

jh3y

const Blurbs = ({ onChange, blurb, noscript }) => {
  return (
    <Fragment>
      {!noscript && (
        <input
          className="blurb-swapper"
          onChange={onChange}
          type="range"
          min="0"
          max={BLURBS.length - 1}

jh3y

*,
*:before,
*:after {
  box-sizing: border-box;
}
:root {
  --size: 50;
  --unit: calc((var(--size) / 769) * 1vmin);
  --specs: #262626;
  --shell-outline: #666;

jh3y

/**
  * Teach a user morse code
*/
/**
 * Constants
*/
const FONT_NAME = 'Vector12';
const FONT_SIZE = 80;
const SCREEN_PIXELS = 240;
const UNIT = 100;

jh3y

/**
  * So you get 240 x 240 so you can technically do different things right?
  * Colors?
*/

g.clear();

class Ring {
  constructor() {
    this.alive = true;

jh3y

//Bangle.beep(10000, 10000)
let b = null;
let freq = 5000;
let radius = 0;
let DURATION = 50;
const LOWER = 500;
const LOWER_MAG = 0.97;
const UPPER_MAG = 1.03;
const UPPER = 10000;