Compact navbar: small logo only, gold fingerprint, v4.1 badge on homepage

This commit is contained in:
Aaron D. Lee
2026-01-07 20:40:29 -05:00
parent 5bdb625059
commit c37d743b3e
2 changed files with 8 additions and 9 deletions

View File

@@ -12,16 +12,12 @@
<body> <body>
<nav class="navbar navbar-expand-lg navbar-dark"> <nav class="navbar navbar-expand-lg navbar-dark">
<div class="container"> <div class="container">
<a class="navbar-brand d-flex align-items-center" href="/"> <a class="navbar-brand" href="/">
<img src="{{ url_for('static', filename='logo.svg') }}" alt="Stegasoo" height="36" class="me-2"> <img src="{{ url_for('static', filename='logo.svg') }}" alt="Stegasoo" height="28">
<span style="position: relative; display: inline-block; margin-top: -14px;">
<span class="fw-bold title-gold">Stegasoo</span>
<span class="badge bg-success" style="position: absolute; font-size: 0.45rem; bottom: -8px; right: 6px;">v4.1</span>
</span>
</a> </a>
{% if channel_configured %} {% if channel_configured %}
<span class="badge bg-success bg-opacity-25 text-success ms-2 small" title="Private Channel: {{ channel_fingerprint }}"> <span class="badge bg-success bg-opacity-25 text-success small" title="Private Channel: {{ channel_fingerprint }}">
<i class="bi bi-shield-lock me-1"></i><code class="text-success" style="font-size: 0.7rem;">{{ channel_fingerprint }}</code> <i class="bi bi-shield-lock me-1"></i><code style="font-size: 0.7rem; color: #f0c674;">{{ channel_fingerprint }}</code>
</span> </span>
{% endif %} {% endif %}
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">

View File

@@ -42,7 +42,10 @@
<!-- Hero --> <!-- Hero -->
<div class="d-flex align-items-center gap-3 mb-4"> <div class="d-flex align-items-center gap-3 mb-4">
<img src="{{ url_for('static', filename='logo.svg') }}" alt="Stegasoo" height="80"> <div class="position-relative">
<img src="{{ url_for('static', filename='logo.svg') }}" alt="Stegasoo" height="80">
<span class="badge bg-success position-absolute" style="bottom: -5px; right: -10px; font-size: 0.6rem;">v4.1</span>
</div>
<div> <div>
<h1 class="h3 fw-bold title-gold mb-0">Stegasoo</h1> <h1 class="h3 fw-bold title-gold mb-0">Stegasoo</h1>
<p class="text-muted mb-0 small">Hide encrypted data in plain sight.</p> <p class="text-muted mb-0 small">Hide encrypted data in plain sight.</p>