jackdomleo7
diff --git a/‎index.html‎
Lines changed: 2 additions & 2 deletions b/‎index.html‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎public/favicon.ico‎
4.19 KB b/‎public/favicon.ico‎
4.19 KB
diff --git a/‎public/favicon.png‎
37.5 KB b/‎public/favicon.png‎
37.5 KB
diff --git a/‎src/assets/styles/_colors.scss‎
Lines changed: 1 addition & 1 deletion b/‎src/assets/styles/_colors.scss‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎src/components/Header.vue‎
Lines changed: 2 additions & 2 deletions b/‎src/components/Header.vue‎
Lines changed: 2 additions & 2 deletions
@@ -2,11 +2,11 @@
 <html lang="en-GB">
   <head>
     <meta charset="UTF-8">
-    <link rel="icon" href="/favicon.ico">
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
+    <link rel="icon" href="/favicon.png" type="image/png">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
     <title>Butter CMS Utilities</title>
     <meta name="description" content="Unofficial client-side utilities for Butter CMS - helpful tools that run entirely in your browser">
-    <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🧈</text></svg>">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
     <style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
   </head>
 
@@ -1,5 +1,5 @@
 :root {
-  --butter-yellow: #fdb714;
+  --butter-yellow: #fdc824;
   --butter-dark: #1d2939;
   --butter-gray: #475467;
   --butter-light-gray: #f9fafb;
 
@@ -1,7 +1,7 @@
 <template>
   <header class="header">
     <div class="header__content">
-      <h1>🧈 Butter CMS Utilities</h1>
+      <h1><img src="/favicon.png" alt="" width="36" height="36" /> Butter CMS Utilities</h1>
       <p>Unofficial client-side tools for Butter CMS</p>
       <p style="font-size: 0.875rem">I can't believe it's not Butter CMS!</p>
     </div>
@@ -10,7 +10,7 @@
 
 <style lang="scss">
 .header {
-  background: linear-gradient(135deg, var(--butter-yellow) 0%, #ffa500 100%);
+  background: var(--butter-yellow);
   color: var(--butter-dark);
   padding: 1.5rem 1rem;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);