ui: add logo and favicon

This commit is contained in:
2025-12-30 13:40:11 +01:00
parent 725b67d734
commit 044203e332
8 changed files with 54 additions and 2 deletions

View File

@ -39,6 +39,7 @@ logger = logging.getLogger("skd")
app = FastAPI(title="Safe Kiddo Daemon", version="1.0.0")
app.mount("/static", StaticFiles(directory="backend/static"), name="static")
app.mount("/assets", StaticFiles(directory="assets"), name="assets")
templates = Jinja2Templates(directory="backend/templates")

View File

@ -177,6 +177,8 @@ header p {
display: flex;
align-items: center;
gap: 12px;
flex-direction: column;
align-items: flex-start;
}
.header-main i {
@ -184,6 +186,12 @@ header p {
height: 32px;
}
.header-logo {
height: 34px;
width: auto;
display: block;
}
.header-meta {
display: flex;
flex-direction: column;

View File

@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Safe Kiddo Control</title>
<link rel="stylesheet" href="/static/styles.css" />
<link rel="icon" type="image/svg+xml" href="/assets/branding/favicon.svg" />
<script src="https://unpkg.com/lucide@latest"></script>
</head>
<body>
@ -70,6 +71,7 @@
<i data-lucide="shield-check"></i>
Safe Kiddo Control
</h1>
<img class="header-logo" src="/assets/branding/logo.svg" alt="Safe Kiddo Logo" />
</div>
<div class="header-meta">
<div class="header-version" id="headerVersion">v-</div>