feat: add logo, PWA manifest, favicon
- Geometric Companion logo: rounded head, blue outline, green eyes, green antenna tip. SVG for crisp rendering at any size. - Logo appears in header next to site name - PWA manifest (manifest.json) with 192px and 512px PNG icons - Favicon (favicon.ico) for browser tab - Apple touch icon for iOS home screen - README: logo replacement instructions for whitelabeling To replace the logo for whitelabeling, just swap frontend/logo.svg and the icon PNGs. Update <link> tags in index.html if filename changes.
This commit is contained in:
+6
-26
@@ -4,13 +4,18 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Protocol Droid</title>
|
||||
<link rel="stylesheet" href="/frontend/style.css">
|
||||
<link rel="icon" type="image/svg+xml" href="frontend/logo.svg">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="frontend/favicon.ico">
|
||||
<link rel="apple-touch-icon" href="frontend/icon-192.png">
|
||||
<link rel="manifest" href="manifest.json">
|
||||
<link rel="stylesheet" href="frontend/style.css">
|
||||
<meta name="theme-color" content="#0a1929">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<div class="breadcrumb" onclick="navigate('library')">
|
||||
<img src="frontend/logo.svg" class="header-logo" alt="Protocol Droid">
|
||||
<span><span class="prompt">$</span> protocol-droid</span>
|
||||
<span class="crumb-path" id="crumbPath"></span>
|
||||
</div>
|
||||
@@ -230,31 +235,6 @@
|
||||
<!-- TOAST -->
|
||||
<div class="toast" id="toast" style="display:none"></div>
|
||||
|
||||
<!-- PASSWORD CHANGE MODAL -->
|
||||
<div class="modal-overlay" id="pwModal" style="display:none">
|
||||
<div class="modal">
|
||||
<h2>Change Password</h2>
|
||||
<form id="pwForm" onsubmit="handleChangePassword(event)">
|
||||
<div class="form-group">
|
||||
<label>Current Password</label>
|
||||
<input type="password" id="pwCurrent" required placeholder="••••••••">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>New Password</label>
|
||||
<input type="password" id="pwNew" required minlength="8" placeholder="••••••••">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Confirm New Password</label>
|
||||
<input type="password" id="pwConfirm" required minlength="8" placeholder="••••••••">
|
||||
</div>
|
||||
<div class="actions">
|
||||
<button type="submit" class="btn primary">Change Password</button>
|
||||
<button type="button" class="btn" onclick="closePwModal()">Cancel</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<script src="/frontend/app.js"></script>
|
||||
|
||||
Reference in New Issue
Block a user