Press space
or →
You can go back with ←
.hasPersonCard h2[data-heading="Notes"] { | |
clear: both; | |
} | |
.k-PersonCard { | |
border-radius: var(--radius-l); | |
background-color: var(--background-modifier-hover); | |
border: var(--prompt-border-width) solid var(--prompt-border-color); | |
display: flex; | |
flex-direction: column; |
import "./styles.css"; | |
import { Person } from "./types"; | |
import { Listbox } from "./listbox/listbox"; | |
import { useForm } from "react-hook-form"; | |
const people: Person[] = [ | |
{ id: 1, name: "Durward Reynolds", unavailable: false }, | |
{ id: 2, name: "Kenton Towne", unavailable: false }, | |
{ id: 3, name: "Therese Wunsch", unavailable: false }, | |
{ id: 4, name: "Benedict Kessler", unavailable: true }, |
The example is based on Alpine.js's memory card game example
The API is not final, expect a lot of things to change. It is 3:30AM I'll add more to this later, gotta get some sleep first
import fs from "fs" | |
import path from "path" | |
import util from "util" | |
import React from "react" | |
import ReactDOM from "react-dom/server" | |
import { Helmet } from "react-helmet" | |
import fastGlob from "fast-glob" | |
import ora from "ora" | |
import chalk from "chalk" |
function makeAPIActions(entity) { | |
const path = ["entities", entity] | |
const EntityClass = Record({ | |
isRequesting: false, | |
data: null, | |
error: null, | |
}, `Record$${entity}`) | |
const defaults = new EntityClass() | |
const actions = { |
#!/bin/bash | |
# Requirements: | |
# - byzanz-record to perform the actual screencast | |
# - xrectsel to be able to select which part of the screen you want to record | |
# - yad to display the stop button in your notification area | |
# - gsd-locate-pointer (optional) to be able to highlight the cursor when pressing Ctrl | |
# Output file name | |
FILE="$HOME/documents/videos/`date +%FT%T.gif`" |
$ edit pm_imported.py
Replace USER and PASS with your own credentials
$ python pm_importer.py
# Enjoy.
(Requires python3 and gmusicapi)
This is my proposal for a simpler implementation of the Flux pattern (well, like Redux, it is not exactly Flux)
(The name has nothing to do with ego, it's a joke from @Uhsac :))
// File processing | |
import path from "path" | |
import fs from "fs" | |
import fmt from "chalk" | |
import glob from "glob" | |
import mkdirp from "mkdirp" | |
// Config | |
import pkg from "./package" | |
const {config} = pkg |