colin
/
ploughshares
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add official Project Ploughshares logo and favicon with updated styling
ci/woodpecker/push/woodpecker Pipeline was successful Details

This commit is contained in:
colin 2025-07-04 15:01:36 -04:00
parent 483f8f3760
commit 6e462f3a43
5 changed files with 63 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
docker/ploughshares/static/css/custom.css
View File

@ -38,14 +38,20 @@ body {
}
/* Logo styles */
.logo {
.logo-container {
display: flex;
align-items: center;
}
.navbar-brand img {
max-height: 40px;
width: auto;
margin-right: 10px;
}
.navbar-brand {
display: flex;
align-items: center;
.footer img {
height: 24px;
width: auto;
}
/* Currency styles */
@ -111,4 +117,37 @@ td.amount-cell {
display: flex;
align-items: center;
justify-content: center;
}
/* Ploughshares branding colors */
:root {
--ploughshares-blue: #1b365d;
--ploughshares-light-blue: #4a7aab;
--ploughshares-accent: #c4d600;
}
.navbar {
background-color: var(--ploughshares-blue) !important;
}
.navbar-light .navbar-nav .nav-link {
color: white;
}
.navbar-light .navbar-nav .nav-link:hover {
color: var(--ploughshares-accent);
}
.navbar-light .navbar-toggler {
border-color: rgba(255,255,255,0.5);
}
.navbar-light .navbar-toggler-icon::before {
color: white;
}
@media (max-width: 768px) {
.navbar-brand img {
max-height: 30px;
}
}

BIN
docker/ploughshares/static/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 146 B

After

Width:  |  Height:  |  Size: 610 B

BIN
docker/ploughshares/static/img/logo-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
docker/ploughshares/static/img/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

23
docker/ploughshares/templates/base.html
View File

@ -4,10 +4,21 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}Project Ploughshares - Transaction Management System{% endblock %}</title>
<link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='favicon.ico') }}">
<link rel="icon" type="image/png" href="{{ url_for('static', filename='favicon.ico') }}">
<link rel="apple-touch-icon" href="{{ url_for('static', filename='img/logo-icon.png') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="{{ url_for('static', filename='css/custom.css') }}">
<style>
.navbar-brand img {
max-height: 40px;
margin-right: 10px;
}
.logo-container {
display: flex;
align-items: center;
}
</style>
</head>
<body>
<div class="container">
@ -15,7 +26,10 @@
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="{{ url_for('index') }}">
<span class="fw-bold text-primary">Project Ploughshares</span> - Transaction Management
<div class="logo-container">
<img src="{{ url_for('static', filename='img/logo.png') }}" alt="Project Ploughshares Logo">
<span class="d-none d-md-inline">Transaction Management System</span>
</div>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
@ -52,7 +66,10 @@
</div>
<footer class="footer">
<p>&copy; 2023 Project Ploughshares - Transaction Management System <span class="version">v{{ version }}</span></p>
<div class="d-flex justify-content-between align-items-center">
<p>&copy; 2023 Project Ploughshares - Transaction Management System <span class="version">v{{ version }}</span></p>
<img src="{{ url_for('static', filename='img/logo-icon.png') }}" alt="Project Ploughshares" style="height: 24px;">
</div>
</footer>
</div>