<!DOCTYPE html>
<html lang="{{lang}}"{% if is_rtl %} dir="rtl"{% endif %}>
<head>
<meta charset="utf-8">
<title>{{title|safe}}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css') }}/bootstrap{% if is_rtl %}-rtl{% endif %}.min.css">
<meta property="og:image" itemprop="image" content="{{og_image|default(url_for('static', filename='hashtag.png', _external=True))}}" />
<meta property="og:type" content="website" />
<meta property="og:updated_time" content="{{updated_time}}" />
</head>
<body>
<div class="container">
<div class="row" id="entries">
{% for entry in feed.entries %}
<div class="col-12 col-sm-6 col-md-4 g-1">
<div class="card h-100">
<div class="card-body">
<div class="float-end ms-1"><span class="badge bg-info"><a target="_blank" class="link-light text-decoration-underline" href="{{entry.link}}">{{ entry.date }}</a></span></div>
{{ entry.description|safe }}
</div>
{% if entry.images %}
<ul class="list-group h-100">
{% for image in entry.images %}
<li class="list-group-item"><a target="_blank" href="{{image.url}}"><img class="w-100" src="{{image.url}}" alt="{{image.media_description}}" /></a></li>
{% endfor %}
</ul>
{% endif %}
{% if entry.videos %}
<ul class="list-group h-100">
{% for video in entry.videos %}
<li class="list-group-item"><video controls loop class="w-100" src="{{video.url}}" /></li>
{% endfor %}
</ul>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
</body>
</html>