<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
    <!-- CSS -->
    <link rel="stylesheet" href="/~rorossetto/Php_RSS/fluxRSS/templates/CSS/myStyle.css" >
    <title>All Articles</title>
</head>
<body class="myBody margOp">

<div>
    {% if not isAdmin %}
    <a href="/~rorossetto/Php_RSS/fluxRSS/admin/connection"  class="btn dnconnect" >Connect</a>
    {% else %}
    <a href="/~rorossetto/Php_RSS/fluxRSS/user/deconnection" class="btn dnconnect">Déconnection</a>
    {% endif %}
    <div>
        <h1 class="d-flex justify-content-center entete">Actualités</h1>
    </div>
</div>
{% for article in dVue.data %}
<p class="caseInfo">
    {{article.dateStr()}}<br>
    <img class="img-thumbnail imgArticle"  src="{{ article.getMediaContent }}"/>
    <a class="modal-content enTitre" href="{{ article.getLink() }}" target="_blank">{{ article.getTitle() }}</a>
    {{ article.getDescription() }}
</p>
{% endfor %}
<script>
    // Actualiser la page toutes les 5 secondes
    setTimeout(function(){
        location.reload();
    }, 50000000);
</script>

</body>
</html>