blob: 2ad80bd03947e140c89d862d1fb3ad240e62bc02 [file] [log] [blame]
Nils Diewald5d1ffb42014-05-21 17:45:34 +00001<!DOCTYPE html>
2<html>
3 <head>
4 <title><%= title %></title>
5%= stylesheet '/style.css'
6%= stylesheet '/kwic-3.0.css'
Nils Diewald02df9912014-06-03 16:08:07 +00007%= stylesheet '/fontawesome/font-awesome.min.css'
Nils Diewald5d1ffb42014-05-21 17:45:34 +00008%= javascript '/jquery-2.0.0.min.js'
Nils Diewald02df9912014-06-03 16:08:07 +00009<meta charset="utf-8" />
Nils Diewald5d1ffb42014-05-21 17:45:34 +000010 </head>
11 <body>
Nils Diewald02df9912014-06-03 16:08:07 +000012%= notifications 'Alertify'
13
14<div id="top">
15%= image '/img/korap-logo.svg', style => 'position: absolute; z-index: 999'
Nils Diewald5d1ffb42014-05-21 17:45:34 +000016%= form_for url_for() => begin
17%= select_field ql => [[Poliqarp => 'poliqarp'], ['Cosmas II' => 'cosmas2']]
Nils Diewald02df9912014-06-03 16:08:07 +000018<br />
Nils Diewald5d1ffb42014-05-21 17:45:34 +000019%= search_field 'q'
Nils Diewald02df9912014-06-03 16:08:07 +000020<button type="submit" name="action" value="ok"><i class="fa fa-search"></i></button>
21<button type="submit" name="action" value="inspect"><i class="fa fa-code"></i></button>
Nils Diewald5d1ffb42014-05-21 17:45:34 +000022% end
Nils Diewald02df9912014-06-03 16:08:07 +000023
24% if (param('q')) {
25<div id="button-right">
26<button type="button" onclick="$('#search > ol').toggleClass('left-aligned right-aligned'); $(this).children('i').toggleClass('fa-align-right fa-align-left')"><i class="fa fa-align-right"></i></button>
27</div>
28% }
29
30</div>
31
32<div id="sidebar" style="padding-top: 90px">
33 <fieldset style="margin: 0 17px;">
34 <legend>Virtual Collections</legend>
35 </fieldset>
36</div>
37
38<div id="search">
Nils Diewald5d1ffb42014-05-21 17:45:34 +000039%= content
Nils Diewald02df9912014-06-03 16:08:07 +000040</div>
41
42%= javascript begin
43$("li,code,#sidebar").on("click", function () {
44 $(this).toggleClass('active');
45});
46% end
47
Nils Diewald5d1ffb42014-05-21 17:45:34 +000048 </body>
49</html>