Add computer name input field on oauth authorization page

[grauphel.git] / templates / index.php

diff --git a/templates/index.php b/templates/index.php
index e63df374b6ca8ed51c223f4e6d1b6b81a47cf441..e945f9a7bb6e604a9c8d4ae0d3716ca033e9413f 100644 (file)
--- a/templates/index.php
+++ b/templates/index.php
@@ -1,45 +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:
+    </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>
-      Use the following sync server URL with tomboy/conboy/tomdroid:
+      You may also explore the API yourself at
+      <a class="lined" href="<?php p($_['apiurl']); ?>">api/1.0</a>.
     </p>
-    <pre><?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>