ntnsndr/protocol-droid
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: smaller cuter logo, no mouth, snug in header bar

Browse Source 
- Smaller head, removed mouth grill, bigger cuter eyes with green centers
- Compact viewBox (100x100) with no empty space below shoulders
- Logo sized 18x22px in header — fits within the bar without resizing it
- Regenerated all PWA icons (192, 512) and favicon
This commit is contained in:
Protocolbot
2026-07-08 22:42:18 -06:00
parent 98ab983f38
commit 059ebd68e5
5 changed files with 21 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/favicon.ico
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 678 B

After

Width:  |  Height:  |  Size: 832 B

frontend/icon-192.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

frontend/icon-512.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 18 KiB

frontend/logo.svg
+16 -13
View File
@@ -1,13 +1,16 @@
<svg width="128" height="128" viewBox="0 0 120 140" xmlns="http://www.w3.org/2000/svg"> <svg width="128" height="128" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<line x1="60" y1="5" x2="60" y2="20" stroke="#6db5ff" stroke-width="2.5"/> <!-- Antenna -->
<circle cx="60" cy="5" r="3.5" fill="#00ff88"/> <line x1="50" y1="8" x2="50" y2="20" stroke="#6db5ff" stroke-width="2.5"/>
<rect x="30" y="20" width="60" height="65" rx="12" fill="none" stroke="#6db5ff" stroke-width="2.5"/> <circle cx="50" cy="8" r="3.5" fill="#00ff88"/>
<circle cx="45" cy="42" r="6.5" fill="#0a1929" stroke="#6db5ff" stroke-width="2"/> <!-- Head: smaller rounded rectangle -->
<circle cx="45" cy="42" r="3" fill="#00ff88"/> <rect x="28" y="20" width="44" height="50" rx="10" fill="none" stroke="#6db5ff" stroke-width="2.5"/>
<circle cx="75" cy="42" r="6.5" fill="#0a1929" stroke="#6db5ff" stroke-width="2"/> <!-- Eyes: bigger, cuter -->
<circle cx="75" cy="42" r="3" fill="#00ff88"/> <circle cx="40" cy="38" r="8" fill="#0a1929" stroke="#6db5ff" stroke-width="2"/>
<rect x="48" y="60" width="24" height="3" rx="1" fill="#6db5ff" opacity="0.7"/> <circle cx="40" cy="38" r="4.5" fill="#00ff88"/>
<rect x="50" y="66" width="20" height="3" rx="1" fill="#6db5ff" opacity="0.4"/> <circle cx="60" cy="38" r="8" fill="#0a1929" stroke="#6db5ff" stroke-width="2"/>
<rect x="48" y="85" width="24" height="8" fill="none" stroke="#6db5ff" stroke-width="2"/> <circle cx="60" cy="38" r="4.5" fill="#00ff88"/>
<path d="M 25 93 Q 60 100 95 93" fill="none" stroke="#6db5ff" stroke-width="2.5"/> <!-- Tiny neck -->
</svg> <rect x="44" y="70" width="12" height="5" fill="none" stroke="#6db5ff" stroke-width="2"/>
<!-- Shoulders -->
<path d="M 22 78 Q 50 84 78 78" fill="none" stroke="#6db5ff" stroke-width="2.5"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 934 B

After

Width:  |  Height:  |  Size: 903 B

frontend/style.css
+5 -4
View File
@@ -71,6 +71,7 @@ header .breadcrumb {
} }
header .breadcrumb .prompt { color: var(--green-bright); font-weight: normal; } header .breadcrumb .prompt { color: var(--green-bright); font-weight: normal; }
header .breadcrumb:hover { text-decoration: none; } header .breadcrumb:hover { text-decoration: none; }
.header-logo { width: 18px; height: 22px; flex-shrink: 0; margin-right: 4px; display: block; }
header .crumb-path { header .crumb-path {
font-size: 11px; font-size: 11px;
color: var(--ink-dim); color: var(--ink-dim);
@@ -246,8 +247,8 @@ header nav a.active { color: var(--accent-bright); border-color: rgba(0,170,255,
font-size: 13px; color: var(--ink-soft); font-family: var(--sans); font-size: 13px; color: var(--ink-soft); font-family: var(--sans);
word-break: break-word; line-height: 1.4; word-break: break-word; line-height: 1.4;
} }
.protocol-pill .meta { font-family: var(--mono); font-size: 11px; color: var(--ink-dim); text-align: right; flex: 0 0 auto; max-width: 140px; } .protocol-pill .meta { font-family: var(--mono); font-size: 11px; color: var(--ink-dim); text-align: right; flex-shrink: 0; white-space: nowrap; }
.protocol-pill .meta .steps { color: var(--accent); font-weight: bold; white-space: nowrap; } .protocol-pill .meta .steps { color: var(--accent); font-weight: bold; }
.protocol-pill.collection { .protocol-pill.collection {
background: var(--ink); color: #fff; border-color: var(--accent-deep); background: var(--ink); color: #fff; border-color: var(--accent-deep);
} }
@@ -522,9 +523,9 @@ header nav a.active { color: var(--accent-bright); border-color: rgba(0,170,255,
/* Protocol pills: info takes full width, meta goes below */ /* Protocol pills: info takes full width, meta goes below */
.protocol-pill { flex-direction: column; align-items: stretch; padding: 12px 14px; gap: 6px; } .protocol-pill { flex-direction: column; align-items: stretch; padding: 12px 14px; gap: 6px; }
.protocol-pill .info { width: 100%; } .protocol-pill .info { width: 100%; }
.protocol-pill .meta { text-align: left; display: flex; gap: 12px; align-items: center; max-width: 100%; overflow: hidden; } .protocol-pill .meta { text-align: left; display: flex; gap: 12px; align-items: center; }
.protocol-pill .meta .steps { } .protocol-pill .meta .steps { }
.protocol-pill .meta > div:not(.steps) { font-size: 10px; overflow: hidden; text-overflow: ellipsis; } .protocol-pill .meta > div:not(.steps) { font-size: 10px; }
.detail-header, .detail-section { padding: 16px 14px; border-radius: 12px; } .detail-header, .detail-section { padding: 16px 14px; border-radius: 12px; }
} }