michael / Button.js

Created March 7, 2022 18:59

	import React from 'react'
	import Link from 'next/link'

	const ButtonType = {
	primary: 'disabled:opacity-50 inline-flex whitespace-nowrap justify-center rounded-md border border-transparent shadow-sm bg-pink font-medium text-white focus:outline-none focus:ring-2 focus:ring-offset-1 focus:ring-pink sm:w-auto',
	secondary: 'disabled:opacity-50 inline-flex whitespace-nowrap items-center justify-center border-2 border-gray-200 rounded-md font-medium text-pink bg-white focus:outline-none focus:ring-2 focus:ring-offset-1 focus:ring-pink',
	white: 'disabled:opacity-50 inline-flex whitespace-nowrap items-center justify-center border border-pink rounded-md font-medium text-pink bg-white focus:outline-none focus:ring-2 focus:ring-white',
	delete: 'disabled:opacity-50 inline-flex whitespace-nowrap justify-center rounded-md border border-transparent shadow-sm bg-red-600 font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-1 focus:ring-red-500 sm:w-auto',
	plain: 'disabled:opacity

michael / customer-journeys.md

Created August 2, 2021 10:26

Ken Customer Journeys

Purchase experience

Visits /read/:article_id

fbq.track('ViewContent', {

michael / broken.json

Created October 4, 2019 14:53

michael / menu-spec.js

Last active September 24, 2019 10:34

	// menu spec for user menu
	const userMenuSpec = {
	name: ‘user-menu’,
	items: [
	{ type: ‘command’, label: ‘My documents’ },
	{ type: ‘command’, label: ‘User Settings’ },
	{ type: ‘separator’ },
	{ type: ‘command’, label: ‘Log out’ }
	]
	}

michael / jats4r-book-citation.xml

Last active October 28, 2017 23:26

JATS4R Citations

	<element-citation publication-type="book">
	<person-group person-group-type="author">
	<name>
	<surname>John</surname>
	<given-names>Smith</given-names>
	</name>
	</person-group>
	<person-group person-group-type="editor">
	<name>
	<surname>Jane</surname>

michael / app.js

Last active August 9, 2017 10:04

Scrolling is a fun

	const { Component } = window.substance

	window.onload = function() {
	SpreadsheetComponent.mount(document.querySelector('.spreadsheet-widget'))
	}


	class SpreadsheetComponent extends Component {

	getInitialState() {

michael / table-with-scroller-side-by-side.html

Created August 8, 2017 17:04

	<!DOCTYPE html>
	<html>
	<head>
	<title>Spreadsheet Component Styles</title>
	<meta charset="UTF-8">
	<style>
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,

michael / spreadsheet-layout.html

Last active August 8, 2017 16:43

	<!DOCTYPE html>
	<html>
	<head>
	<title>Spreadsheet Component Styles</title>
	<meta charset="UTF-8">
	<style>
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,

michael / fixed-table-layout.html

Created August 8, 2017 13:20

	table.fixed {table-layout:fixed; width:90px;}/Setting the table width is important!/
	table.fixed td { overflow:visible; }/Hide text outside the cell./


	<table class="fixed">
	<tr>
	<td style="width: 20px;"><div class="cell-content">Veryverylongtext</div></td>
	<td style="width: 30px;"><div class="cell-content">Actuallythistextismuchlongeeeeeer</div></td>
	<td style="width: 40px;"><div class="cell-content">We should use spaces tooooooooooooo</div></td>
	</tr>

michael / table-with-flexbox.html

Created August 8, 2017 13:06

	<!DOCTYPE html>
	<html>
	<head>
	<title>Spreadsheet Layout with Flexbox</title>
	<meta charset="UTF-8">
	<style>
	body {
	overflow: hidden;
	}