Create templates/index.html
Browse files- templates/index.html +29 -0
templates/index.html
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
{% extends "base.html" %}
|
| 2 |
+
{% block content %}
|
| 3 |
+
<div class="row">
|
| 4 |
+
<div class="col-12">
|
| 5 |
+
<h1 class="text-center text-white mb-4">Galeri Foto Angkatan</h1>
|
| 6 |
+
</div>
|
| 7 |
+
</div>
|
| 8 |
+
|
| 9 |
+
<div class="row">
|
| 10 |
+
{% for photo in photos %}
|
| 11 |
+
<div class="col-md-4 col-sm-6 mb-4">
|
| 12 |
+
<div class="card photo-card">
|
| 13 |
+
<img src="/static/uploads/{{ photo.filename }}" class="card-img-top">
|
| 14 |
+
<div class="card-body">
|
| 15 |
+
<p class="card-text">{{ photo.caption or 'Foto angkatan' }}</p>
|
| 16 |
+
<div class="d-flex justify-content-between">
|
| 17 |
+
<a href="/like/{{ photo.id }}" class="btn btn-outline-danger btn-sm">
|
| 18 |
+
<i class="bi bi-heart"></i> {{ photo.likes }}
|
| 19 |
+
</a>
|
| 20 |
+
<a href="/static/uploads/{{ photo.filename }}" download class="btn btn-outline-primary btn-sm">
|
| 21 |
+
<i class="bi bi-download"></i> Download
|
| 22 |
+
</a>
|
| 23 |
+
</div>
|
| 24 |
+
</div>
|
| 25 |
+
</div>
|
| 26 |
+
</div>
|
| 27 |
+
{% endfor %}
|
| 28 |
+
</div>
|
| 29 |
+
{% endblock %}
|