diff --git a/components/static/es-search.html b/components/static/es-search.html
new file mode 100755
index 0000000000000000000000000000000000000000..744794cfa402b5ac87c4cffb8420514c813512ee
--- /dev/null
+++ b/components/static/es-search.html
@@ -0,0 +1,456 @@
+<!DOCTYPE html>
+<html lang="no" prefix="og: http://ogp.me/ns#">
+ <head>
+ <meta charset="utf-8">
+
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="">
+ <meta name="author" content="">
+
+ <!-- FACEBOOK OPEN GRAPH -->
+ <meta property=â€og:title†content=â€{{lodspk.title}} - {{lodspk.subtitle}}â€/>
+ <meta property=â€og:type†content=â€articleâ€/>
+ <meta property=â€og:description†content=â€â€œ/>
+ <meta property=â€og:image†content=â€â€/>
+ <meta property=â€og:url†content=â€{{ uri }}â€/>
+ <meta property=â€og:site_name†content=â€Marcusâ€/>
+
+ <!-- TWITTER CARD -->
+ <meta name=â€twitter:card†content=â€â€>
+ <meta name=â€twitter:url†content=â€{{ uri }}“>
+ <meta name=â€twitter:description†content=â€{{lodspk.title}} - {{lodspk.subtitle}}“>
+ <meta name=â€twitter:image†content=â€{{ first.main.img.value }}â€>
+
+ <title>
+ {% if first.main.label.value != null %}
+ {{first.main.label.value}} -
+ {% else %}
+ {{first.main.title.value}}
+ {% endif %}{{lodspk.title}}</title>
+
+ <link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico">
+
+<!--
+ <link href="{{lodspk.home}}css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" /> -->
+ <link href="{{lodspk.home}}css/basic.css" rel="stylesheet" type="text/css" media="screen" />
+ <link href="{{lodspk.home}}css/bootstrap-glyphicons.css" rel="stylesheet" type="text/css" media="screen" />
+
+ <script type="text/javascript" src="{{lodspk.home}}js/jquery.js"></script>
+ <script type="text/javascript" src="{{lodspk.home}}js/facetview/jquery.facetview.js"></script>
+ <link href="{{lodspk.home}}js/facetview/css/facetview.css" rel="stylesheet" type="text/css" media="screen" />
+ <script type="text/javascript" src="{{lodspk.home}}js/facetview/vendor/linkify/1.0/jquery.linkify-1.0-min.js"></script>
+
+ <!-- Latest compiled and minified CSS -->
+ <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-wip/css/bootstrap.min.css">
+
+ <!-- Latest compiled and minified JavaScript -->
+ <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0-wip/js/bootstrap.min.js"></script>
+
+ <link href='http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer' rel='stylesheet' type='text/css'>
+
+ <link rel="alternate" type="application/rdf+xml" title="RDF/XML Version" href="{{lodspk.local.value}}.rdf" />
+ <link rel="alternate" type="text/turtle" title="Turtle Version" href="{{lodspk.local.value}}.ttl" />
+ <link rel="alternate" type="text/plain" title="N-Triples Version" href="{{lodspk.local.value}}.nt" />
+ <link rel="alternate" type="application/json" title="RDFJSON Version" href="{{lodspk.local.value}}.json" />
+ <style>
+ body {padding-top: 50px;}
+ .wait{
+ background-image:url('{{lodspk.home}}img/wait.gif');
+ background-repeat:no-repeat;
+ padding-right:20px;
+ background-position: right;
+ }
+ </style>
+<!-- <link href="{{lodspk.home}}css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" media="screen" /> -->
+
+<!-- <script type="text/javascript" src="{{lodspk.home}}js/bootstrap.min.js"></script> -->
+ <script type="text/javascript" src="{{lodspk.home}}js/bootstrap-typeahead.js"></script>
+ <script type="text/javascript">
+ $(document).ready(function(){
+ $('.typeahead').typeahead({
+ minLength: 4,
+ source: function (typeahead, query) {
+ $('.typeahead').addClass('wait');[]
+ return $.get('http://data.ub.uib.no/search/'+encodeURIComponent(query), { }, function (data) {
+ $('.typeahead').removeClass('wait');[]
+ return typeahead.process(data);
+ }, 'json');
+ },
+ onselect: function (obj) {
+ $('.typeahead').attr('disabled', true);
+ window.location = obj.uri;
+ }
+ });
+ $("input").on('keyup', function(){$("form").attr("action", 'search/'+$(this).val())});
+ });
+ </script>
+
+ </head>
+
+ <body>
+ <div id="wrap">
+ <div class="navbar navbar-default navbar-fixed-top navbar-inverse marcus-header">
+
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ <a class="navbar-brand" href="{{lodspk.home}}">{{lodspk.title}}</a>
+ <a class="navbar-text hidden-xs hidden-sm" href="{{lodspk.home}}"><small>{{lodspk.subtitle}}</small></a>
+ </div>
+
+
+ <div class="collapse navbar-collapse">
+ <ul class="nav navbar-nav">
+<!-- <li><a href="{{lodspk.home}}">Hjem</a></li> -->
+ <li class="dropdown">
+ <a id="browse1" class="dropdown-toggle" role="button" data-toggle="dropdown" data-target="#" href="#">Meny <span class="caret"></span></a>
+ <ul class="dropdown-menu list-unstyled" aria-labelledby="browse1" role="meny">
+ {%include "../includes/nav.inc"%}
+ </ul>
+ </li>
+ </ul>
+
+ <form class="navbar-form navbar-right" role="search" action="">
+ <div class="form-group">
+ <input type="text" data-provide="typeahead" class="typeahead form-control search-query" placeholder="Søk"/>
+ </div>
+ </form>
+
+ <script type="text/javascript">
+ if (simpleCart.total() == null )
+ {
+ document.write('<ul class="nav navbar-nav navbar-right">
+ <li>
+ <a href="/cart.html"><span class="glyphicon glyphicon-shopping-cart"></span> <span class="label label-primary simpleCart_quantity"></span> Handlekurv</a>
+ </li>
+ </ul>');
+ }
+ </script>
+
+
+ <p class="navbar-text pull-right hidden-xs hidden-sm beta">Beta</p>
+
+ </div><!--/.nav-collapse -->
+
+ </div>
+
+ <div class="container">
+
+ <div class="facet-view-simple"></div>
+
+ <script type="text/javascript">
+ jQuery(document).ready(function($) {
+ $('.facet-view-simple').facetview({
+ search_url: 'http://marcus.uib.no/elasticsearch/rdfdata/_search?',
+ search_index: 'elasticsearch',
+ pager_on_top: true,
+ facets: [
+ {'field': 'maker', 'size': 100, 'order':'term', 'display': 'Laget av'},
+ {'field': 'reciever', 'display': 'Mottaker'},
+ {'field': 'topic', 'display': 'Emne'},
+ {'field': 'collection', 'display': 'Samling'},
+ {'field': 'relation', 'display': 'Personer'},
+ {'field': 'spatial', 'display': 'Sted'},
+ ],
+
+ result_display: [
+
+ [
+ {
+ "field": "maker"
+ }
+ ],
+ [
+ {
+ "pre": "<strong>",
+ "field": "title",
+ "post": "</strong>"
+ }
+ ],
+ [
+ {
+ "field": "http://purl.org/dc/terms/description"
+ }
+ ],
+ [
+ {
+ "field": "link"
+ }
+ ]
+
+ ],
+
+
+ paging: {
+ size: 25
+ }
+ });
+ });
+ </script>
+
+<!--
+ <div class="row">
+ <div class="col-md-12">
+ <form action="{{uri}}" method="POST">
+ <div class="input-group">
+ <input type="text" class="form-control" name="query">
+ <span class="input-group-btn">
+ <button class="btn btn-default" type="submit">Søk</button>
+ </span>
+ </div>
+ </form>
+ </div>
+ </div>
+
+ <div class="row">
+ <div class="col-md-12">
+ <img src="img/timeline.png" alt="timeline" style="width: 100%; margin: 20px 0;" />
+ <ul class="list-inline list-unstyled list-centered">
+ <li style="width: 25px; height: 25px; background-color: #0039e6;"></li>
+ <li style="width: 25px; height: 25px; background-color: #3900e6;"></li>
+ <li style="width: 25px; height: 25px; background-color: #ac00e6;"></li>
+ <li style="width: 25px; height: 25px; background-color: #e600ac;"></li>
+ <li style="width: 25px; height: 25px; background-color: #00ace6;"></li>
+ <li style="width: 25px; height: 25px; background-color: #245bff;"></li>
+ <li style="width: 25px; height: 25px; background-color: #6188ff;"></li>
+ <li style="width: 25px; height: 25px; background-color: #e60039;"></li>
+ <li style="width: 25px; height: 25px; background-color: #00e6ac;"></li>
+ <li style="width: 25px; height: 25px; background-color: #ffd761;"></li>
+ <li style="width: 25px; height: 25px; background-color: #ffc824;"></li>
+ <li style="width: 25px; height: 25px; background-color: #e63900;"></li>
+ <li style="width: 25px; height: 25px; background-color: #00e639;"></li>
+ <li style="width: 25px; height: 25px; background-color: #ace600;"></li>
+ <li style="width: 25px; height: 25px; background-color: #e6ac00;"></li>
+ </ul>
+ </div>
+ </div>
+
+ <div class="row">
+ <div class="col-lg-3">
+ <div class="well">
+ <h4>Type</h4>
+ <div class="checkbox">
+ <label>
+ <input type="checkbox"> Dokument
+ </label>
+ </div>
+ <div class="checkbox">
+ <label>
+ <input type="checkbox"> Fotografi
+ </label>
+ </div>
+ <div class="checkbox">
+ <label>
+ <input type="checkbox"> Katalogkort
+ </label>
+ </div>
+ <div class="checkbox">
+ <label>
+ <input type="checkbox"> Vis flere ...
+ </label>
+ </div>
+ </div>
+ <div class="well">
+ <h4>Samlinger</h4>
+ <div class="checkbox">
+ <label>
+ <input type="checkbox"> Diplom
+ </label>
+ </div>
+ <div class="checkbox">
+ <label>
+ <input type="checkbox"> Manuskript
+ </label>
+ </div>
+ <div class="checkbox">
+ <label>
+ <input type="checkbox"> Knud Knudsen
+ </label>
+ </div>
+ <div class="checkbox">
+ <label>
+ <input type="checkbox"> Vis flere ...
+ </label>
+ </div>
+ </div>
+ <div class="well">
+ <h4>Person</h4>
+ <div class="checkbox">
+ <label>
+ <input type="checkbox"> Anders Lavik
+ </label>
+ </div>
+ <div class="checkbox">
+ <label>
+ <input type="checkbox"> Ole B. Bull
+ </label>
+ </div>
+ <div class="checkbox">
+ <label>
+ <input type="checkbox"> Nicolai Astrup
+ </label>
+ </div>
+ <div class="checkbox">
+ <label>
+ <input type="checkbox"> Vis flere ...
+ </label>
+ </div>
+ </div>
+ <div class="well">
+ <h4>Emner</h4>
+ <div class="checkbox">
+ <label>
+ <input type="checkbox"> GÃ¥rd
+ </label>
+ </div>
+ <div class="checkbox">
+ <label>
+ <input type="checkbox"> Borgermester
+ </label>
+ </div>
+ <div class="checkbox">
+ <label>
+ <input type="checkbox"> Landskap
+ </label>
+ </div>
+ <div class="checkbox">
+ <label>
+ <input type="checkbox"> Vis flere ...
+ </label>
+ </div>
+ </div>
+ <div class="well">
+ <h4>Tid</h4>
+ </div>
+ </div>
+
+ <div class="col-lg-9">
+
+ <div class="col-md-4 col-lg-4">
+ <div>
+ <a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
+ <div class="caption">
+ <h3>Havforskningskurset 1908</h3>
+ </div>
+ </div>
+ </div>
+
+ <div class="col-md-4 col-lg-4">
+ <div>
+ <a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
+ <div class="caption">
+ <h3>Havforskningskurset 1908</h3>
+ </div>
+ </div>
+ </div>
+
+ <div class="col-md-4 col-lg-4">
+ <div>
+ <a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
+ <div class="caption">
+ <h3>Havforskningskurset 1908</h3>
+ </div>
+ </div>
+ </div>
+
+ <div class="col-md-4 col-lg-4">
+ <div>
+ <a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
+ <div class="caption">
+ <h3>Havforskningskurset 1908</h3>
+ </div>
+ </div>
+ </div>
+
+ <div class="col-md-4 col-lg-4">
+ <div>
+ <a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
+ <div class="caption">
+ <h3>Havforskningskurset 1908</h3>
+ </div>
+ </div>
+ </div>
+
+ <div class="col-md-4 col-lg-4">
+ <div>
+ <a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
+ <div class="caption">
+ <h3>Havforskningskurset 1908</h3>
+ </div>
+ </div>
+ </div>
+
+ <div class="col-md-11 col-lg-11" style="border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 10px 0; margin: 15px 0;">
+ <div class="col-md-3">
+ <a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
+ </div>
+ <div class="col-md-9">
+ <h3>Havforskningskurset 1908</h3>
+ <p>Beskrivelse, emner, skaper, tid, osv.</p>
+ </div>
+ </div>
+
+ <div class="col-md-11 col-lg-11" style="border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 10px 0; margin: 15px 0;">
+ <div class="col-md-3">
+ <a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
+ </div>
+ <div class="col-md-9">
+ <h3>Havforskningskurset 1908</h3>
+ <p>Beskrivelse, emner, skaper, tid, osv.</p>
+ </div>
+ </div>
+
+ <div class="col-md-11 col-lg-11" style="border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 10px 0; margin: 15px 0;">
+ <div class="col-md-3">
+ <a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
+ </div>
+ <div class="col-md-9">
+ <h3>Havforskningskurset 1908</h3>
+ <p>Beskrivelse, emner, skaper, tid, osv.</p>
+ </div>
+ </div>
+
+ <div class="col-md-11 col-lg-11" style="border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 10px 0; margin: 15px 0;">
+ <div class="col-md-3">
+ <a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
+ </div>
+ <div class="col-md-9">
+ <h3>Havforskningskurset 1908</h3>
+ <p>Beskrivelse, emner, skaper, tid, osv.</p>
+ </div>
+ </div>
+
+ <div class="col-md-11 col-lg-11" style="border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 10px 0; margin: 15px 0;">
+ <div class="col-md-3">
+ <a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
+ </div>
+ <div class="col-md-9">
+ <h3>Havforskningskurset 1908</h3>
+ <p>Beskrivelse, emner, skaper, tid, osv.</p>
+ </div>
+ </div>
+
+ <div class="col-md-11 col-lg-11" style="border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 10px 0; margin: 15px 0;">
+ <div class="col-md-3">
+ <a class="thumbnail" href="http://data.ub.uib.no/instance/photograph/ubb-bs-fol-01040-004a"><img data-src="holder.js/300x200" src="http://folk.uib.no/st10938/ubb/bs/fol/ubb-bs-fol-01040_004ah_l.jpg" alt=""></a>
+ </div>
+ <div class="col-md-9">
+ <h3>Havforskningskurset 1908</h3>
+ <p>Beskrivelse, emner, skaper, tid, osv.</p>
+ </div>
+ </div>
+
+ </div>
+-->
+
+ </div>
+ </div>
+ </div>
+ </div>
+ {%include "../includes/footer.inc"%}
+ </body>
+</html>
+
diff --git a/components/static/js/facetview b/components/static/js/facetview
new file mode 160000
index 0000000000000000000000000000000000000000..621ef310f1f1e04c8562730af3bb4c7e328618e2
--- /dev/null
+++ b/components/static/js/facetview
@@ -0,0 +1 @@
+Subproject commit 621ef310f1f1e04c8562730af3bb4c7e328618e2