53 lines
1.5 KiB
JavaScript
53 lines
1.5 KiB
JavaScript
|
import fathom from './fathom.js'
|
||
|
|
|
||
|
|
const ghostApiUrl = 'https://our.status.im/ghost/api/v2'
|
||
|
|
const ghostApiKey = '10e7f8c1f793d2945ea1177076'
|
||
|
|
|
||
|
|
function customExcerpt(str) {
|
||
|
|
return str.split(/\s+/).slice(0,25).join(" ")
|
||
|
|
}
|
||
|
|
|
||
|
|
const newsPostTemplate = (post, excerpt) => (`
|
||
|
|
<div class="contribute blog">
|
||
|
|
<a href="https://our.status.im/${post.slug}" class="feature-image">
|
||
|
|
<img src="${post.feature_image}" alt="${post.title}"></a>
|
||
|
|
<h3>
|
||
|
|
<a href="https://our.status.im/${post.slug}">${post.title}</a>
|
||
|
|
</h3>
|
||
|
|
<p>${excerpt}</p>
|
||
|
|
<a href="https://our.status.im/${post.slug}">Read More <img src="/img/arrow_ogn.png"/></a>
|
||
|
|
</div>
|
||
|
|
`)
|
||
|
|
|
||
|
|
const fetchGhostBlogPosts = async () => {
|
||
|
|
let url = new URL(`${ghostApiUrl}/content/posts/`)
|
||
|
|
let params = {
|
||
|
|
key: ghostApiKey,
|
||
|
|
filter: 'tag:nimbus',
|
||
|
|
formats: 'plaintext',
|
||
|
|
order: 'published_at desc',
|
||
|
|
limit: 3,
|
||
|
|
}
|
||
|
|
url.search = new URLSearchParams(params).toString()
|
||
|
|
|
||
|
|
let resp = await fetch(url)
|
||
|
|
let json = await resp.json()
|
||
|
|
|
||
|
|
for (const post of json.posts.reverse()) {
|
||
|
|
let excerpt = post.custom_excerpt || customExcerpt(post.plaintext)
|
||
|
|
const div = document.querySelector('.contribute-wrap-blog')
|
||
|
|
div.insertAdjacentHTML('afterbegin', newsPostTemplate(post, excerpt))
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
const incrementFathomAnalytics = () => {
|
||
|
|
fathom('set', 'trackerUrl', '//fathom.status.im/collect');
|
||
|
|
fathom('set', 'siteId', 'KKAJT');
|
||
|
|
fathom('trackPageview');
|
||
|
|
}
|
||
|
|
|
||
|
|
document.addEventListener('DOMContentLoaded', (event) => {
|
||
|
|
fetchGhostBlogPosts()
|
||
|
|
incrementFathomAnalytics()
|
||
|
|
})
|