    "<html>\n"
    "  <head>\n"
    "    <title>Natural Tiny Logger (NT-Logger)</title>\n"
    "\n"
    "    <script type=\"text/javascript\" src=\"http://www.google.com/jsapi\"></script>\n"
    "    <script type=\"text/javascript\" src=\"./timeline/timeline.js\"></script>\n"
    "    <link rel=\"stylesheet\" type=\"text/css\" href=\"./timeline/timeline.css\">\n"
    "\n"
    "    <style>\n"
    "      body {font: 10pt arial;}\n"
    "\n"
    "      div.timeline-frame {\n"
    "        border-color: gray;\n"
    "      }\n"
    "\n"
    "      div.timeline-axis {\n"
    "        border-color: gray;\n"
    "\n"
    "        background-color: gray;\n"
    "        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#EEEFF1'); /* for IE */\n"
    "        background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#EEEFF1)); /* for webkit browsers */\n"
    "        background: -moz-linear-gradient(top,  #F9F9F9,  #EEEFF1); /* for firefox 3.6+ */\n"
    "      }\n"
    "\n"
    "      div.timeline-axis-text {\n"
    "        font: bold 12px arial;\n"
    "        color: black;\n"
    "      }\n"
    "\n"
    "      div.timeline-event {\n"
    "        border: none;\n"
    "        background-color: cornflowerblue;\n"
    "      }\n"
    "      div.timeline-event-selected {\n"
    "        background-color: mediumslateblue;\n"
    "      }\n"
    "      div.timeline-event-content {\n"
    "        margin: 0px;\n"
    "      }\n"
    "\n"
    "      div.timeline-groups-axis {\n"
    "        border-color: gray;\n"
    "      }\n"
    "      div.timeline-groups-text {\n"
    "        font: bold 12px arial;\n"
    "        color: black;\n"
    "      }\n"
    "\n"
    "      div.event {\n"
    "        border: 1px solid white;\n"
    "        border-radius: 2px;\n"
    "        -moz-border-radius: 2px;\n"
    "\n"
    "        font: bold 12px arial;\n"
    "        color: black;\n"
    "\n"
    "        padding: 2px;\n"
    "        margin: 1px;\n"
    "        overflow: hidden;\n"
    "      }\n"
    "\n"
    "    </style>\n"
    "\n"
    "    <script type=\"text/javascript\">\n"
    "      var timeline = null;\n"
    "\n"
    "      google.load(\"visualization\", \"1\");\n"
    "\n"
    "      // Set callback to run when API is loaded\n"
    "      google.setOnLoadCallback(drawVisualization);\n"
    "\n"
    "      // Called when the Visualization API is loaded.\n"
    "      function drawVisualization() {\n"
    "        // Create and populate a data table.\n"
    "        var data = new google.visualization.DataTable();\n"
    "        data.addColumn('datetime', 'start');\n"
    "        data.addColumn('datetime', 'end');\n"
    "        data.addColumn('string', 'content');\n"
    "        data.addColumn('string', 'group');\n"
    "\n"
    "        // Insert target timeline data here\n"
    "        // Insert target timeline data here\n"
    "        // Insert target timeline data here\n"
    "        // Insert target timeline data here\n"
    "        // Insert target timeline data here\n"
    "        // Insert target timeline data here\n"
    "        // Insert target timeline data here\n"
    "        // Insert target timeline data here\n"
    "        // Insert target timeline data here\n"
    "        // Insert target timeline data here\n"
    "        // Insert target timeline data here\n"
    "        // Insert target timeline data here\n"
    "        // Insert target timeline data here\n"
    "\n"
    "        // specify options\n"
    "        var options = {\n"
    "          width: \"100%\",\n"
    "          height: \"auto\",\n"
    "          layout: \"box\",\n"
    "          editable: false,\n"
    "          eventMargin: 5,  // minimal margin between events\n"
    "          eventMarginAxis: 0, // minimal margin beteen events and the axis\n"
    "          showMajorLabels: true,\n"
    "          axisOnTop: true,\n"
    "          groupsChangeable : true,\n"
    "          groupsOnRight: false\n"
    "        };\n"
    "\n"
    "        // Instantiate our timeline object.\n"
    "        timeline = new links.Timeline(document.getElementById('mytimeline'));\n"
    "\n"
    "        // Draw our timeline with the created data and options\n"
    "        timeline.draw(data, options);\n"
    "      }\n"
    "   </script>\n"
    "  </head>\n"
    "\n"
    "  <body>\n"
    "    <h1>Natural Tiny Logger (NT-Logger)</h1>\n"
    "    <div id=\"mytimeline\"></div>\n"
    "  </body>\n"
    "\n"
    "</html>\n"
    "\n"
