Skip to content

Instantly share code, notes, and snippets.

View indreklasn's full-sized avatar
👋

Trevor I. Lasn indreklasn

👋
430 followers · 139 following
View GitHub Profile
@indreklasn
indreklasn / index.html
Created August 27, 2019 14:20
<aside>
<dark-mode-toggle
id="dark-mode-toggle"
legend="Theme Switcher"
light="Light"
dark="Dark"
appearance="switch"
permanent="false"
></dark-mode-toggle>
</aside>
@indreklasn
indreklasn / index.html
Created August 27, 2019 13:58
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="common.css" />
<link
rel="stylesheet"
href="light.css"
media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
/>
<link
@indreklasn
indreklasn / index.html
Last active August 27, 2019 13:44
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Toggle</title>
</head>
<body>
@indreklasn
indreklasn / semanticui.html
Created August 19, 2019 10:42
<div class="ui three buttons">
<button class="ui active button">One</button>
<button class="ui button">Two</button>
<button class="ui button">Three</button>
</div>
@indreklasn
indreklasn / index.js
Created August 7, 2019 17:57
const IPFS = require('ipfs')
async function main () {
const node = await IPFS.create({silent: true})
const filesAdded = await node.add({
path: 'hello.txt',
content: Buffer.from('Hello World 101')
})
@indreklasn
indreklasn / index.js
Created August 7, 2019 17:41
const IPFS = require('ipfs')
async function main () {
const node = await IPFS.create()
}
main()
@indreklasn
indreklasn / index.js
Created August 7, 2019 17:41
const IPFS = require('ipfs')
async function main () {
const node = await IPFS.create()
}
main()
@indreklasn
indreklasn / index.js
Created August 7, 2019 14:22
const IPFS = require('ipfs')
const main = async () => {
// place ipfs logic here
}
main()
@indreklasn
indreklasn / CounterClass.js
Created August 5, 2019 12:51
class Counter extends HTMLElement {
#xValue = 0;
get #x() { return #xValue; }
set #x(value) {
this.#xValue = value;
window.requestAnimationFrame(this.#render.bind(this));
}
#clicked() {
@indreklasn
indreklasn / CounterClass.js
Last active August 5, 2019 12:48
class Counter extends HTMLElement {
#x = 0;
clicked = () => {
this.#x++;
window.requestAnimationFrame(this);
}
constructor() {
super();