openseadragon-filtering
Version:
OpenSeadragon plugin providing filtering capabilities to the images.
103 lines (91 loc) • 4.72 kB
HTML
<!--
This software was developed at the National Institute of Standards and
Technology by employees of the Federal Government in the course of
their official duties. Pursuant to title 17 Section 105 of the United
States Code this software is not subject to copyright protection and is
in the public domain. This software is an experimental system. NIST assumes
no responsibility whatsoever for its use by other parties, and makes no
guarantees, expressed or implied, about its quality, reliability, or
any other characteristic. We would appreciate acknowledgement if the
software is used.
-->
<html>
<head>
<meta charset="UTF-8">
<title>OpenSeadragon Filtering</title>
<!-- NIST template CSS -->
<link rel="stylesheet" href="static/css/NISTStyle.css">
<link rel="stylesheet" href="static/css/NISTPages.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="nist-header">
<h1>
<a class="nist-logo" target="_blank" href="http://www.nist.gov/" title="Go to nist.gov">National Institute of Standards and Technology</a>
</h1>
<div class="nist-links">
<a class="nist-links-button" target="_blank" href="http://www.nist.gov">NIST Website</a>
<a class="nist-links-button mobile-hide" target="_blank" href="http://www.nist.gov/public_affairs/nandyou.cfm">About NIST</a>
<a class="nist-links-button mobile-hide" target="_blank" href="https://github.com/usnistgov">usnistgov on Github</a>
</div>
</header>
<section class="home home-title">
<h1>OpenSeadragon filtering plugin demo.</h1>
</section>
<section class="home-about">
<p>
Demo of the OpenSeadragon filtering plugin.
Code and documentation are available on
<a href="https://github.com/usnistgov/OpenSeadragonFiltering">GitHub</a>.
</p>
<p>
Add/remove filters to visualize the effects.
</p>
</section>
<section class="demo">
<div class="wdzt-table-layout wdzt-full-width">
<div class="wdzt-row-layout">
<div class="wdzt-cell-layout column-2">
<div id="openseadragon"></div>
</div>
<div class="wdzt-cell-layout column-2">
<h3>Available filters</h3>
<ul id="available">
</ul>
<h3>Selected filters</h3>
<ul id="selected"></ul>
<p>Drag and drop the selected filters to set their order.</p>
</div>
</div>
</div>
</section>
<footer class="site-footer">
<div class="section-container">
<div class="section-content">
This plugin and demo are maintained by the
<a href="http://www.nist.gov/itl/ssd/is/">Information System Group</a>
within the
<a href="http://www.nist.gov/itl/ssd/">Software and Systems Division</a>.
</div>
</div>
</footer>
<hr>
<section class="footer">
<a target="_blank" href="http://www.nist.gov/public_affairs/privacy.cfm#privpolicy">Privacy Policy</a>
|
<a target="_blank" href="http://www.nist.gov/public_affairs/privacy.cfm#secnot">Security Notice</a>
|
<a href="http://www.nist.gov/public_affairs/privacy.cfm#accesstate">Accessibility Statement</a>
|
<a target="_blank" href="mailto:peter.bajcsy@nist.gov?subject=Feedback%20on%20OpenSeadragonFiltering%20demo">Send feedback</a>
| Last updated: April 13, 2016
</section>
<script src="//cdnjs.cloudflare.com/ajax/libs/camanjs/4.1.2/caman.full.min.js"></script>
<script src="./demo-bundle.js" charset="utf-8"></script>
<!-- Google analytics -->
<script type="text/javascript" id="_fed_an_js_tag" src="//www.nist.gov/js/federated-analytics.all.min.js?agency=NIST&subagency=github&pua=UA-42404149-54&yt=true&exts=ppsx,pps,f90,sch,rtf,wrl,txz,m1v,xlsm,msi,xsd,f,tif,eps,mpg,xml,pl,xlt,c"></script>
</body>
</html>