3 files changed, 16 insertions, 32 deletions
diff --git a/templates/appnavigation.php b/templates/appnavigation.php
index 78b4358..e50f083 100644
--- a/templates/appnavigation.php
+++ b/templates/appnavigation.php
@@ -1,7 +1,7 @@
 <div id="app-navigation">
   <ul>
-    <?php foreach ($_['navigationItems'] as $item) { ?>
-      <li data-id="<?php p($item['id']) ?>" class="nav-<?php p($item['id']) ?>"><a href="<?php p(isset($item['href']) ? $item['href'] : '#') ?>"><?php p($item['name']);?></a></li>
+    <?php foreach ($_['tags'] as $tag) { ?>
+      <li data-id="<?php p($tag['id']) ?>"><a href="<?php p(isset($tag['href']) ? $tag['href'] : '#') ?>"><?php p($tag['name']);?></a></li>
     <?php } ?>
   </ul>
 
diff --git a/templates/index.php b/templates/index.php
index bc51f4b..ac6dcfe 100644
--- a/templates/index.php
+++ b/templates/index.php
@@ -1,33 +1,4 @@
-<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(); ?>
diff --git a/templates/tag.php b/templates/tag.php
new file mode 100644
index 0000000..ea80ed0
--- /dev/null
+++ b/templates/tag.php
@@ -0,0 +1,13 @@
+<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">
+  <h1>Notebook: <?php p($_['tag']); ?></h1>
+  <ul>
+    <?php foreach ($_['notes'] as $note) { ?>
+      <li data-id="<?php p($note['guid']); ?>"><a href="#"><?php p($note['title']); ?></a></li>
+    <?php } ?>
+  </ul>
+</div>