Skip to content

Instantly share code, notes, and snippets.

@sdellis
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
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
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
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
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
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
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
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
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
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>