website, blog: style fixes
diff --git a/website/templates/js/blog.js b/website/templates/js/blog.js
index 3cfb234..91d3ead 100644
--- a/website/templates/js/blog.js
+++ b/website/templates/js/blog.js
@@ -48,6 +48,7 @@
},
dataType: "json",
success: function(data) {
+ $(".progress").toggle(false);
if(data.exc) console.log(data.exc);
blog.render(data.message);
}
@@ -81,10 +82,10 @@
</div><hr>', b)).appendTo($wrap);
});
blog.start += (data.length || 0);
- if(!data.length) {
+ if(!data.length || data.length < 20) {
if(blog.start) {
$("#next-page").toggle(false)
- .parent().append("<div class='alert'>Nothing more to show.</div>");
+ .parent().append("<div class='alert alert-info'>Nothing more to show.</div>");
} else {
$("#next-page").toggle(false)
.parent().append("<div class='alert'>No blogs written yet.</div>");
diff --git a/website/templates/pages/blog.html b/website/templates/pages/blog.html
index 05302c6..cfdd536 100644
--- a/website/templates/pages/blog.html
+++ b/website/templates/pages/blog.html
@@ -14,6 +14,9 @@
<div class="span12">
<h2 id="blog-title">Blog</h2>
<br>
+ <div class="progress progress-striped active">
+ <div class="bar" style="width: 100%;"></div>
+ </div>
<div id="blog-list">
<!-- blog list will be generated dynamically -->
</div>