pub const HTML_INDEX: &str = "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Index</title>\n <link rel=\"stylesheet\" href=\"styles.css\">\n</head>\n\n<body>\n <script>\n window.onload = function () {\n let ids = [0, 1, 2, 3, 4]; // IDs of your SVG letters\n let classes = [\'h1\', \'h2\', \'h3\', \'h4\', \'h5\']; // Flicker classes\n\n // Function to shuffle array\n function shuffle(array) {\n var currentIndex = array.length, temporaryValue, randomIndex;\n\n // While there remain elements to shuffle...\n while (0 !== currentIndex) {\n\n // Pick a remaining element...\n randomIndex = Math.floor(Math.random() * currentIndex);\n currentIndex -= 1;\n\n // And swap it with the current element.\n temporaryValue = array[currentIndex];\n array[currentIndex] = array[randomIndex];\n array[randomIndex] = temporaryValue;\n }\n\n return array;\n }\n\n let shuffledIds = shuffle(ids);\n\n shuffledIds.forEach((id, index) => {\n let randomClass = classes[Math.floor(Math.random() * classes.length)];\n document.getElementById(id.toString()).classList.add(randomClass);\n });\n };\n </script>\n\n <div class=\"container\">\n <div class=\"header\">\n {{header}}</div>\n <ul id=\"post-list\">\n {{posts}}\n </ul>\n </div>\n</body>\n\n</html>";