X-Git-Url: https://git.cweiske.de/grauphel.git/blobdiff_plain/cd37bde4ef0747a11c1221e937027fe17f2894fe..ace226e665fa77d04a61dfd61818f6cce5df6861:/templates/index.php

diff --git a/templates/index.php b/templates/index.php
index bc51f4b..fb57acd 100644
--- a/templates/index.php
+++ b/templates/index.php
@@ -1,49 +1,37 @@
-<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>
+<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 id="app-content" class="content">
   <div>
-    <h1>Tomboy notes server</h1>
+    <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 with tomboy/conboy/tomdroid:
+      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)</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 style="text-decoration: underline" href="<?php p($_['apiurl']); ?>">api/1.0</a>.
+      <a class="lined" href="<?php p($_['apiurl']); ?>">api/1.0</a>.
     </p>
   </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>