mike/oc-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Favicon: bigger open-o, transparent (no square), + PNGs

Browse Source 
Match the reference treatment — the open-o large with minimal padding and NO
background — keeping the brand amber. favicon.svg transparent; rasterized
transparent favicon.png (64) + apple-touch-icon.png (180) via Chrome headless;
wired all three in <head>.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Michael Victory
2026-06-22 21:04:41 -07:00
parent 29d2ab6ce0
commit acf161a192
4 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apple-touch-icon.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

favicon.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

favicon.svg
+2 -3
View File
@@ -1,4 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<rect width="32" height="32" rx="6" fill="#f7f4ef"/>
<path transform="translate(5 5) scale(0.04089)" fill="#e89b1c" d="M269.06,0C120.46,0,0,120.46,0,269.06s120.46,269.06,269.06,269.06,269.06-120.46,269.06-269.06S417.66,0,269.06,0ZM276.06,356.34c-48.2,0-87.28-39.07-87.28-87.28s39.07-87.28,87.28-87.28,87.28,39.08,87.28,87.28-39.07,87.28-87.28,87.28Z"/>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path transform="translate(18 18) scale(.88468)" fill="#e89b1c" d="M269.06,0C120.46,0,0,120.46,0,269.06s120.46,269.06,269.06,269.06,269.06-120.46,269.06-269.06S417.66,0,269.06,0ZM276.06,356.34c-48.2,0-87.28-39.07-87.28-87.28s39.07-87.28,87.28-87.28,87.28,39.08,87.28,87.28-39.07,87.28-87.28,87.28Z"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 425 B

After

Width:  |  Height:  |  Size: 373 B

index.html
+2
View File
@@ -13,6 +13,8 @@
<meta name="robots" content="index,follow">
<link rel="canonical" href="https://www.opencommunications.consulting/">
<link rel="icon" href="favicon.svg" type="image/svg+xml">
<link rel="icon" href="favicon.png" type="image/png" sizes="64x64">
<link rel="apple-touch-icon" href="apple-touch-icon.png" sizes="180x180">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Open Communications">
<meta property="og:title" content="Open Communications — the human side of change">