show some statistics on the index page

[grauphel.git] / templates / index.php

diff --git a/templates/index.php b/templates/index.php
index 7b7c6a6350810d30343a4b8a7beb0c42c4b1ef3f..e63df374b6ca8ed51c223f4e6d1b6b81a47cf441 100644 (file)
--- a/templates/index.php
+++ b/templates/index.php
@@ -1,13 +1,45 @@
+<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($_['apiurl']); ?></pre>
   </div>
 
+  <?php isset($_['stats']) && $_['stats']->printPage(); ?>
 </div>