Anna Malantonio rococodogs

So if this is our site wrapper:

function Main (props) {
  return (
  <div>
    <SiteHeader />
    {props.children}
  </div>
  )

metadb store document

this'll allow for commenting + discussion + editing, probably better than a doc in the repo (or an issue, for that matter)

	/* global $ */

	/**
	* jQuery uses CSS selectors to target elements. You can use `#` to target
	* elements by their ID (which _should_ be unique), `.`
	*/

	$('[data-oclc]').each(function (idx, el) {
	var $item = $(this)
	var num = $item.data('oclc')

	/* default tables to look like bootstrap's `.table.table-bordered`
	if no class is passed through (this is to allow users to insert tables
	with T4 and have them look like tables on the rest of the site). using
	the `:not([class])` selector to target tables without a class attribute
	and not affect global table styles for those using separate styles.
	*/
	table:not([class]) {
	border: 1px solid #dddddd;
	border-left: 0;
	border-collapse: separate;

	# start with a bunch of PNG images of your zine pages
	# convert them all to PDF
	for i in *.png
	do
	# imagemagick is the best thing in the world
	convert $i $i.pdf
	done

	# pdftk is awesome for combining pdfs into a single pdf
	pdftk *.pdf cat output zine.pdf

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>MetaDB bookmarklets</title>
	<style>
	body {
	font-family: sans-serif;

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	</head>
	<body>
	<input type="text"/>