Collect the static files to static root

Author: zmrenwu

weblog/static/blog/css/comment.css

@@ -1,3 +1,7 @@
+.highlighted {
+    color: red;
+}
+
 #comment-form {
     margin: 50px 0 60px 0;
     padding: 0 30px;
@@ -73,7 +77,26 @@
     display: none;
 }
 
+.comment-panel .like-form {
+    display: inline-block;
+    margin: 0;
+    padding: 0;
+}
+
+.comment-panel .like-form button {
+    background: none;
+    border: none;
+    margin-right: 10px;
+    font-size: 16px;
+}
 
+.comment-panel .like-form button i {
+    margin: 0;
+}
+
+input[name='honeypot'] {
+    display: none;
+}
 
 .comment-panel textarea {
     height: 32px;
@@ -97,4 +120,14 @@
     color: #fff;
     float: right;
     margin-left: 10px;
+}
+
+.login-reminder {
+    padding-left: 30px;
+    margin-bottom: -40px;
+    margin-top: 20px;
+}
+
+.login-reminder a {
+    color: deepskyblue;
 }

weblog/static/blog/css/custom.css

@@ -238,14 +238,16 @@ figure {
 
 .post-category,
 .post-date,
-.post-author {
+.post-author,
+.comments-link {
     position: relative;
     padding-right: 15px;
 }
 
 .post-category::after,
 .post-date::after,
-.post-author::after {
+.post-author::after,
+.comments-link::after {
     position: absolute;
     content: '.';
     color: #000;
@@ -835,4 +837,76 @@ figure {
     .overlay ul li {
         min-height: 34px;
     }
+}
+
+/**
+ * 11.0 - login form
+ */
+.form-wrapper {
+    margin-top: 100px;
+}
+
+.form-wrapper h1 {
+    margin-bottom: 20px;
+}
+
+.login-form input, .register-form input {
+    border: 1px solid #aaa;
+    margin-bottom: 25px;
+    width: 100%;
+    padding: 15px 15px;
+    font-size: 16px;
+    line-height: 100%;
+    transition: 0.4s border-color linear;
+}
+
+.login-form input:focus, .register-form input:focus,
+.login-form textarea:focus {
+    border-color: #666;
+}
+
+.login-form .login-text, .register-form .login-text {
+    display: block;
+    text-align: right;
+    margin-bottom: 10px;
+}
+
+.login-form .login-btn, .register-form .register-btn {
+    display: block;
+    width: 100%;
+    border: 1px solid #aaa;
+    background-color: #FFFFFF;
+    padding: 10px 0;
+    font-size: 16px;
+}
+
+.social-login {
+    position: relative;
+    margin-top: 30px;
+    font-size: 15px;
+}
+
+.social-login hr {
+    margin-bottom: 15px;
+}
+
+.social-text {
+    text-align: center;
+    position: absolute;
+    display: block;
+    width: 120px;
+    padding: 0 10px;
+    top: -11px;
+    left: 50%;
+    margin-left: -60px;
+    background-color: #FFFFFF;
+}
+
+.social-icon {
+    text-align: center;
+}
+
+.social-icon i {
+    margin: 0 4px;
+    font-size: 16px;
 }

weblog/static/blog/js/blog.js

@@ -25,7 +25,7 @@ $(
     }),
 
     $('.comment-panel .ion-chatbox-working').click(function () {
-        $(this).parent().siblings('.inner-panel , form').slideToggle(400);
+        $(this).parent().siblings('.inner-panel , .comment-form').slideToggle(400);
         $(this).parent().siblings(':last').children(':button').click(function () {
             $(this).parent().parent().children('.inner-panel , form').slideUp(400);
         });

weblog/static/notifications/notify.js

@@ -0,0 +1,78 @@
+var notify_badge_id;
+var notify_menu_id;
+var notify_api_url;
+var notify_fetch_count;
+var notify_unread_url;
+var notify_mark_all_unread_url;
+var notify_refresh_period = 15000;
+var consecutive_misfires = 0;
+var registered_functions = [];
+
+function fill_notification_badge(data) {
+    var badge = document.getElementById(notify_badge_id);
+    if (badge) {
+        badge.innerHTML = data.unread_count;
+    }
+}
+
+function fill_notification_list(data) {
+    var menu = document.getElementById(notify_menu_id);
+    if (menu) {
+        menu.innerHTML = "";
+        for (var i=0; i < data.unread_list.length; i++) {
+            var item = data.unread_list[i];
+            console.log(item)
+            var message = ""
+            if(typeof item.actor !== 'undefined'){
+                message = item.actor;
+            }
+            if(typeof item.verb !== 'undefined'){
+                message = message + " " + item.verb;
+            }
+            if(typeof item.target !== 'undefined'){
+                message = message + " " + item.target;
+            }
+            if(typeof item.timestamp !== 'undefined'){
+                message = message + " " + item.timestamp;
+            }
+
+            menu.innerHTML = menu.innerHTML + "<li>"+ message + "</li>";
+        }
+    }
+}
+
+function register_notifier(func) {
+    registered_functions.push(func);
+}
+
+function fetch_api_data() {
+    if (registered_functions.length > 0) {
+        //only fetch data if a function is setup
+        var r = new XMLHttpRequest();
+        r.open("GET", notify_api_url+'?max='+notify_fetch_count, true);
+        r.onreadystatechange = function () {
+            if (r.readyState != 4 || r.status != 200) {
+                consecutive_misfires++;
+            }
+            else {
+                consecutive_misfires = 0;
+                for (var i=0; i < registered_functions.length; i++) {
+                    var func = registered_functions[i];
+                    func(JSON.parse(r.responseText));
+                }
+            }
+        }
+        r.send();
+    }
+    if (consecutive_misfires < 10) {
+        setTimeout(fetch_api_data,notify_refresh_period);
+    } else {
+        var badge = document.getElementById(notify_badge_id);
+        if (badge) {
+            badge.innerHTML = "!";
+            badge.title = "Connection lost!"
+        }
+    }
+}
+
+setTimeout(fetch_api_data,1000);