From db8c59d2268df89dd2682dbd557ddd1a752e5475 Mon Sep 17 00:00:00 2001
From: Ole-Morten Duesund <olemd@glemt.net>
Date: Mon, 8 Sep 2025 13:05:14 +0200
Subject: [PATCH] Add favicon and improve demo page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add SVG favicon with privacy shield design
- Include standard .ico favicon for browser compatibility
- Add git repository link to demo page for easy access
- Clean up meta tags and remove unnecessary PWA complexity

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 favicon-16x16.png | Bin 0 -> 1135 bytes
 favicon-32x32.png | Bin 0 -> 1415 bytes
 favicon.ico       | Bin 0 -> 3638 bytes
 favicon.svg       |  23 +++++++++++++++++++++++
 index.html        |  19 +++++++++++++++++++
 5 files changed, 42 insertions(+)
 create mode 100644 favicon-16x16.png
 create mode 100644 favicon-32x32.png
 create mode 100644 favicon.ico
 create mode 100644 favicon.svg

diff --git a/favicon-16x16.png b/favicon-16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..2434a93701380d384221b372c9079475e9c8b68f
GIT binary patch
literal 1135
zcmZ{jYfMvT7{_1i9O}YGvN)B*WHE!VI9$QG3}lNi%4G-vxzi%O9q8?xp0)={Ps_ME
zahtly90RIzA{pwyFhK51EtFd?GHM4E2nEUtb1+)kA|UMWW&7lZ=l$pX=l{#|=E?J3
zh>MNz*yptm0N@c78Fq$H&z;&sB2HhwHxdYWn-zH`1_0a#fWlG$)(NZ73P27SfJHh0
zK|cU+09AIx2LrInGwyUEWqW&jYin!Ou{mp58yU5ajN0broDRo^)AeFdXZucR$t#$U
zeQv_@$8fo^;`_<rp}$?u%@x~bZT(+}Y=SEu|K_T>SG}a}Un(!35b(5OSW{OsWm{Qy
zt-YxIWs!?L<)CBIeAC2~!*1W0nzZ9NdOo`!fz)+3pSoO|LpmErG{zMgW%*;~8K-q&
z&1!Ycm{;XFTA0-bGgVl&O4D!6M#p%lkqaAeg>ih`Uf;NQ@6NQzxU9g2VTMXbe+Xyv
zR9$@RSY4MDP4W-}PcS0K4Wpwgg(apETx)pzEMGE+WIhmP_6TX6h44d**(Q;V^Woq5
zJiRP;M5kT)vUuccyiY&0AV<{5*&Z~b3#GQ>>@I_L0h1c}e7%6HLHU}_w)y$F)%jUl
zSBqK9d>|xZv<@__6=$^@G*-F7$m0=7tsr|y!0!K|KyUhE*<@TQ!v_&sCra%QrMIFf
z%|+Z!%k&B_TO;5M!C3<^Ta7SPWr|@@Y73g!s60R5SbZ)=Gy-S<hI$d!BT;&rDEZes
zT9ZySQ+I0$f%=&8Yb?B4Nbg42YM9w8Nou@Xsatby+^#Wki>@=Jl}HBhs{5jpW;CTm
zz))cv_1#LnZQ12=ZfFMnth%JfneB2$tFmlB*E{QStQ)jehy8izQky%mG;Yl3h%ivL
z`*0+2*^5S|NdS0VwNq~W!a6o#x?@o>6!(R_dtP%pc>K__V#3;r3JXa*ILe}fUEw}i
zZzX@28~&>A^z_`!yxB5)z_aw9bETB9zFzNlYHva85JjMDH^m#;zdz|jjz^5&jl%n7
zmm0436#evV<AvLmfh5wK73XTNwp^^g)?HFl-t^T`Qd4z9=lP#2S}))GvEURvj!cR!
zlXFt@!q|z}X#q_UdW6Kk5+VMKmyU;LCFjN>XFnlPLm2U*C~lgJ0wv|dz=ugE3-Ui@
zB}k$vxr!V<RqjqIIhCCvy__I`6heOH_A56|Hv7a@1w%Yq>~izM@hsi0z@%KKvfV!a
zerg+M<w~um{yl2X5su}K=?UNXsB75jrEF_JJ|5cu0o@e0TuS^+ViMjMB^6^cFer#6
zh6n)x<bV@?<Ul|2M~VLaL1h1+fDew6$w6eY9h=?xzW)QTkj>4Ky&Nchm--t4`2N=c
z<HC>xW5DRknJ2+GonQ{_FbTpeOv(^LKq{3U<05<si-AJNgyQV#rC={21fnRhVGW`5
G;(q}#!7Ca7

literal 0
HcmV?d00001

diff --git a/favicon-32x32.png b/favicon-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..8b6e828d208fff0ef3fba717881fa746a5d34af6
GIT binary patch
literal 1415
zcmZ{kYgCd47{^~JXJxK(rKVeRo#s;0&{Zq*wCw0fPuXGNO4A5LWPtF#ToheOXll--
znKrc4u**5sR$j6!@1lhY0~7BT@&e)=K}iIGhG*w&U$zhb=YO8d?>t|g^ZbH1bJAv$
z<0b$AY=Q#)&zjwNO&ivkqyNK9{#t?!JR1xEKf3?`I~4%*<`R1f0Ak?)FoOmFp8^1|
zhl*-`@C5*vJK}Umz{igtO{R~_TBA;H8X42_+f}s<^Zd4jk<n$n-l)|YOeT}TU}_UB
z<rON(aYIDf0Fl~Hg!)KOFA3}>QMxEl7l-p+AW(|CG?&xI2#jF@eUL<!#Kd&Qklw`*
z#jK>R&UXtsopD8HD!4aAh?Qn$kBG!7N!Ma_jx>fSA`|{3|0FEP8(3K}ENKiWS#nW_
zTBTl9tMw9z`bPF3880A5w`H(9HA|~2E5@tYa<xiN!L?Fw{B%|ahdV`ydJAIT6y^08
zjV7@~14cH37+$An)?hFurjLQ>rmKurz0TOc*D%;)aq+#p`bp?gBXp@j#GlN)qZk@k
z9PU%GFfSog-R)n++T~SRvMh$w5f2K~DjjsOHWpo{*BKyGJvE|+8eTmvRZUN6X`wHs
zCYPxfUJH2gn!5SEUUkyNioR|oHLR+kQd(0tS5Ydfcp{~Ry=-_s%x_;vj1w#8SCn%r
zEQl}U$(}rrKDs+VJ6}0IyZ}<WK-}BrdIhgmPDM8|!(Twy=2zvTugXT~=bjf`Yt??x
z(|;@%x5(J6?lfXGJ*2E#s3^=Iq(r^J#ox!p-vc9?s9~=_Yzr9KQj*!KTQOuLcOpyh
zNG=}7EFmyQ2yr7Ira2R=)oE8Vu5=)|(a~|->$G~!qOSN>4}`8~gp|^er4YKQIGryM
z%`%YB(n&Q&gQ+OJ)o3s_R!VtE<h$m3vWPr&(jUmM{36htY=i>C=m79(%bF}&!N*bN
zq7@@3IKXOp;|6Pso&LLqx0{*OAb-D*!$K_Dc^BN<tFrugMFkzAQL#4_7{!Fle(QEy
zyKOr@%O92d<>NWGayiLuLP5LxUN_eVcS`U7{t4%N-@9&@fHXTbGyU!Eb|;6FiJq+M
zSy{oSMeId|9p~JJ9leLP8u`u%;o;#qb;b2pj}5a<X4Jt$-rMb4kk7$lul?Z^f?Dqe
zTHj=9RhkrsQ5*XA=BC?%Y}P97tNp`QT&heK$$nK;2;FE70+HdB#xsH>Cx>0z2qf#g
z8=2V_15I1Dd>K9z%6lC@w7wuQ@~k()!g{wMhHNRDL)zM+7oQNOk6S*466QCDmn24?
zu!}f$)atRby=Pe--ie!gn~MPQ_wR$b?M)ZXa{32d06*7=hNquDE`fQ1s4&aiveINB
zz8AIwYMStvn>oH|X4|4o)^W?CU?^c#!AVW+J(QYww5>2=97_0RGF$AqN2k1tDuGcp
zrusHtLF*b=(73#aeTo(7y{Fo3EQfnwr>%6e0LflNJ__bq<Z+LX4h6Er5uv#fE`H$v
z*_4t7H&)ttpd{ZBroH{|zr3LIP2y$#24BMON6mQ=dWa9_S`ITs*VEklU=w}MtOgpR
zS{`Nz5taFiE|<zp9}0QOA@2mwb&mZr_KwBtZ5qkO_Mr;-8Kpy`rs#{KM5nyV6*yD`
z08B{x_aUoY&1V37%?Jo(L}3^>A1n=LHozP1eb57b!~=df#LLSE?&afsz#R_vfy0*=
zvbDGNFF*#P2+;}u52Uz;H=2RH|7>6o$T&I!Lx%o?Ir#Sy`YCF+nc2C<Ai-z`6GOuR
hOeWKlKq1kw7zpPH((r{!Uq|y05EO96zw`t;<u4vg(Fgzl

literal 0
HcmV?d00001

diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..4fd177d8cf3a0b49b7d42b1a2dfd681d5106278f
GIT binary patch
literal 3638
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

literal 0
HcmV?d00001

diff --git a/favicon.svg b/favicon.svg
new file mode 100644
index 0000000..1acf62c
--- /dev/null
+++ b/favicon.svg
@@ -0,0 +1,23 @@
+<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  
+  <!-- Background circle -->
+  <circle cx="16" cy="16" r="15" fill="url(#gradient)" stroke="#fff" stroke-width="1"/>
+  
+  <!-- Shield shape representing privacy protection -->
+  <path d="M16 4 L12 6 L12 14 Q12 18 16 21 Q20 18 20 14 L20 6 Z" fill="white" opacity="0.9"/>
+  
+  <!-- Lock symbol inside shield -->
+  <rect x="14" y="12" width="4" height="4" rx="0.5" fill="url(#gradient)"/>
+  <path d="M14.5 12 Q14.5 10.5 16 10.5 Q17.5 10.5 17.5 12" fill="none" stroke="url(#gradient)" stroke-width="1"/>
+  
+  <!-- Small tracking dots -->
+  <circle cx="10" cy="26" r="1.5" fill="#4caf50" opacity="0.8"/>
+  <circle cx="22" cy="26" r="1.5" fill="#667eea" opacity="0.8"/>
+  <circle cx="16" cy="28" r="1" fill="#764ba2" opacity="0.6"/>
+</svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index 8ef2d8d..21ce628 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,14 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>🍪 Privacy-First Demo | GDPR Compliant Tracking</title>
+    
+    <!-- Favicon -->
+    <link rel="icon" type="image/x-icon" href="favicon.ico">
+    <link rel="icon" type="image/svg+xml" href="favicon.svg">
+    
+    <!-- Meta Tags -->
+    <meta name="description" content="Experience GDPR-compliant optional tracking. Privacy protected by default with enhanced features available only when you choose to enable them.">
+    <meta name="author" content="olemd">
     <style>
         * {
             box-sizing: border-box;
@@ -324,6 +332,17 @@
                 </div>
 
                 <p><strong>Try it out!</strong> Click the colorful button in the bottom-right corner to see the consent flow in action. 👇</p>
+                
+                <div style="margin-top: 2rem; padding: 1rem; background: #f8f9fa; border-radius: 8px; text-align: center;">
+                    <p style="margin: 0; color: #666; font-size: 14px;">
+                        💡 <strong>Want to use this in your project?</strong><br>
+                        View source code and documentation at 
+                        <a href="https://kode.naiv.no/olemd/gdpr" target="_blank" rel="noopener" 
+                           style="color: #667eea; text-decoration: none; font-weight: 600;">
+                            kode.naiv.no/olemd/gdpr
+                        </a>
+                    </p>
+                </div>
             </div>
         </div>
     </div>