Improve topic.html demo

[mkws-moved-to-github.git] / examples / htdocs / topic.html
diff --git a/examples/htdocs/topic.html b/examples/htdocs/topic.html

index 3a53765..34bf452 100644 (file)
--- a/examples/htdocs/topic.html
+++ b/examples/htdocs/topic.html
@@ -1,10 +1,9 @@
  <!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en"><head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>MKWS demo: Compound reference widget, Bootstrap edition</title>
+  <title>MKWS demo</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
@@ -20,6 +19,7 @@
    <link rel="stylesheet" type="text/css" href="topic.css">
    <script>
      Handlebars.registerHelper('mkws-topicurl', function(topic) {
+      /* Creates a link back to this page with the topic as a parameter */
        return window.location.pathname + "?q=" + encodeURIComponent(topic);
      });
    </script>
@@ -49,12 +49,12 @@
    <div class='page-header container' autosearch='!param!q'>
      <div class="row">
        <!-- reference entry -->
-      <div class="jumbotron panel col-md-8">
+      <div class="jumbotron panel col-md-8 col-sm-7">
          <div class="panel-body mkws-reference mkws-team-ref" autosearch="!param!q"
               data-mkws-config='{"paragraphs":1}'></div>
        </div>
        <!-- related topics -->
-      <div class="col-md-offset-1 col-md-3"><div class="panel panel-default">
+      <div class="col-md-offset-1 col-md-3 col-sm-5"><div class="panel panel-default">
          <div class="panel-heading title">
            <h3 class="panel-title">Related Topics</h3>
          </div>
@@ -77,7 +77,7 @@
  
      <!-- sources -->
      <div class="row">
-        <div class="col-md-4 col-sm-6"><div class="panel panel-default">
+        <div class="news col-md-4 col-sm-6"><div class="panel panel-default">
            <div class="panel-heading title">
              <h3 class="panel-title">News</h3>
            </div>
@@ -85,7 +85,7 @@
                 data-mkws-config='{"targetfilter":"categories=news",
                                    "perpage":7}'></div>
          </div></div>
-        <div class="col-md-4 col-sm-6"><div class="panel panel-default">
+        <div class="articles col-md-4 col-sm-6"><div class="panel panel-default">
            <div class="panel-heading title">
              <h3 class="panel-title">Articles</h3>
            </div>
@@ -93,7 +93,7 @@
                 data-mkws-config='{"targetfilter":"categories=articles",
                                    "perpage":7}'></div>
          </div></div>
-        <div class="col-md-4 col-sm-6"><div class="panel panel-default">
+        <div class="books col-md-4 col-sm-6"><div class="panel panel-default">
            <div class="panel-heading title">
              <h3 class="panel-title">Books</h3>
            </div>
@@ -103,7 +103,7 @@
          </div></div>
      </div>
      <div class="row">
-        <div class="col-md-12"><div class="panel panel-default">
+        <div class="alltargets col-md-12"><div class="panel panel-default">
            <div class="panel-heading title">
              <h3 class="panel-title">Results from all targets</h3>
            </div>