new icon and stuff
This commit is contained in:
BIN
web/icon.png
Normal file
BIN
web/icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
@@ -1,22 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="color-scheme" content="dark" />
|
||||
<meta name="theme-color" content="#0a0a0f" />
|
||||
<title>Transmission Manager</title>
|
||||
<link rel="icon" href="/icon.png" type="image/png" sizes="128x128" />
|
||||
<link rel="stylesheet" href="/styles.css" />
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='48' fill='%230a0a0f'/><path d='M50 8 L20 78 L80 78 Z' fill='none' stroke='%2300d4ff' stroke-width='6'/></svg>" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class="app-header">
|
||||
<div class="header-inner">
|
||||
<div class="brand">
|
||||
<div class="logo" aria-hidden="true">
|
||||
<svg viewBox="0 0 100 100">
|
||||
<path d="M50 8 L20 78 L80 78 Z" fill="none" stroke="currentColor" stroke-width="6" stroke-linejoin="round"/>
|
||||
<path d="M50 32 L38 68 L62 68 Z" fill="currentColor"/>
|
||||
</svg>
|
||||
<img src="/icon.png" alt="" />
|
||||
</div>
|
||||
<div class="brand-text">
|
||||
<h1>Transmission</h1>
|
||||
@@ -66,7 +66,8 @@
|
||||
<option value="10000">10s</option>
|
||||
</select>
|
||||
</label>
|
||||
<div class="refresh-indicator" id="refresh-indicator" title="Auto-refreshes every 3s" role="status" aria-label="Auto-refresh active">
|
||||
<div class="refresh-indicator" id="refresh-indicator" title="Auto-refreshes every 3s" role="status"
|
||||
aria-label="Auto-refresh active">
|
||||
<span class="dot" aria-hidden="true"></span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -77,7 +78,8 @@
|
||||
<div id="empty-state" class="empty-state hidden">
|
||||
<div class="empty-box">
|
||||
<svg viewBox="0 0 100 100" aria-hidden="true">
|
||||
<path d="M50 8 L20 78 L80 78 Z" fill="none" stroke="currentColor" stroke-width="5" stroke-linejoin="round" opacity="0.4"/>
|
||||
<path d="M50 8 L20 78 L80 78 Z" fill="none" stroke="currentColor" stroke-width="5" stroke-linejoin="round"
|
||||
opacity="0.4" />
|
||||
</svg>
|
||||
</div>
|
||||
<p class="empty-title">No torrents</p>
|
||||
@@ -99,4 +101,5 @@
|
||||
|
||||
<script src="/app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
</html>
|
||||
@@ -107,11 +107,10 @@ button { font-family: inherit; }
|
||||
|
||||
.logo {
|
||||
width: 38px; height: 38px;
|
||||
color: var(--accent);
|
||||
display: grid; place-items: center;
|
||||
filter: drop-shadow(0 0 10px var(--accent-glow));
|
||||
}
|
||||
.logo svg { width: 100%; height: 100%; }
|
||||
.logo img { display: block; width: 100%; height: 100%; }
|
||||
|
||||
.brand-text { display: flex; flex-direction: column; line-height: 1; }
|
||||
.brand-text h1 { font-size: 17px; color: var(--text-0); }
|
||||
|
||||
BIN
web/transmission-manager.png
Normal file
BIN
web/transmission-manager.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 650 KiB |
Reference in New Issue
Block a user