Using the new Clubs logo (#1681)

* using the new Clubs logo

* 3.17.0

* add pictogram

* 3.17.1

* rename

* 3.17.2

* fix build process

* 3.17.3

Author: aggre

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@devprotocol/clubs-core",
-	"version": "3.16.1",
+	"version": "3.17.3",
 	"description": "Core library for Clubs",
 	"main": "dist/index.mjs",
 	"exports": {

rollup.config.mjs

@@ -44,7 +44,7 @@ export default [
 				format: 'cjs',
 			},
 		],
-		plugins: [commonjs(), useSrc({ ext: ['.astro', '.scss'] })],
+		plugins: [commonjs(), useSrc({ ext: ['.astro', '.scss', '.svg'] })],
 	})),
 	{
 		input: 'dist/src/index.js',
@@ -76,6 +76,6 @@ export default [
 				format: 'es',
 			},
 		],
-		plugins: [dts(), useSrc({ out: cwd(), ext: ['.astro', '.scss'] })],
+		plugins: [dts(), useSrc({ out: cwd(), ext: ['.astro', '.scss', '.svg'] })],
 	})),
 ]

src/layouts/Admin.astro

@@ -11,9 +11,10 @@ import AdminConfigurationManager from './AdminConfigurationManager.astro'
 import AdminThemeSelector from './AdminThemeSelector.svelte'
 import AdminScripts from './AdminScripts.svelte'
 import Aside from './Aside.astro'
-import Clubs from './primitives/Clubs.astro'
+import Clubs from './primitives/ClubsLogo.astro'
 import XMark from './icons/x-mark.astro'
 import Bars3BottomLeft from './icons/bars-3-bottom-left.astro'
+import Pictogram from './icons/clubs-pictogram.svg'
 import Modal from './Modal.astro'
 
 import '../styles'
@@ -89,6 +90,7 @@ const SlotsSidebarAfterFooter = clubs.slots.filter(
 			href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&family=Poppins:wght@700&family=Syne:wght@700&display=swap"
 			rel="stylesheet"
 		/>
+		<link rel="icon" type="image/svg" href={Pictogram.src} />
 		<title>{name} | Admin</title>
 	</head>
 

src/layouts/AdminSidebar.astro

@@ -1,6 +1,6 @@
 ---
 import { ClubsPluginCategory, type ClubsPropsClubsPlugin } from '../types'
-import Clubs from './primitives/Clubs.astro'
+import Clubs from './primitives/ClubsLogo.astro'
 import AdminSidebarGroup from './AdminSidebarGroup.astro'
 import AdminSidebarMainItem from './AdminSidebarMainItem.astro'
 import IconDesktop from './icons/computer-desktop.astro'

src/layouts/icons/clubs-pictogram.svg

@@ -1,5 +1,9 @@
+import ClubsPictogram from './icons/clubs-pictogram.svg'
+
 export { default as Admin } from './Admin.astro'
 export { default as AdminConfigurationManager } from './AdminConfigurationManager.astro'
 export { default as Aside } from './Aside.astro'
 export { default as Modal } from './Modal.astro'
 export { default as CreateNavigationLink } from './CreateNavigationLink.astro'
+export { default as ClubsLogo } from './primitives/ClubsLogo.astro'
+export { ClubsPictogram }

src/layouts/index.ts

@@ -0,0 +1,42 @@
+---
+type Props = {
+	class?: string
+	color?: 'currentColor' | 'black' | 'white'
+}
+
+const { color = 'currentColor', class: className = 'h-6 w-auto' } = Astro.props
+---
+
+<svg
+	viewBox="0 0 840 200"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	role="img"
+	aria-labelledby="clubs-logo"
+	class={className}
+>
+	<title id="clubs-logo">Clubs</title>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M771.794 0C757.795 0 744.946 3.56848 733.879 10.4557C723.013 17.2182 715.715 26.0213 710.963 33.9163C706.281 41.6943 703.739 49.111 702.346 54.3312C701.63 57.0121 701.165 59.3115 700.866 61.0574C700.716 61.9355 700.605 62.688 700.524 63.2952C700.484 63.5992 700.451 63.8681 700.424 64.0995C700.411 64.2153 700.399 64.3218 700.388 64.4187L700.374 64.557L700.364 64.6513L700.358 64.7105L700.349 64.8047L700.336 64.943C700.329 65.0185 700.322 65.0997 700.315 65.1865L700.308 65.2622C700.289 65.4936 700.269 65.7625 700.249 66.0665C700.209 66.6737 700.17 67.4262 700.145 68.3043C700.097 70.0503 700.105 72.3497 700.287 75.0305C700.642 80.2508 701.709 87.6674 704.844 95.4455C708.025 103.34 713.571 112.143 723.093 118.906C732.789 125.793 744.929 129.362 758.928 129.362C760.926 129.362 761.964 129.617 762.393 129.771C762.451 129.872 762.532 130.033 762.629 130.274C763.004 131.203 763.258 132.493 763.348 133.803C763.361 134.001 763.369 134.18 763.374 134.337C763.338 134.494 763.294 134.673 763.241 134.871C762.892 136.181 762.38 137.472 761.821 138.401C761.676 138.642 761.563 138.802 761.484 138.904C761.025 139.057 759.936 139.313 757.938 139.313H692.938L687 199.018H752C765.999 199.018 778.849 195.45 789.915 188.562C800.782 181.8 808.079 172.997 812.831 165.102C817.513 157.324 820.055 149.907 821.449 144.687C822.164 142.006 822.629 139.707 822.928 137.961C823.079 137.083 823.189 136.33 823.27 135.723C823.311 135.419 823.344 135.15 823.37 134.919C823.384 134.803 823.396 134.696 823.406 134.599L823.421 134.461L823.43 134.367L823.436 134.308L823.445 134.213L823.458 134.075C823.467 133.978 823.476 133.872 823.486 133.756C823.505 133.524 823.526 133.256 823.546 132.951C823.586 132.344 823.625 131.592 823.649 130.714C823.697 128.968 823.69 126.668 823.507 123.988C823.152 118.767 822.085 111.351 818.951 103.573C815.769 95.6776 810.223 86.8745 800.702 80.112C791.005 73.2248 778.866 69.6563 764.866 69.6563C762.869 69.6563 761.831 69.4006 761.402 69.2474C761.343 69.1462 761.262 68.9852 761.165 68.7444C760.79 67.8154 760.536 66.525 760.447 65.215C760.433 65.017 760.425 64.8376 760.42 64.6809C760.456 64.5241 760.5 64.3448 760.553 64.1467C760.903 62.8367 761.414 61.5463 761.973 60.6173C762.118 60.3765 762.232 60.2156 762.31 60.1143C762.77 59.9611 763.858 59.7054 765.856 59.7054H830.856L836.794 0H771.794ZM762.638 129.883C762.636 129.885 762.596 129.868 762.528 129.823C762.607 129.858 762.641 129.88 762.638 129.883ZM762.305 129.637C762.308 129.642 762.313 129.648 762.32 129.655C762.305 129.634 762.296 129.626 762.296 129.626C762.296 129.626 762.299 129.63 762.305 129.637ZM761.359 139.048C761.359 139.048 761.369 139.037 761.388 139.02C761.369 139.041 761.359 139.048 761.359 139.048ZM761.752 138.792C761.75 138.789 761.707 138.806 761.63 138.851C761.677 138.832 761.71 138.817 761.73 138.807C761.746 138.798 761.752 138.792 761.752 138.792ZM761.156 69.1354C761.159 69.1327 761.198 69.1498 761.267 69.1947C761.188 69.1605 761.153 69.1381 761.156 69.1354ZM761.488 69.3789C761.485 69.3746 761.48 69.3694 761.475 69.3635C761.49 69.3842 761.498 69.3921 761.498 69.3921C761.498 69.3921 761.495 69.3872 761.488 69.3789ZM762.435 59.9696C762.435 59.9696 762.426 59.9808 762.406 59.9982C762.425 59.9775 762.435 59.9696 762.435 59.9696ZM762.042 60.2263C762.044 60.229 762.087 60.2119 762.164 60.167C762.127 60.1821 762.098 60.1949 762.078 60.2047C762.053 60.2172 762.042 60.2263 762.042 60.2263Z"
+		fill={color}></path>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M595.794 0H535.794L516 199.018H576H600C609.849 199.018 619.762 197.409 629.172 194.284C638.582 191.158 647.306 186.577 654.845 180.802C662.384 175.027 668.59 168.171 673.11 160.625C677.629 153.08 680.373 144.992 681.186 136.825C681.998 128.658 680.863 120.57 677.844 113.025C675.915 108.204 673.242 103.665 669.897 99.509C674.069 95.3533 677.645 90.8141 680.532 85.9934C685.052 78.4478 687.796 70.3605 688.609 62.1931C689.421 54.0258 688.285 45.9385 685.267 38.3928C682.248 30.8472 677.406 23.9911 671.016 18.2159C664.626 12.4408 656.813 7.85967 648.025 4.73417C639.236 1.60867 629.644 0 619.794 0H595.794ZM590.846 49.7545L588.372 74.6318H612.372C614.341 74.6318 616.324 74.31 618.206 73.6849C620.088 73.0598 621.833 72.1436 623.34 70.9886C624.848 69.8335 626.089 68.4623 626.993 66.9532C627.897 65.4441 628.446 63.8266 628.609 62.1931C628.771 60.5597 628.544 58.9422 627.94 57.4331C627.337 55.924 626.368 54.5527 625.09 53.3977C623.812 52.2427 622.25 51.3264 620.492 50.7013C618.734 50.0762 616.816 49.7545 614.846 49.7545H590.846ZM604.949 149.264H580.949L583.423 124.386H607.423C609.393 124.386 611.311 124.708 613.069 125.333C614.827 125.958 616.389 126.874 617.667 128.029C618.945 129.184 619.914 130.556 620.517 132.065C621.121 133.574 621.348 135.191 621.186 136.825C621.023 138.458 620.474 140.076 619.57 141.585C618.667 143.094 617.425 144.465 615.918 145.62C614.41 146.775 612.665 147.692 610.783 148.317C608.901 148.942 606.918 149.264 604.949 149.264Z"
+		fill={color}></path>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M353.794 0H413.794L402.413 114.435H402.414C402.089 117.702 402.414 120.937 403.37 123.955C404.326 126.973 405.895 129.715 407.986 132.025C410.078 134.335 412.652 136.167 415.56 137.418C418.469 138.668 421.656 139.311 424.938 139.311C428.221 139.311 431.536 138.668 434.693 137.418C437.851 136.167 440.789 134.335 443.34 132.025C445.891 129.715 448.005 126.973 449.561 123.955C451.118 120.937 452.086 117.702 452.411 114.435H452.413L463.794 0H523.794L512.413 114.435C511.308 125.543 508.015 136.542 502.723 146.804C497.431 157.066 490.242 166.39 481.568 174.244C472.894 182.099 462.904 188.329 452.168 192.58C441.433 196.83 430.162 199.018 419 199.018C407.838 199.018 397.002 196.83 387.112 192.58C377.222 188.329 368.472 182.099 361.36 174.244C354.248 166.39 348.914 157.066 345.663 146.804C342.412 136.542 341.308 125.543 342.413 114.435L353.794 0Z"
+		fill={color}></path>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M271.794 0H211.794L192 199.018H252H342L347.938 139.313H257.938L271.794 0Z"
+		fill={color}></path>
+	<path
+		d="M201.448 49.7545C192.328 30.7839 176.813 15.9575 157.309 7.5747C137.805 -0.808106 115.402 -2.2788 93.5753 3.39073C71.748 9.06025 51.7163 21.5531 36.5869 38.9318C21.4575 56.3105 12.0759 77.6037 9.89719 99.5091C7.71847 121.414 12.8644 142.708 24.5368 160.086C36.2092 177.465 53.7559 189.958 74.4553 195.627C95.1547 201.297 117.85 199.826 139.022 191.443C160.193 183.061 178.658 168.234 191.551 149.264L142.559 119.411C137.401 126.999 130.016 132.93 121.547 136.283C113.078 139.636 104 140.224 95.7204 137.956C87.4407 135.689 80.422 130.691 75.753 123.74C71.0841 116.788 69.0257 108.271 69.8972 99.5091C70.7687 90.7469 74.5213 82.2296 80.5731 75.2782C86.6248 68.3267 94.6375 63.3295 103.368 61.0617C112.099 58.7939 121.06 59.3822 128.862 62.7353C136.664 66.0884 142.87 72.019 146.518 79.6072L201.448 49.7545Z"
+		fill={color}></path>
+</svg>