breadcrumps, todos, etc.

static/index.html

@@ -16,6 +16,8 @@
   <div id="app">
     <aside id="sidebar">
       <a id="wiki-brand" class="brand" href="#">Racket Wiki</a>
+      <a id="recent-link" class="sidebar-primary-link" href="#">* <span data-tr="recent">Recent</span></a>
+      <a id="bookmarks-link" class="sidebar-primary-link" href="#">* <span data-tr="bookmarks">Bookmarks</span></a>
       <a id="todo-link" class="sidebar-primary-link" href="#">* <span data-tr="todo-list">Todo list</span></a>
       <a id="graph-link" class="sidebar-primary-link" href="#">* <span data-tr="graph">Graph</span></a>
       <form id="search-form" class="wiki-search" role="search">
@@ -45,6 +47,7 @@
         <div class="navigation-row">
           <nav id="breadcrumbs" class="breadcrumbs hidden" aria-label="Breadcrumb"></nav>
           <div id="page-action-links" class="page-action-links hidden">
+            <a id="bookmark-page" href="#" data-tr="bookmark">Bookmark</a>
             <a id="edit-page" class="editor-only hidden" href="#" data-tr="edit">Edit</a>
             <a id="history-page" href="#" data-tr="history">History</a>
             <a id="delete-page" class="editor-only danger hidden" href="#" data-tr="delete">Delete</a>
@@ -76,6 +79,12 @@
           <div class="editor-heading">
             <input id="editor-title" class="title-input" placeholder="Page title" data-tr-placeholder="page-title">
             <div id="editor-slug-info" class="muted"></div>
+            <div class="editor-template-row">
+              <label for="template-select" data-tr="template">Template</label>
+              <select id="template-select">
+                <option value="" data-tr="no-template">No template</option>
+              </select>
+            </div>
           </div>
           <div class="toolbar">
             <button id="cancel-edit" data-tr="cancel">Cancel</button>
@@ -101,6 +110,21 @@
         <div id="search-results" class="search-results"></div>
       </section>
 
+
+      <section id="recent-view" class="hidden">
+        <header class="page-header">
+          <h1 data-tr="recent-changes">Recent changes</h1>
+        </header>
+        <div id="recent-list" class="special-page-list"></div>
+      </section>
+
+      <section id="bookmarks-view" class="hidden">
+        <header class="page-header">
+          <h1 data-tr="bookmarks">Bookmarks</h1>
+        </header>
+        <div id="bookmarks-list" class="bookmarks-list"></div>
+      </section>
+
       <section id="todo-view" class="hidden">
         <header class="page-header">
           <h1 data-tr="todo-items">Todo items</h1>