Constant TEMPLATE_ROOT_INDEX
Source const TEMPLATE_ROOT_INDEX: &str = "<!doctype html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n <title>{{ project_name }}</title>\n <link\n rel=\"alternate\"\n type=\"application/atom+xml\"\n title=\"{{ project_name }} Releases\"\n href=\"{{ atom_feed }}\"\n />\n <style>\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n body {\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n sans-serif;\n background: #f5efe4;\n color: #2e2416;\n line-height: 1.6;\n }\n header {\n background: #3d5732;\n color: #f0e8d8;\n padding: 1.5rem 2rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n }\n header h1 {\n font-size: 1.75rem;\n font-weight: 700;\n letter-spacing: 0.01em;\n }\n .feed-link {\n display: flex;\n align-items: center;\n gap: 0.4em;\n color: #f0e8d8;\n text-decoration: none;\n font-size: 0.85rem;\n opacity: 0.8;\n }\n .feed-link:hover {\n opacity: 1;\n text-decoration: underline;\n }\n .feed-icon {\n /* Classic orange RSS/Atom square */\n display: inline-block;\n width: 1em;\n height: 1em;\n flex-shrink: 0;\n background: #f96b15;\n border-radius: 2px;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\'%3E%3Ccircle cx=\'3\' cy=\'13\' r=\'2\' fill=\'white\'/%3E%3Cpath d=\'M3 6.5A6.5 6.5 0 0 1 9.5 13\' stroke=\'white\' stroke-width=\'2\' fill=\'none\' stroke-linecap=\'round\'/%3E%3Cpath d=\'M3 2A11 11 0 0 1 14 13\' stroke=\'white\' stroke-width=\'2\' fill=\'none\' stroke-linecap=\'round\'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center;\n background-size: 80%;\n }\n\n main {\n max-width: 760px;\n margin: 2.5rem auto;\n padding: 0 1.5rem;\n }\n h2 {\n font-size: 0.75rem;\n font-weight: 700;\n color: #7a6855;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n margin-bottom: 1rem;\n }\n ul {\n list-style: none;\n }\n li {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n padding: 0.75rem 1rem;\n background: #fdfaf5;\n border: 1px solid #c9baa8;\n border-radius: 5px;\n margin-bottom: 0.5rem;\n }\n li:hover {\n border-color: #a06020;\n }\n a.version-link {\n font-size: 1.05rem;\n font-weight: 500;\n color: #7a4429;\n text-decoration: none;\n }\n a.version-link:hover {\n text-decoration: underline;\n color: #a05a3a;\n }\n .badge-latest {\n font-size: 0.65rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.07em;\n background: #a06020;\n color: #fdf6ec;\n padding: 0.2em 0.6em;\n border-radius: 999px;\n }\n .version-date {\n margin-left: auto;\n font-size: 0.8rem;\n color: #8a7060;\n font-variant-numeric: tabular-nums;\n }\n </style>\n </head>\n <body>\n <header>\n <h1>{{ project_name }}</h1>\n <a class=\"feed-link\" href=\"{{ atom_feed }}\">\n <span class=\"feed-icon\" aria-hidden=\"true\"></span>\n Atom feed\n </a>\n </header>\n <main>\n <h2>Versions</h2>\n <ul>\n {% for v in versions %}\n <li>\n <a class=\"version-link\" href=\"{{ v.version }}/\"\n >{{ v.version }}</a\n >\n {% if loop.first %}<span class=\"badge-latest\">latest</span\n >{% endif %} {% if v.date %}<time\n class=\"version-date\"\n datetime=\"{{ v.date }}\"\n >{{ v.date }}</time\n >{% endif %}\n </li>\n {% endfor %}\n </ul>\n </main>\n </body>\n</html>\n";