Add responsive_design_width.
[mkws-moved-to-github.git] / examples / htdocs / mike.html
index e4cff77..f50e7d7 100644 (file)
@@ -5,36 +5,30 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title>MKWS demo: Mike's playground</title>
     <link rel="stylesheet" type="text/css" href="http://x.mkws.indexdata.com/mkws.css" />
+    <link rel="stylesheet" type="text/css" href="mkws-widget-reference.css" />
+    <script type="text/javascript">
+      var mkws_config = { service_proxy_auth: "//mkws.indexdata.com/service-proxy-testauth",
+                          responsive_design_width: 800 };
+    </script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
     <script type="text/javascript" src="http://x.mkws.indexdata.com/jquery.json-2.4.js"></script>
     <script type="text/javascript" src="http://x.mkws.indexdata.com/handlebars-v1.1.2.js"></script>
     <script type="text/javascript" src="http://x.mkws.indexdata.com/pazpar2/js/pz2.js"></script>
     <script type="text/javascript" src="http://x.mkws.indexdata.com/mkws.js"></script>
+    <script type="text/javascript" src="mkws-widget-reference.js"></script>
   </head>
+<!--
   <body>
-    <div id="mkwsSwitch"></div>
-    <div id="mkwsLang"></div>
-    <div id="mkwsSearch"></div>
-    <table width="100%" border="0" cellpadding="6" cellspacing="0">
-      <tr>
-       <td class="mkwsTermlistContainer1" width="250" valign="top">
-         <div class="mkwsTermlists"></div>
-       </td>
-       <td class="mkwsMOTDContainer" valign="top">
-         <div class="mkwsRanking"></div>
-         <div class="mkwsPager"></div>
-         <div class="mkwsNavi"></div>
-         <div class="mkwsRecords"></div>
-       </td>
-      </tr>
-      <tr>
-       <td colspan="2">
-         <div class="mkwsTermlistContainer2"></div>
-       </td>
-      </tr>
-    </table>
-    <div id="mkwsTargets"></div>
-    <div id="mkwsStat"></div>
-    <div id="mkwsMOTD">Speak, friend, and enter!</div>
+    <div class='mkwsReference' autosearch='!param!q'>result will appear here</div>
+  </body>
+-->
+  <body>
+    <div class="mkwsSwitch"></div>
+    <div class="mkwsLang"></div>
+    <div class="mkwsSearch"></div>
+    <div class="mkwsResults"></div>
+    <div class="mkwsTargets"></div>
+    <div class="mkwsStat"></div>
+    <div class="mkwsBuilder"></div>
   </body>
 </html>