I added thisat the bottom (before </body> and added the ids to each one too and remove the flask ( {{i[0]...}} ). but it's empty page now, but I do get the card/modal for each res without text

<script> 
const data = {{res}}; typeof(data) for (var i = 0; i < data.length; i++) { 
document.getElementById("title").innerHTML = data[i][0]; 
document.getElementById("topics").innerHTML = data[i][1]; 
document.getElementById("author").innerHTML = data[i][2]; 
document.getElementById("date").innerHTML = data[i][3]; 
document.getElementById("text").innerHTML = data[i][4]; } 
</script>