Guams/myalbum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ajout bannière

Browse Source
This commit is contained in:
Guamss 2026-02-25 12:05:20 +01:00
parent 0f4350d71d
commit c30dfa41fb
2 changed files with 30 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/myalbum/static/styles/style.css
View File

@ -6,6 +6,20 @@
font-family: "Roboto", sans-serif; font-family: "Roboto", sans-serif;
} }
.banner {
border: 1px solid black;
margin-bottom: 2rem;
}
.banner-body {
text-align: center;
}
.banner-header {
padding-left: 1rem;
border-bottom: 1px solid black;
}
main { main {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

25
src/myalbum/templates/index.html
View File

@ -11,18 +11,25 @@
</head> </head>
<body> <body>
<div class="banner"> <div class="banner">
<div class="banner-header"> <div class="banner-header">
<p>myalbum.guams.fr</p>
</div> </div>
<div class="banner-body"> <div class="banner-body">
<h1>Guam's album</h1>
</div> </div>
</div> </div>
<main> <main>
<p>Note : Toutes les personnes présentes sur les photos consentent à apparaître sur cette page</p> <p>
Note : Toutes les personnes présentes sur les photos consentent à
apparaître sur cette page
</p>
<div class="pictures"> <div class="pictures">
{% for photo in photos %} {% for photo in photos %}
<a class="img-link" href="{{ url_for('static', filename='photos/' + photo.name) }}" target="_blank"> <a
class="img-link"
href="{{ url_for('static', filename='photos/' + photo.name) }}"
target="_blank"
>
<img <img
src="{{ url_for('static', filename='photos/' + photo.name) }}" src="{{ url_for('static', filename='photos/' + photo.name) }}"
alt="{{ photo.name }}" alt="{{ photo.name }}"
@ -44,7 +51,7 @@
> >
{{ i + 1 }} {{ i + 1 }}
</a> </a>
{% endfor %} {% if num_page < (nbr_page) %} {% endfor %} {% if num_page < nbr_page %}
<a href="/?page={{ num_page + 1 }}">></a> <a href="/?page={{ num_page + 1 }}">></a>
{% endif %} {% endif %}
</div> </div>