-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
executable file
·58 lines (53 loc) · 1.74 KB
/
blog.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
type: 'GET',
url:'https://public-api.wordpress.com/rest/v1/sites/kyledrush.wordpress.com/posts/?number=5',
dataType: 'json',
success: function(data) {
$.each(data.posts, function(index, element){
var created = new Date(element.date);
var dateString = formatDate(created);
$("#posts").append($("<div class='row-fluid post'>").html(
"<div class='blog-post'>"
+ "<div class='blog-post__title bg--secondary'>"
+ "<div class='container'>"
+ "<div class='row'>"
+ "<div class='col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 text-center'>"
+ "<h2>" + element.title + "</h2>"
+ "<span class='h6'>" + dateString + "</span>"
+ "</div>"
+ "</div>"
+ "</div>"
+ "</div>"
+ "<div class='container'"
+ "<div class='row'"
+ "<div class='col-sm-8 col-sm-offset-2'>"
+ element.content
+ "</div>"
+ "</div>"
+ "</div>"
+ "</div>"
));
});
}});
});
function formatDate(date) {
var monthNames = [
"Jan", "Feb", "Mar",
"Apr", "May", "Jun", "Jul",
"Aug", "Sep", "Oct",
"Nov", "Dec"
];
var day = date.getDate();
var monthIndex = date.getMonth();
var year = date.getFullYear();
return day + ' ' + monthNames[monthIndex] + ' ' + year;
}
</script>
<div id="blog" class="bg--secondary">
<div class="content">
<div id="posts">
</div>
</div>
</div>