Skip to main content

TEMPLATE_ROOT_INDEX

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        <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            }\n            header h1 {\n                font-size: 1.75rem;\n                font-weight: 700;\n                letter-spacing: 0.01em;\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        </style>\n    </head>\n    <body>\n        <header>\n            <h1>{{ project_name }}</h1>\n        </header>\n        <main>\n            <h2>Versions</h2>\n            <ul>\n                {% for version in versions %}\n                <li>\n                    <a class=\"version-link\" href=\"{{ version }}/\"\n                        >{{ version }}</a\n                    >\n                    {% if loop.first %}<span class=\"badge-latest\">latest</span\n                    >{% endif %}\n                </li>\n                {% endfor %}\n            </ul>\n        </main>\n    </body>\n</html>\n";