Adds iiif.io UI and showcase

IIIF · Oct 7, 2014 · 0b4d4aa · 0b4d4aa
1 parent 30dd4a6
commit 0b4d4aa
Show file tree

Hide file tree

Showing 36 changed files with 2,034 additions and 5 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/source/_data/acronyms.yml b/source/_data/acronyms.yml
@@ -0,0 +1,11 @@
+API:  "Application Programming Interface"
+CORS: "Cross-Origin Resource Sharing"
+HATEOAS: "Hypermedia as the Engine of Application State"
+HTML: "HyperText Markup Language"
+HTTP: "Hypertext Transfer Protocol"
+IIIF: "International Image Interoperability Framework"
+JSON-LD: "JSON for Linking Data"
+JSON: "JavaScript Object Notation"
+REST:  "Representational State Transfer"
+RFC: "Request for Comments"
+XML: "eXtensible Markup Language"
diff --git a/source/_data/navigation.yml b/source/_data/navigation.yml
@@ -0,0 +1,15 @@
+-
+  name: About
+  url: http://iiif.io/about.html
+-
+  name: Technical Details
+  url: http://iiif.io/technical-details.html
+-
+  name: "Apps &amp; Demos"
+  url: http://iiif.io/apps-demos.html
+-
+  name: Community
+  url: http://iiif.io/community.html
+-
+  name: News
+  url: http://iiif.io/news/
diff --git a/source/_data/organization.yml b/source/_data/organization.yml
@@ -0,0 +1,4 @@
+name: "IIIF | International Image Interoperability Framework"
+description: "International Image Interoperability Framework: A community driven image framework with well defined APIs for making the world’s image repositories interoperable and accessible"
+email: "[email protected]"
+url: http://iiif.io
diff --git a/source/_data/showcase.yml b/source/_data/showcase.yml
@@ -0,0 +1,37 @@
+- name: Mirador Viewer
+  id: mirador
+  img_url: img/showcase/mirador.jpg
+  desc:
+  - >
+    An open-source, web-based 'multi-up' viewer that supports zoom-pan-rotate
+    functionality, ability to display/compare simple images, and images with
+    annotations
+  github_url: https://github.com/IIIF/mirador
+  url: showcase/mirador-viewer.html
+- name: Loris IIIF Image Server
+  id: loris
+  img_url: img/showcase/loris.jpg
+  desc:
+  - >
+    Loris is an open source, Python-based image server that supports the IIIF
+    Image API ver 1.1. Loris supports JPEG and TIFF sources as well as JPEG2000.
+  github_url: https://github.com/pulibrary/loris
+  url: showcase/loris-server.html
+- name: Wellcome Player
+  id: wellcome
+  img_url: /img/showcase/wellcome-player.jpg
+  desc:
+  - >
+    Developed by Digirati, the player can be used to display all types of digital
+    content, including cover-to-cover books, archives, works of art, videos and
+    audio files.
+  github_url: https://github.com/wellcomelibrary/player
+  url: showcase/wellcome-player.html
+- name: Home Fractals
+  id: fractals
+  img_url: img/showcase/home-fractals.jpg
+  desc:
+  - >
+    Suspendisse eu dignissim lacus. In ac sodales ante. Vivamus dictum est nec
+    erat vulputate rhoncus
+  url: showcase/home-fractals.html
diff --git a/source/_includes/chromeframe.html b/source/_includes/chromeframe.html
@@ -0,0 +1,3 @@
+<!--[if lt IE 7]>
+      <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+    <![endif]-->
diff --git a/source/_includes/doctype.html b/source/_includes/doctype.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
diff --git a/source/_includes/footer.html b/source/_includes/footer.html
@@ -0,0 +1,5 @@
+<div class="footer-container">
+      <footer class="wrapper">
+        Please send feedback to <a href="mailto:{{ site.data.organization.email }}">{{ site.data.organization.email }}</a>
+      </footer>
+    </div>
diff --git a/source/_includes/ga.html b/source/_includes/ga.html
@@ -0,0 +1,9 @@
+<script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+      ga('create', 'UA-7219229-22', 'iiif.io');
+      ga('send', 'pageview');
+    </script>
diff --git a/source/_includes/head.html b/source/_includes/head.html
@@ -0,0 +1,14 @@
+<head>
+    <meta charset="utf-8">
+    <title>{{ page.title }} &mdash; {{ site.data.organization.name }}</title>
+    <meta name="description" content="{{ site.data.organization.description }}">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="/css/normalize.min.css">
+    <link href='http://fonts.googleapis.com/css?family=Raleway:100,300,500' rel='stylesheet' type='text/css'>
+    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700' rel='stylesheet' type='text/css'>
+    <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
+    <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
+    <link rel="stylesheet" href="/css/main.css">
+    <link type="application/atom+xml" rel="self" href="/news/atom.xml"/>
+    <script src="/js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+  </head>
diff --git a/source/_includes/nav.html b/source/_includes/nav.html
@@ -0,0 +1,19 @@
+<div class="header-container">
+      <header class="wrapper clearfix">
+        <a class="title" title="IIIF : International Image Interoperability Framework" href="/">Home</a>
+        <nav>
+          <ul>
+          {% for item in site.data.navigation %}
+            {% if page.url == item.url or page.url contains item.url %}
+              {% assign class = 'is-selected' %}
+            {% else %}
+              {% assign class = '' %}
+            {% endif %}
+            <li>
+              <a href="{{ item.url }}" class="{{ class }}">{{ item.name }}</a>
+            </li>
+          {% endfor %}
+          </ul>
+        </nav>
+      </header>
+    </div>
diff --git a/source/_includes/showcase_js.html b/source/_includes/showcase_js.html
@@ -0,0 +1,3 @@
+    <script src="/js/vendor/jquery-1.11.1.min.js"></script>
+    <script src="/js/vendor/isotope.pkgd.min.js"></script>
+    <script src="/js/showcase.js"></script>
diff --git a/source/_includes/showcase_return.html b/source/_includes/showcase_return.html
@@ -0,0 +1,3 @@
+<p>
+  <a href="/showcase.html">&laquo; Back to showcase</a>
+</p>
diff --git a/source/_includes/sub-page_header.html b/source/_includes/sub-page_header.html
@@ -0,0 +1,5 @@
+<header>
+            <div class="wrapper">
+              <h1>{% if page.title_override %}{{ page.title_override }}{% else %}{{ page.title }}{% endif %}</h1>
+            </div>
+          </header>
diff --git a/source/_layouts/default.html b/source/_layouts/default.html
@@ -0,0 +1,12 @@
+  {% include doctype.html %}
+  {% include head.html %}
+  <body>
+    {% include chromeframe.html %}
+    {% include nav.html %}
+    {{ content }}
+    {% include footer.html %}
+    {% if page.id == 'main' %}{%  include interactive_image_js.html %}{% endif %}
+    {% if page.id == 'showcase' %}{%  include showcase_js.html %}{% endif %}
+    {% include ga.html %}
+  </body>
+</html>
diff --git a/source/_layouts/sub-page.html b/source/_layouts/sub-page.html
@@ -0,0 +1,11 @@
+---
+layout: default
+---
+<div class="sub-pages-container">
+      <div class="{{ page.id }} clearfix">
+        <article>
+          {% include sub-page_header.html %}
+          {{ content }}
+        </article>
+      </div>
+    </div>