This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Enter slack in the browser. https://{insert your team name here}.slack.com/messages/ | |
// Click on the channel you want. | |
// Click the information icon. | |
// Expand the members dropdown. | |
// Click "See All Members" | |
// Paste the next line into the console, hit enter. | |
var imageList = new Array() | |
// If your channel has more than 19 members, the list won't display past that. It also unloads them from the state as you scroll. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// @flow | |
import { PureComponent, type Node, Fragment } from 'react'; | |
import { TimelineLite } from 'gsap'; | |
import SplitText from 'Lib/gsap-bonus/umd/SplitText'; | |
import Waypoint from 'react-waypoint'; | |
type RevealTextProps = { | |
children: Node, | |
waypointTopOffset: string, | |
waypointBottomOffset: string, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// @flow | |
import React, { PureComponent } from 'react'; | |
import { TweenMax, Circ } from 'gsap'; | |
import Waypoint from 'react-waypoint'; | |
type CounterProps = { | |
min: number, | |
max: number, | |
duration: number, | |
afterText: string, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
https://s3.amazonaws.com/mozilla-games/tmp/2017-02-21-SunTemple/SunTemple.html | |
https://s3.amazonaws.com/mozilla-games/ZenGarden/EpicZenGarden.html | |
https://mil-tokyo.github.io/webdnn/ | |
http://tiny.cc/webdsp | |
http://alex-wasm.appspot.com/time/hour-chipmunk.svg | |
https://www.cubeslam.com | |
http://shi-yan.github.io/AssortedWidgets/ | |
https://webrtc.github.io/samples/src/content/getusermedia/filter/ | |
https://webassembly.studio/ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from 'react' | |
import dynamic from 'next/dynamic' | |
const ReactJsonNoSSR = dynamic(import('react-json-view'), { | |
ssr: false | |
}) | |
const starWarsJson = { | |
"name": "Luke Skywalker", | |
"height": "172", |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{% macro number_comma_separator(number) %} | |
{# Check if a number first #} | |
{% if number|int != 0 %} | |
{# split all numbers to an array #} | |
{% set numbers = number|string|regex_replace("(\\d)", "$1,")|split(",") %} | |
{% set new_numbers = [] %} | |
{# loop over array in reverse #} | |
{% for digit in numbers|reverse %} | |
{% if loop.index is divisibleby 3 %}{% set new_digit = digit + "," %}{% else %}{% set new_digit = digit %}{% endif %} | |
{% set new_numbers = new_numbers + new_digit %} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { render } from "preact"; | |
import { useRef, useState } from "preact/hooks"; | |
import { signal, useSignal, useComputed } from "@preact/signals"; | |
// Create a signal that can be subscribed to: | |
const globalCount = signal(0); | |
function Counter({ number }) { | |
const [stateCount, setStateCount] = useState(0); |