document.addEventListener('DOMContentLoaded', function() {

    const url = 'https://bigchaindb-github.now.sh'

    function injectData(data) {
        const repos = data

        // just grab the first item of array
        // should always be bigchaindb/bigchaindb cause of ordering by most stars
        const repo = repos[0]
        const stars = repo.stars
        const release = repo.release
        const releaseUrl = repo.release_url

        document.getElementById('stars').innerText = stars
        document.getElementById('stars').style.opacity = 1
        document.getElementById('release-link').href = releaseUrl
        document.getElementById('release').innerText = release
        document.getElementById('release').style.opacity = 1
    }

    fetch(url)
        .then(function(response) {
            return response.json()
        })
        .then(function(data) {
            injectData(data)
        })
        .catch(function(error) {
            console.log(error)
        })

})