<!DOCTYPE html>
<html lang="cs" class="h-100">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
        crossorigin="anonymous"></script>
    <link rel="stylesheet" href="/clanek/clanek.css">
    <link rel="stylesheet" href="/spolecne.css">
    <link rel="stylesheet" href="global.css">
    <title>Hlavní stránka</title>
</head>
<body class="h-100">
    <%- include("spolecne/hlavicka.ejs") -%>   
        <div class="col-12 row d-flex justify-content-center m-0">
        <!--k - pro mezeru mezi clanky-->
        <% let k=0; %>
            <% for (i in data) { %>
                <% k++; %>
                    <div class="clanek col-5 shadow-lg">
                        <div class="col-12">
                            <h2 class="">
                                <%= data[i].nadpis %>
                            </h2>
                        </div>
                        <div class="col-12">
                            <p class="kratky_popis">
                                <%= data[i].kratky_popis %>
                            </p>
                        </div>
                        <a href="/clanek/detail/<%= i %>">Více</a>
                    </div>
                    <% if(k%2!=0) {%>
                        <div class="col-1"></div>
                    <% } %>
            <% } %>
        </div>
    <%- include("spolecne/paticka.ejs") -%>
</body>

</html>