keywords list

1 files changed, 68 insertions, 0 deletions

diff --git a/views/pages/keywords.ejs b/views/pages/keywords.ejs
new file mode 100644
index 0000000..d844e39
--- /dev/null
+++ b/views/pages/keywords.ejs
@@ -0,0 +1,68 @@
+<% include ../partials/header %>
+
+<div class="subtitle"></div>
+
+<div id="content">
+  <div id="keyword_list">
+    <script type="text/html" class="template">
+      <div class="keyword_row">
+        <div class="keyword"><a href="/index/{{keyword}}">{{keyword}}</a></div>
+        <div class='dot'>
+          &middot;
+        </div>
+        <div class="date {{date_class}}">
+          {{date}} <small>{{time}}</small>
+        </div>
+        <div class="views {{views_class}}">
+          {{views}}
+        </div>
+        <div class="{{color}} title">
+          <a href="/details/{{id}}">{{title}}</a>
+        </div>
+      </div>
+    </script>
+  </div>
+</div>
+
+<% include ../partials/footer %>
+
+<style>
+.keyword_row {
+  display: flex;
+  flex-direction: row;
+  margin-top: 10px;
+}
+.keyword_row div {
+  display: flex;
+}
+.keyword_row .dot {
+  margin-right: 5px;
+}
+.keyword_row .keyword a {
+  font-size: 12px;
+  font-weight: bold;
+  display: block;
+  min-width: 100px;
+  text-align: right;
+  margin-right: 5px;
+  margin-top: -3px;
+}
+.keyword_row .date {
+  min-width: 130px;
+}
+.keyword_row .date small {
+  font-size: 9px;
+  margin-left: 3px;
+}
+.keyword_row .views {
+  min-width: 30px;
+  text-align: center;
+}
+.keyword_row .title a {
+  display: block;
+  padding: 5px;
+  margin-top: -4px;
+  
+}
+
+</style>
\ No newline at end of file