Replacing <ul> with For-loops, and failing miserably

0
votes

I'm trying to crate a webpage and decided to make a For-loop instead of using ul. I am using bottle and can't figure out why this code doesn't work.

    <%
    titles = ["Home", "Tutorial", "Contact", "Upload"]
    links = ["/", "/tutorial", "/contact", "/tool"]
    clas = ["navbar__links", "navbar__links", "navbar__links", "button"]
    kat = ["navbar__item", "navbar__item", "navbar__item", "navbar__btn"]
    %>
    % for i in range(len(titles)):
        print(f"<ul class="navbar__menu"><li class="{kat[i]}"><a href="{links[i]}" class="{clas[i]}">{titles[i]}</a></li></ul>");
    % end

The code should replace this html:

    <ul class="navbar__menu">
        <li class="navbar__item">
            <a href="/" class="navbar__links">Home</a>
        </li>
        <li class="navbar__item">
            <a href="/tutorial" class="navbar__links">Tutorial</a>
        </li>
        <li class="navbar__item">
            <a href="/contact" class="navbar__links">Contact</a>
        </li>
        <li class="navbar__btn">
            <a href="/tool" class="button">Upload</a></li>
    </ul>
pythonhtmlbottle