fkleuver’s gists

fkleuver / index.html

Last active March 3, 2021 02:13 — forked from bigopon/index.html

ValueConverter and CustomElement Issue 0.7

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Dumber Gist</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
	<base href="/">
	</head>
	<!--
	Dumber Gist uses dumber bundler, the default bundle file

fkleuver / index.html

Last active August 12, 2023 06:15 — forked from mattduffield/index.html

Custom Element with Slots

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Dumber Gist</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

	<base href="/">
	</head>

fkleuver / index.html

Last active October 11, 2020 22:11 — forked from mattduffield/index.html

Aurelia theme engine

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Dumber Gist</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
	<base href="/">
	</head>
	<!--
	Dumber Gist uses dumber bundler, the default bundle file

fkleuver / index.html

Last active October 11, 2020 19:52 — forked from mattduffield/index.html

Aurelia style sheets

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Dumber Gist</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
	<base href="/">
	</head>
	<!--
	Dumber Gist uses dumber bundler, the default bundle file

fkleuver / index.html

Last active September 26, 2020 23:50 — forked from jwx/index.html

Multiple viewports with separate navigation

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Dumber Gist</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
	<base href="/">
	</head>
	<!--
	Dumber Gist uses dumber bundler, the default bundle file

fkleuver / index.html

Created July 17, 2020 15:20 — forked from gimerstedt/index.html

some bind stuff

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Dumber Gist</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
	<base href="/">
	</head>
	<!--
	Dumber gist uses dumber bundler, the default bundle file

fkleuver / app.html

Created April 29, 2020 22:43 — forked from davismj/app.html

Modify a template and rerender

	<template>
	<require from="custom-table"></require>
	<custom-table items.bind="data">
	<template replace-part="row">
	<tr>
	<th>${item.v}</th>
	<th>${item.a}</th>
	<th>${item.k}</th>
	</tr>
	</template>

fkleuver / app.html

Last active December 31, 2018 02:40 — forked from AngelMunoz/app.html

Aurelia Gist

	<template>
	<require from="./event-case"></require>
	<require from="./camel-case-binding-behavior"></require>
	<h1>${message}</h1>
	<p>
	Looking at the console, you can see the event was dispatched,
	but it was not caught by aurelia's binding <br />
	<event-case ref="case1" my-click.trigger="onClick($event) & camelCase"></event-case>
	<event-case ref="case2" my-click.delegate="onClick($event) & camelCase"></event-case>
	</p>

fkleuver / app.html

Last active April 25, 2019 17:55 — forked from alaraasa/app.html

Number format convert

	<template>
	<require from="./card-number-format-value-converter"></require>
	<input type="text" id="cardNumber" placeholder="1234 5678 9123 4567"
	value.bind="cardNumber & cardNumberFormat">
	<br>
	</template>

fkleuver / app.html

Created May 21, 2018 22:39 — forked from bigopon/app.html

Aurelia Gist

	<template>
	<p>Hit edit and you'll see two items added to the form instead of one.</p>
	<div if.bind="!editing">
	<h2>${items.length} items!</h2>
	<ul>
	<li repeat.for="item of items">
	${item.name}
	</li>
	</ul>
	<button click.delegate="toggleEditing()">Edit</button>

Fred Kleuver fkleuver