X-Git-Url: https://git.cweiske.de/grauphel.git/blobdiff_plain/e63258d5244cbfa98667ed9456ea97138c8c263a..2f1ed90704ec3133afb15d39d537e79f1b9058c4:/templates/index.php

diff --git a/templates/index.php b/templates/index.php
index a0ddbb3..6eb2905 100644
--- a/templates/index.php
+++ b/templates/index.php
@@ -1,13 +1,38 @@
-<div id="app">
-  <div id="app-navigation">
-</div>
+<link rel="stylesheet" href="<?php p(OCP\Util::linkTo('grauphel','grauphel.css')); ?>" type="text/css"/>
+
+<?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;">
-      Use the following sync server URL with tomboy/conboy/tomdroid:
+<div id="app-content" class="content">
+  <div id="searchresults" class="hidden"></div>
+  <div>
+    <h1>grauphel - Tomboy notes server</h1>
+    <p>
+      <a class="lined" href="http://apps.owncloud.com/content/show.php?action=content&amp;content=166654">Grauphel</a>
+      is a server to store and synchronize notes from Tomboy and compatible clients.
+    </p>
+    <p>
+      Use the following sync server URL:
+    </p>
+    <pre><?php p($_['apiroot']); ?></pre>
+    <p>
+     Supported clients:
+    </p>
+    <ul>
+      <li><a class="lined" href="https://wiki.gnome.org/Apps/Tomboy">Tomboy</a> (Linux, Windows)</li>
+      <li><a class="lined" href="http://conboy.garage.maemo.org/">Conboy</a> (Nokia N900 Maemo)</li>
+      <li><a class="lined" href="https://launchpad.net/tomdroid">Tomdroid</a> (Android)</li>
+    </ul>
+    <p>
+      You may also explore the API yourself at
+      <a class="lined" href="<?php p($_['apiurl']); ?>">api/1.0</a>.
     </p>
-    <pre style="margin: 1em; background-color: #DDD; padding: 1ex; font-family: monospace"><?php p($_['apiurl']); ?></pre>
   </div>
+
+  <?php isset($_['stats']) && $_['stats']->printPage(); ?>
+
+  <hr style="height: 1px; border: none; background-color: grey"/>
+  <p style="text-align: center">
+    Written by <a class="lined" href="http://cweiske.de/">Christian Weiske</a>
+  </p>
 </div>