1 files changed, 103 insertions, 0 deletions
diff --git a/lib/info.html b/lib/info.html
new file mode 100644
index 00000000..5f230b8b
--- /dev/null
+++ b/lib/info.html
@@ -0,0 +1,103 @@
+<head>
+  <title>dwb - %s</title>
+  <script type="text/javascript">
+      //function click_cb(ev, id) {
+      //}
+  </script>
+    <style type="text/css">
+      body {
+        background:white; 
+        color:black;
+      }
+      #bar {
+        position: fixed;
+        top: 0pt;
+        left: 0pt;
+        background: #333;
+        color: #000000;
+        width: 100%;
+        z-index: 2;
+        -webkit-user-select: none;
+         background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABACAAAAAD+ekKcAAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAAEgAAABIAEbJaz4AAABqSURBVAjXDcPBCkEBAACwJUmSJEmSJEmSJEmSJEmSJEmSHCRJkiTJx3urEQgJi4iKiUtISknLyMrJKygqKauoqqlraGpp6+jq6RsYGhmbmJqZW1haWdvY2tk7ODo7BS+ubu4enl7ePr5+f3zID0eV/ZdFAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDExLTAzLTEwVDAzOjExOjExKzAxOjAwCEbCmgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxMS0wMy0xMFQwMzoxMToxMSswMTowMHkbeiYAAAAASUVORK5CYII=);
+      }
+      .button {
+        position: relative;
+        display: inline;
+        padding-left: 20px;
+        padding-right: 20px;
+        font: normal bold 14px sans-serif;
+        float: left;
+        color: #909090;
+      }
+      .button a {
+        color: #909090;
+        text-decoration: none;
+      }
+      .button[currentState=a] a,.button a:hover { color: #fff; }
+      .infopanel {
+        display: table;
+        width: 100%;
+        position: absolute;
+        padding-left: 15px;
+        padding-right: 15px;
+        padding-bottom: 15px;
+        top: 70px;
+        left: 0px;
+      }
+      .infopanel a {
+        text-decoration: none;
+        font-weight: bold;
+        color: #326f32;
+        padding-left: 10px;
+      }
+      .infopanel a:visited { color: #666666; text-decoration: none; }
+      .infopanel a:hover { text-decoration: underline; }
+      .qm {
+        font-weight: bold;
+        color: #333;
+        float: left;
+        min-width: 25px;
+        text-align: center;
+        height: 23px;
+        border: 1px outset #aaa;
+        border-color: #aaa;
+        -webkit-border-radius: 5px;
+      }
+      .line0,.line1 {
+        position: relative;
+        font: normal 13px helvetica;
+        line-height:25px;
+      }
+      .line0 {
+        background: #dddddd;
+      }
+      .line1 {
+        background: #efefef;
+      }
+      #buttonbox {
+        float:left;
+        padding-top: 15px;
+        padding-bottom: 15px;
+      }
+      #icon {
+        float: left;
+        padding-right: 20px;
+        padding-left: 20px;
+        padding-top: 8px;
+      }
+      </style>
+    </head>
+    <body>
+      <div id="bar">
+    <img id="icon" src=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeEAQAAADBqbpqAAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAAEgAAABIAEbJaz4AAANUSURBVEjH7ZR7TFN3FMc/9wEFQkWpIEwWplUS39EuMINbAdHEZSmawNSQ+WiixOka3dw/Gtkjezi3ZWEmCzhRo5tETSU+olMCUZnLNGi1Yz7Gio+owyIK0sBa2/72RxmPpXcZY2HJxje5yb3nfM/3e3/nnHthCP91SFqJx2UAEXG8GGH2p/JrqyeQG3zWu186Qp3RqMVnJURtwyrndCSheO77TNIt/+ZwfDmc6QcNsHatXrl8+8Pnr3fUum9drd0UbP/sNWWKWq/1ovqVYHdMGn31kj3xuv10dUtL7Svy1wWx/WqD/n2ItloXjC0K/DD+OSHyrglRb6pxPnBGJLlcWlXK+vhme1raeSHGGYR4Ty/E3e3r0rT4arhg+0aAuB8bkScDxGZDUAZ1FuDQMpa/epgw4uTDrqcH20E+CGRrsPvVin8Q/z9jtb8F+qPQ9qViAPVNsmjyPENM8M6T5KfHiGXAjb9s3Dp75HHfuqwc9umaUSkHGFYZODT/skn5JvUPpm3i46y6yJ83n3vdHWPPKxXzAnujL0iSbuo7G6DqGPBRdyt3gpppitP7F81wL1fyABgO4gZ0lINaZNrmmPhT3mppsezCTTGAcpNilHBz8VvOJb/kWHr27YVRr+qaAsNhtRvyjQmTQBzvzXVcg7LdheeDZwvB3BX8FKJmQe4vADohkIUA7Wt6shDO0TVOITBC4ZreuXd3CeEuLVwDGKHG+Wc6IET8IyFOWIRQ8Q7uUnXPuPvODCnNxLY9cb3Q3vDYAKOa4Kmqvyuc8DKguzenec/9JBjWAsYzgKdnbF2QgPX1/tRjh20HID0AW00DOVHBF3Di1FZTSMt2APx9VrXnO46HaKuonjiuc6Z1g78CvJUDMY70QfJ33sqNHf4K6JwJojq8MaBMkSulKrOhbK/FNid7WkZPAiItiVt8n+eXLNyRvqJPjQ2UCekrXKX5JaNciVu6hReBenFaxqYUi+0Nu9kglch9DiKFtg34FpakweR2kBbAaQ8cbQyRUt6Cok8gKgfqlsC+gh6B+TGQOR18xVCuQuPsUDw3A+Z+D+yEhoRQLjgP4h9BxdLexoOE343/zX/1lVWDaSiPlUyde65MUCEzcjCNpVwiWg96pYErDWEIGvgNdLVGBQKQtg8AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTEtMDItMDhUMjA6NDU6MjMrMDE6MDAWGaRfAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDExLTAyLTA4VDIwOjQ1OjIzKzAxOjAwZ0Qc4wAAAABJRU5ErkJggg==/>
+        <div id="buttonbox">
+          <div class='button' currentState='%c' ><a href="dwb://bookmarks">Bookmarks</a></div> 
+          <div class='button' currentState='%c' ><a href="dwb://quickmarks">Quickmarks</a></div>
+          <div class='button' currentState='%c' ><a href="dwb://history">History</a></div>
+        </div>
+      </div>
+      <!--content goes here-->
+      <div class='infopanel'> 
+        %s
+      </div>
+    </body>