Use image-display template.
[mkws-moved-to-github.git] / examples / htdocs / mike.html
1 <?xml version="1.0"?>
2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml">
4   <head>
5     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6     <title>MKWS demo: Mike's playground</title>
7     <link rel="stylesheet" type="text/css" href="http://x.mkws.indexdata.com/mkws.css" />
8     <style type="text/css">
9       .mkwsAuthname {
10         font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Verdana, Sans-Serif;
11         float: left;
12         padding-left: 1em;
13         padding-top: 0.4em;
14         color: #132194;
15         font-weight: bold;
16       }
17     </style>
18     <script type="text/javascript">
19       var mkws_config = { responsive_design_width: 990 };
20     </script>
21     <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
22     <script type="text/javascript" src="http://x.mkws.indexdata.com/jquery.json-2.4.js"></script>
23     <script type="text/javascript" src="http://x.mkws.indexdata.com/handlebars-v1.1.2.js"></script>
24     <script type="text/javascript" src="http://x.mkws.indexdata.com/pazpar2/js/pz2.js"></script>
25     <script type="text/javascript" src="http://x.mkws.indexdata.com/mkws.js"></script>
26     <script class="mkwsTemplate_Summary" type="text/x-handlebars-template">
27       <a href="#" id="{{_id}}" onclick="{{_onclick}}">
28         {{#first md-thumburl}}
29           <img src="{{this}}" alt="{{../md-title}}"/>
30         {{/first}}
31         <br/>
32       </a>
33     </script>
34   </head>
35   <body>
36     <div class='mkwsRecord' autosearch='kitten' targetfilter='udb==Google_Images'>Kitteh!</div>
37     <div id="mkwsSwitch"></div>
38     <div id="mkwsTargets"></div>
39     <div id="mkwsStat"></div>
40     <div class="mkwsLog"></div>
41   </body>
42 <!--
43   <body>
44     <div id="mkwsSwitch"></div>
45     <div id="mkwsLang"></div>
46     <div class="mkwsAuthname"></div>
47     <div id="mkwsSearch"></div>
48     <table width="100%" border="0" cellpadding="6" cellspacing="0">
49       <tr>
50         <td class="mkwsTermlistContainer1" width="250" valign="top">
51           <div class="mkwsTermlists" data-mkws-config='{ "facets": ["xtargets", "author", "subject"] }'></div>
52         </td>
53         <td class="mkwsMOTDContainer" valign="top">
54           <div class="mkwsRanking"></div>
55           <div class="mkwsPager"></div>
56           <div class="mkwsNavi"></div>
57           <div class="mkwsRecords"></div>
58         </td>
59       </tr>
60       <tr>
61         <td colspan="2">
62           <div class="mkwsTermlistContainer2"></div>
63         </td>
64       </tr>
65     </table>
66     <div id="mkwsTargets"></div>
67     <div id="mkwsStat"></div>
68     <div id="mkwsMOTD">Speak, friend, and enter!</div>
69     <div style="background: #ffffe0; border: 1px solid #e0e080; padding: 0.2em 1em;">
70       <h2>Logging</h2>
71       <p class="mkwsLog"/>
72     </div>
73   </body>
74 -->
75 <!--
76   <body>
77     <table width="100%" border="1">
78       <tr>
79         <td valign="top" width="50%">
80           <div class="mkwsSwitch"></div>
81           <div class="mkwsLang"></div>
82           <div class="mkwsSearch"></div>
83           <div class="mkwsResults"></div>
84           <div class="mkwsTargets"></div>
85           <div class="mkwsStat"></div>
86         </td>
87         <td valign="top" width="50%">
88           <div class="mkwsSwitch mkwsTeam_2"></div>
89           <div class="mkwsLang mkwsTeam_2"></div>
90           <div class="mkwsSearch mkwsTeam_2"></div>
91           <div class="mkwsResults mkwsTeam_2"></div>
92           <div class="mkwsTargets mkwsTeam_2"></div>
93           <div class="mkwsStat mkwsTeam_2"></div>
94         </td>
95       </tr>
96     </table>
97     <div class="mkwsMOTD">This is the first MOTD</div>
98     <div class="mkwsMOTD mkwsTeam_2">This is the second MOTD</div>
99   </body>
100 -->
101 </html>