"use strict" 
fetch('https://earth-for-all.com/twentyseventeen/wp-json/wp/v2/posts?per_page=3')
	.then(data => {
		if (!data.ok) {
			throw Error(data.status)
		}
		return data.json()
	})
	.then(posts => {
		var txt="" , i=0, postID=0, excerpt="" 
		txt += "<h1>Recent posts</h1>"
		for (i in posts) {
			postID = posts[i].id  
			txt += "<hr><br />" 
			txt += "<article class='padding-16'>" 
			txt += "<h2 class='text-center'>"  + posts[i].title.rendered + "</h2>" 
            		txt += "<p><b> Post ID:</b>  " + postID + "</p>" 
			txt += "<p><b> Author:</b>  " + posts[i].author + "</p>" 
            		txt += "<p><b> Author Href:</b>  " + posts[i]._links['author'][0].href+"</p>" 
            		txt += "<p><b> Date:</b> <time>" + posts[i].date + "</time></p>" 
			txt += "<p><b> Slug:</b>  " + posts[i].slug + "</p>" 
			txt += "<p><b> Link:</b>  " + posts[i]._links['self'][0].href + "</p>" 
            		txt += "<p><b> Status:</b>  " + posts[i].status + "</p>" 
            		txt += "<p><b> Media / Thumbnail Image Link:</b>  "+posts[i]._links['wp:attachment'][0].href+"</p>"  
 				var pos = posts[i].content['rendered'].indexOf("<!--more-->") 	
				excerpt = posts[i].content['rendered'].slice(0, pos) 
				txt += "<p><b> Excerpt:</b></p>" 
				txt += "<p>" + excerpt + "</p>" 
			txt += "<p><b>Content:</b>" + posts[i].content['rendered'] + "</p>" 
			txt += "</article>" 
		}
		document.querySelector(".content").innerHTML = txt
	})
	.catch(e => {
		console.log(e)
	})