index.html

<html>
    <head><style>
    @import url('https://fonts.googleapis.com/css?family=Inconsolata');
    body { 
        font-family: 'Inconsolata', sans-serif;
        font-size: 14px;
    }
    </style></head>
    <body>
        <div id='content'></div>
        <script>
            var content = "";
            fetch("/rern/chip.json")
            .then(res => res.json())
            .then(chipData => {
                for (chip in chipData) {
                    content += `<img src="chip/${chip.replace('+','')}.png"> ${chip}<br>${chipData[chip].desc}<br>Type: ${chipData[chip].type}<br>Trader Rank: ${chipData[chip].rank}<br><br>`;
                    console.log(`${chip} loaded`);
                }
                document.querySelector('#content').innerHTML += content;
            });
        </script>
    </body>
</html>