styling and minor content fixes

This commit is contained in:
Timur Gordon
2025-04-23 04:58:38 +02:00
parent b56f1cbc30
commit 9445dea629
5 changed files with 310 additions and 107 deletions

View File

@@ -66,6 +66,20 @@
</button>
<h5 class="mb-0">Zanzibar Autonomous Zone</h5>
</div>
<div class="d-none d-md-flex">
<ul class="navbar-nav flex-row">
<li class="nav-item mx-3">
<a class="nav-link text-white {% if active_page == 'about' %}active{% endif %}" target="_blank" href="https://info.ourworld.tf/zaz">
About
</a>
</li>
<li class="nav-item mx-3">
<a class="nav-link text-white {% if active_page == 'contact' %}active{% endif %}" href="/contact">
Contact
</a>
</li>
</ul>
</div>
<div>
<ul class="navbar-nav flex-row">
{% if user and user.id %}
@@ -98,7 +112,7 @@
</div>
</header>
<div>
<div class="d-flex flex-column min-vh-100">
<!-- Sidebar -->
<div class="sidebar bg-light shadow-sm border-end d-flex" id="sidebar">
<div class="py-2">
@@ -108,11 +122,13 @@
<i class="bi bi-house-door me-2"></i> Home
</a>
</li>
<!-- Support Tickets link hidden
<li class="nav-item">
<a class="nav-link d-flex align-items-center ps-3 py-2 {% if active_page == 'tickets' %}active fw-bold border-start border-4 border-primary bg-light{% endif %}" href="/tickets">
<i class="bi bi-ticket-perforated me-2"></i> Support Tickets
</a>
</li>
-->
<li class="nav-item">
<a class="nav-link d-flex align-items-center ps-3 py-2 {% if active_page == 'governance' %}active fw-bold border-start border-4 border-primary bg-light{% endif %}" href="/governance">
<i class="bi bi-people me-2"></i> Governance
@@ -133,32 +149,24 @@
<i class="bi bi-coin me-2"></i> Digital Assets
</a>
</li>
<!-- Markdown Editor link hidden
<li class="nav-item">
<a class="nav-link d-flex align-items-center ps-3 py-2 {% if active_page == 'editor' %}active fw-bold border-start border-4 border-primary bg-light{% endif %}" href="/editor">
<i class="bi bi-markdown me-2"></i> Markdown Editor
</a>
</li>
-->
<li class="nav-item">
<a class="nav-link d-flex align-items-center ps-3 py-2 {% if active_page == 'calendar' %}active fw-bold border-start border-4 border-primary bg-light{% endif %}" href="/calendar">
<i class="bi bi-calendar3 me-2"></i> Calendar
</a>
</li>
<li class="nav-item">
<a class="nav-link d-flex align-items-center ps-3 py-2 {% if active_page == 'about' %}active fw-bold border-start border-4 border-primary bg-light{% endif %}" href="/about">
<i class="bi bi-info-circle me-2"></i> About
</a>
</li>
<li class="nav-item">
<a class="nav-link d-flex align-items-center ps-3 py-2 {% if active_page == 'contact' %}active fw-bold border-start border-4 border-primary bg-light{% endif %}" href="/contact">
<i class="bi bi-envelope me-2"></i> Contact
</a>
</li>
</ul>
</div>
</div>
<!-- Main Content -->
<div class="main-content" >
<div class="main-content flex-grow-1">
<!-- Page Content -->
<main class="py-3 w-100 d-block">
<div class="container-fluid">
@@ -166,19 +174,26 @@
</div>
</main>
</div>
</div>
<!-- Footer - Full Width -->
<footer class="footer bg-dark text-white mt-auto">
<div class="container-fluid d-flex justify-content-between align-items-center">
<div>
<span>Convenience, Safety and Privacy</span>
<!-- Footer - Full Width -->
<footer class="footer bg-dark text-white">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-md-4 text-center text-md-start mb-2 mb-md-0">
<small>Convenience, Safety and Privacy</small>
</div>
<div class="col-md-4 text-center mb-2 mb-md-0">
<a class="text-white text-decoration-none mx-2" target="_blank" href="https://info.ourworld.tf/zaz">About</a>
<span class="text-white">|</span>
<a class="text-white text-decoration-none mx-2" href="/contact">Contact</a>
</div>
<div class="col-md-4 text-center text-md-end">
<small>&copy; 2024 Zanzibar Autonomous Zone</small>
</div>
</div>
</div>
<div>
<span>&copy; 2024 Zanzibar Autonomous Zone. All rights reserved.</span>
</div>
</div>
</footer>
</footer>
</div>
<script src="/static/js/bootstrap.bundle.min.js"></script>
<script src="https://unpkg.com/unpoly@3.7.2/unpoly.min.js"></script>