4 files changed, 50 insertions, 6 deletions

diff --git a/src/views/comment.pug b/src/views/comment.pug
index 24e1a9b..8a60590 100644
--- a/src/views/comment.pug
+++ b/src/views/comment.pug
@@ -6,7 +6,8 @@ mixin comment(com, isfirst)
     div.more #{data.count} more comments
   else
     div(class=`comment ${isfirst?'first':''}`)
-      div.comment-body !{data.body}
+      div.comment-body 
+        != data.body_html
       div.info-container
         div.info-item by u/#{data.author}
         div.info-item ↑ #{fmtnum(data.ups)}
diff --git a/src/views/comments.pug b/src/views/comments.pug
index f7964a3..ff90554 100644
--- a/src/views/comments.pug
+++ b/src/views/comments.pug
@@ -14,7 +14,7 @@ html
           img(src=post.url).post-media
         else if post.post_hint == 'hosted:video'
           video(src=post.url).post-media
-        p.self-text !{post.selftext}
+        p.self-text !{post.selftext_html}
         hr
 
       div.comments-container
diff --git a/src/views/index.pug b/src/views/index.pug
index d017570..f23405f 100644
--- a/src/views/index.pug
+++ b/src/views/index.pug
@@ -1,16 +1,56 @@
+- var subs = []
 doctype html
 html
   head
     meta(charset='UTF-8')
     title reddit
     link(rel='stylesheet', href='/styles.css')
+  script.
+    function getSubs() {
+      var store = localStorage.getItem('subs');
+      if (store) {
+        return store.split(',').map((n)=>n.replace(/\/?r\//,''));
+      } else {
+        return [];
+      }
+    }
+
+    function subscribe(newsub) {
+      var subs = getSubs();
+      if (!subs.includes(newsub)) {
+        localStorage.setItem('subs',[...subs,newsub]);
+      }
+    }
+
+    function newSubItem(newsub) {
+      var p = document.createElement("p");
+      var text = document.createTextNode(newsub);
+      p.appendChild(text);
+      return p;
+    }
+
+    function genSubListing() {
+      const body = document.body;
+      const subbar = document.createElement('div');
+      subbar.id = 'subscriptions';
+      body.insertBefore(subbar, body.firstChild);
+      getSubs().forEach((item) => {
+        subbar.appendChild(newSubItem(item));
+      });
+    }
+
+    document.addEventListener('DOMContentLoaded', function() {
+      genSubListing();
+    });
   body
+
     main#content
       div.header
-        a(href=`/r/#{subreddit}`)
+        a(href=`/r/${subreddit}`)
           h1 r/#{subreddit}
         if about
           p #{about.public_description}
+        button(onclick=`subscribe("${subreddit}")`) subscribe
 
       each child in posts.posts
         include post
diff --git a/src/views/post.pug b/src/views/post.pug
index 183f33f..960ad53 100644
--- a/src/views/post.pug
+++ b/src/views/post.pug
@@ -7,8 +7,8 @@ mixin post(p)
           != p.title
           span.domain   (#{p.domain})
         div.info-container 
-          div.info-item by u/#{p.author}
           div.info-item ↑ #{fmtnum(p.ups)}
+          div.info-item by u/#{p.author}
           div.info-item 
             a(href=`/r/${p.subreddit}`) r/#{p.subreddit}
           div.info-item 
@@ -18,5 +18,8 @@ mixin post(p)
           if p.thumbnail && p.thumbnail != "self" || p.thumbnail != "default"
             a(href=p.url)
               img(src=p.thumbnail width='100px') 
-        else if p.post_hint == "hosted:video"
-          video(src=p.secure_media.reddit_video.scrubber_media_url width='100px') 
+          else if p.post_hint == "hosted:video"
+            - var url = p.secure_media.reddit_video.fallback_url
+            a(href=url)
+              video(src=url height='100px')
+