Ajout de classe pour maintenir logo dans navbar height. Ajout du lien youtube dans le footer.

This commit is contained in:
mrtoine 2025-12-12 19:29:15 +01:00
parent c327a55e41
commit f809f516d8
3 changed files with 14 additions and 4 deletions

View file

@ -444,6 +444,14 @@ body {
font-variant: small-caps;
}
/* Logo inside brand: keep it within navbar height */
.brand .logo {
max-height: 64px;
height: auto;
vertical-align: middle;
display: inline-block;
}
.subtitle {
font-size: 1rem;
letter-spacing: 0.05cm;

View file

@ -16,6 +16,9 @@
<div class="footer-link">
<h5>Suivre</h5>
<ul class="social">
{% if settings.youtube_url %}
<li><a href="https://github.com/" target="_blank" rel="noopener"><i class="fa-brands fa-github"></i> GitHub</a></li>
{% endif %}
{% if settings.github_url %}
<li><a href="https://github.com/" target="_blank" rel="noopener"><i class="fa-brands fa-github"></i> GitHub</a></li>
{% endif %}

View file

@ -1,6 +1,5 @@
<!-- TODO : Améliorer la mise en page -->
<nav class="site-nav">
<div class="brand"><i class="fa-solid fa-terminal"></i>Partir de zéro<br><span class="subtitle comment">/* Anthony Violet */</span></div>
<div class="brand">{% if settings.site_logo %}<img src="{{ settings.site_logo.url }}" alt="{{ settings.site_name|default:'Logo' }}" class="logo" style="max-height:64px; height:auto; vertical-align:middle;">{% endif %} Partir de zéro<br><span class="subtitle comment">/* Anthony Violet */</span></div>
<div class="navbar">
<ul id="menu">
<li><a href="/" class="house"><i class="fa-solid fa-house"></i></a></li>
@ -12,8 +11,8 @@
{% endfor %}
</ul>
</li>
<li><a href="">Tutoriels</a></li>
<li><a href="">Billets</a></li>
<!--<li><a href="">Tutoriels</a></li>
<li><a href="">Billets</a></li>-->
</ul>
<div class="navend">
<ul>