feat: use the 2x2 logo mark as favicon and readme icon instead of the gradient icon
3273cfe parent: d95259a modified
README.md +1 -1 | @@ -1,5 +1,5 @@ | ||
| 1 | 1 | <p align="center"> |
| 2 | - <img src="packages/ui/public/skilly-icon.png" alt="skilly" width="96" height="96"> | |
| 2 | + <img src="packages/ui/public/favicon.svg" alt="skilly" width="96" height="96"> | |
| 3 | 3 | </p> |
| 4 | 4 | |
| 5 | 5 | <h1 align="center">skilly</h1> |
| @@ -1,5 +1,5 @@ | |||
| 1 | <p align="center"> | 1 | <p align="center"> |
| 2 | - <img src="packages/ui/public/skilly-icon.png" alt="skilly" width="96" height="96"> | 2 | + <img src="packages/ui/public/favicon.svg" alt="skilly" width="96" height="96"> |
| 3 | </p> | 3 | </p> |
| 4 | 4 | ||
| 5 | <h1 align="center">skilly</h1> | 5 | <h1 align="center">skilly</h1> |
modified
packages/ui/app/components/sk/SkLogo.vue +1 -1 | @@ -1,5 +1,5 @@ | ||
| 1 | 1 | <script setup lang="ts"> |
| 2 | -/** In-app logo mark: a 2x2 grid (design/BRIEF.md 1.9). Not the gradient app icon (that one is for favicon/installer). */ | |
| 2 | +/** skilly logo mark: a 2x2 grid (design/BRIEF.md 1.9). public/favicon.svg draws the same mark. */ | |
| 3 | 3 | withDefaults(defineProps<{ size?: number }>(), { size: 26 }) |
| 4 | 4 | </script> |
| 5 | 5 | |
| @@ -1,5 +1,5 @@ | |||
| 1 | <script setup lang="ts"> | 1 | <script setup lang="ts"> |
| 2 | -/** In-app logo mark: a 2x2 grid (design/BRIEF.md 1.9). Not the gradient app icon (that one is for favicon/installer). */ | 2 | +/** skilly logo mark: a 2x2 grid (design/BRIEF.md 1.9). public/favicon.svg draws the same mark. */ |
| 3 | withDefaults(defineProps<{ size?: number }>(), { size: 26 }) | 3 | withDefaults(defineProps<{ size?: number }>(), { size: 26 }) |
| 4 | </script> | 4 | </script> |
| 5 | 5 | ||
modified
packages/ui/nuxt.config.ts +1 -1 | @@ -7,7 +7,7 @@ export default defineNuxtConfig({ | ||
| 7 | 7 | app: { |
| 8 | 8 | head: { |
| 9 | 9 | title: 'skilly', |
| 10 | - link: [{ rel: 'icon', type: 'image/png', href: '/skilly-icon.png' }] | |
| 10 | + link: [{ rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' }] | |
| 11 | 11 | } |
| 12 | 12 | }, |
| 13 | 13 | icon: { |
| @@ -7,7 +7,7 @@ export default defineNuxtConfig({ | |||
| 7 | app: { | 7 | app: { |
| 8 | head: { | 8 | head: { |
| 9 | title: 'skilly', | 9 | title: 'skilly', |
| 10 | - link: [{ rel: 'icon', type: 'image/png', href: '/skilly-icon.png' }] | 10 | + link: [{ rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' }] |
| 11 | } | 11 | } |
| 12 | }, | 12 | }, |
| 13 | icon: { | 13 | icon: { |
added
packages/ui/public/favicon.svg +7 -0 | new file mode 100644 | ||
| @@ -0,0 +1,7 @@ | ||
| 1 | +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"> | |
| 2 | + <!-- The skilly mark (SkLogo): a 2x2 grid on ink, one clay square --> | |
| 3 | + <rect width="32" height="32" rx="8" fill="#1c1b19"/> | |
| 4 | + <rect x="6" y="6" width="8.5" height="8.5" rx="1.5" fill="#ffffff"/> | |
| 5 | + <rect x="6" y="17.5" width="8.5" height="8.5" rx="1.5" fill="#e2774c"/> | |
| 6 | + <rect x="17.5" y="17.5" width="8.5" height="8.5" rx="1.5" fill="#ffffff"/> | |
| 7 | +</svg> | |
| new file mode 100644 | |||
| @@ -0,0 +1,7 @@ | |||
| 1 | +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"> | ||
| 2 | + <!-- The skilly mark (SkLogo): a 2x2 grid on ink, one clay square --> | ||
| 3 | + <rect width="32" height="32" rx="8" fill="#1c1b19"/> | ||
| 4 | + <rect x="6" y="6" width="8.5" height="8.5" rx="1.5" fill="#ffffff"/> | ||
| 5 | + <rect x="6" y="17.5" width="8.5" height="8.5" rx="1.5" fill="#e2774c"/> | ||
| 6 | + <rect x="17.5" y="17.5" width="8.5" height="8.5" rx="1.5" fill="#ffffff"/> | ||
| 7 | +</svg> | ||
deleted
packages/ui/public/skilly-icon.png +0 -0 | deleted file mode 100644 | ||
| Binary files a/packages/ui/public/skilly-icon.png and /dev/null differ | ||
| deleted file mode 100644 | |||
| Binary files a/packages/ui/public/skilly-icon.png and /dev/null differ | Binary files a/packages/ui/public/skilly-icon.png and /dev/null differ | ||