link api from web interface, make single note fetching work, redo note storage username

[grauphel.git] / templates / index.php

diff --git a/templates/index.php b/templates/index.php
index a0ddbb383519f7338be05ff1295671af5d335379..bc51f4b8639ea6b4374dbbd16b48e769f45b58dd 100644 (file)
--- a/templates/index.php
+++ b/templates/index.php
@@ -1,13 +1,49 @@
-<div id="app">
-  <div id="app-navigation">
-</div>
+<style type="text/css">
+.app-grauphel #app-content {
+    box-sizing: border-box;
+    padding: 2ex;
+}
+
+.app-grauphel #app-content h1 {
+    font-weight: bold;
+    font-size: 2em;
+    margin-bottom: 1ex;
+}
+.app-grauphel #app-content h2 {
+    font-weight: bold;
+    font-size: 150%;
+    margin-bottom: 1ex;
+    margin-top: 2ex;
+}
+.app-grauphel #app-content dt {
+    font-weight: bold;
+}
+.app-grauphel #app-content dd {
+    margin-left: 3ex;
+}
+.app-grauphel #app-content pre {
+    margin: 1em;
+    background-color: #DDD;
+    padding: 1ex;
+    font-family: monospace;
+}
+</style>
+
+<?php /** @var $l OC_L10N */ ?>
+<?php $_['appNavigation']->printPage(); ?>
 
 <div id="app-content">
-  <div style="margin: 1ex">
-    <h1 style="font-size: 2em; font-weight: bold">Tomboy notes server</h1>
-    <p style="margin: 1em;">
+  <div>
+    <h1>Tomboy notes server</h1>
+    <p>
       Use the following sync server URL with tomboy/conboy/tomdroid:
     </p>
-    <pre style="margin: 1em; background-color: #DDD; padding: 1ex; font-family: monospace"><?php p($_['apiurl']); ?></pre>
+    <pre><?php p($_['apiroot']); ?></pre>
+    <p>
+      You may also explore the API yourself at
+      <a style="text-decoration: underline" href="<?php p($_['apiurl']); ?>">api/1.0</a>.
+    </p>
   </div>
+
+  <?php isset($_['stats']) && $_['stats']->printPage(); ?>
 </div>