sdellis’s gists

sdellis / uv-embed.html

Created May 8, 2018 20:58

This is how you embed UV into a page.

	<!DOCTYPE html>
	<html>
	<head>
	<style>
	.intrinsic-container {
	position: relative;
	height: 0;
	overflow: hidden;
	}

sdellis / gist:c5ef10a9434126b09c345360f6167552

Created September 22, 2017 21:13

Instructions for IIIF Vue App

	# Instructions for IIIF Vue App

	## Add some Data
	```
	$ npm install -g vue-cli
	$ vue init webpack my-project
	$ cd my-project
	$ npm install (have backup copy on flash drives)
	$ npm run dev
	```

sdellis / manifest.js

Created September 22, 2017 20:44

Sample Manifest

var manifest = {"@context":"http://iiif.io/api/presentation/2/context.json","@id":"https://plum.princeton.edu/concern/scanned_resources/pdb78vx204/manifest","@type":"sc:Manifest","label":["Histoire naturelle de Mre. Francois Bacon ..."],"viewingHint":"paged","viewingDirection":"left-to-right","sequences":[{"@id":"https://plum.princeton.edu/concern/scanned_resources/pdb78vx204/manifest/sequence/normal","@type":"sc:Sequence","canvases":[{"@id":"https://plum.princeton.edu/concern/scanned_resources/pdb78vx204/manifest/canvas/pww72cx50n","@type":"sc:Canvas","label":"upper cover. outside","images":[{"@id":"https://plum.princeton.edu/concern/scanned_resources/pdb78vx204/manifest/annotation/pww72cx50n-image","@type":"oa:Annotation","motivation":"sc:painting","resource":{"@id":"https://libimages1.princeton.edu/loris/plum_prod/pw%2Fw7%2F2c%2Fx5%2F0n-intermediate_file.jp2/full/!600,600/0/default.jpg","@type":"dctypes:Image","format":"image/jpeg","width":4731,"height":7200,"service":{"@context":"http://iiif.io/api/image/

sdellis / index.html

Created September 14, 2017 16:29

Bind demo // source https://jsbin.com/remutu

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Bind demo</title>
	<script src="https://cdn.rawgit.com/remy/bind/928c52ce335d6fd2c824b536a97efa460554b9e0/dist/bind.min.js"></script>
	<style id="jsbin-css">
	*, input {
	font-family: sans-serif;
	font-size: 16px;

sdellis / index.html

Created September 14, 2017 16:29

Bind demo // source https://jsbin.com/remutu

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Bind demo</title>
	<script src="https://cdn.rawgit.com/remy/bind/928c52ce335d6fd2c824b536a97efa460554b9e0/dist/bind.min.js"></script>
	<style id="jsbin-css">
	*, input {
	font-family: sans-serif;
	font-size: 16px;

sdellis / data-snippet.xml

Created January 26, 2016 20:10

DSC2 Data Scenarios

	<?xml version="1.0" encoding="UTF-8"?>
	<!-- first dsc
	Note that in addition to the notes in these examples, others might be present as usual (e.g. physfacet, userestrict etc.)-->
	<ead>
	<dsc type="combined">
	<!-- Scenario 1: Nothing changes -->

	<c level="file" id="C1459_c4">
	<did>
	<unittitle altrender="Poet's Harvest Home">

sdellis / repeatable-example.json

Created December 16, 2015 16:26

Repeatable Objects Example

	...
	"images": [
	{
	"@type": "oa:Annotation",
	"motivation": "sc:painting",
	"resource": [
	{
	"@id": "http://libimages.princeton.edu/loris2/puls%2F0%2F6%2F2%2Fc%2F4.jp2/full/!200,200/0/default.jpg",
	"@type": "dcterms:Image",
	"format": "image/jpeg",

sdellis / repeatable-example.json

Created December 16, 2015 16:24

Repeatable Object Example

	...
	"images": [
	{
	"@type": "oa:Annotation",
	"motivation": "sc:painting",
	"resource": [
	{
	"@id": "http://libimages.princeton.edu/loris2/puls%2F0%2F6%2F2%2Fc%2F4.jp2/full/!200,200/0/default.jpg",
	"@type": "dcterms:Image",
	"format": "image/jpeg",

sdellis / index.html

Created April 12, 2015 16:20

Time-Lapse Recorder - JS + WebCam // source http://jsbin.com/buqiba/5

	<!DOCTYPE html>
	<html>
	<head>
	<meta name="description" content="boilerplate widget factory">
	<script src="http://code.jquery.com/jquery.min.js"></script>
	<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

	<meta charset="utf-8">
	<title>JS Bin</title>
	</head>

sdellis / index.html

Created April 7, 2015 15:10

Prospero Lite IIIF Manifest Editory- jQuery UI Widget // source http://jsbin.com/sokaju

	<!DOCTYPE html>
	<html>
	<head>
	<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

	<link href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.min.css" rel="stylesheet" type="text/css" />
	<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
	<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
	<meta charset="utf-8">
	<title>JS Bin</title>

Oh, Hey! sdellis