1 files changed, 26 insertions, 0 deletions
diff --git a/templates.js b/templates.js
new file mode 100644
index 0000000..a0a5099
--- /dev/null
+++ b/templates.js
@@ -0,0 +1,26 @@
+const Templates = {
+  dashboard({prevWord, nextWord, children}) {
+    return `
+      <div class="dashboard">
+        <div class="dashboard_prev-word">${prevWord || ''}</div>
+        <div class="dashboard_current-word">${children}</div>
+        <div class="dashboard_next-word">${nextWord || ''}</div>
+      </div>
+    `
+  },
+  currentWord({matchedSegment, rest}) {
+    return `
+      <span class="current-word_matched-segment">${matchedSegment}</span>
+      <span class="current-word_rest">${rest}</span>
+    `
+  },
+  sidebar({collection, currentSlug}) {
+    return `
+      <ul class="sidebar">
+        ${collection.map(([label, value, slug]) =>
+          `<li class="sidebar ${slug === currentSlug ? "sidebar_active": ""}"><a href="${value}">${label}</a></li>`
+        ).join("")}
+      </ul>
+    `
+  }
+}