mirror of
https://github.com/audacity/audacity.github.io.git
synced 2026-06-01 04:34:23 -05:00
Add inline SVG components for footer branding and social icons
- Convert static image imports to JSX SVG components for better control - Add FacebookSVG, InstagramSVG, TwitterSVG, YoutubeSVG, DiscordSVG with fill-accent styling - Add MuseHubSVG, MuseGroupSVG, AudioSVG, MuseWordmarkSVG for footer branding - Update social links array to include Instagram and X (Twitter) - All SVG components use Tailwind classes for consistent theming 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Mudskipper
@@ -1,5 +1,14 @@
|
||||
---
|
||||
import "../../styles/fonts.css";
|
||||
import MuseHubSVG from "../inlineSVG/MuseHubSVG";
|
||||
import MuseGroupSVG from '../inlineSVG/MuseGroupSVG';
|
||||
import AudioSVG from '../inlineSVG/AudioSVG';
|
||||
import MuseWordmarkSVG from '../inlineSVG/MuseWordmarkSVG';
|
||||
import FacebookSVG from '../inlineSVG/FacebookSVG';
|
||||
import InstagramSVG from '../inlineSVG/InstagramSVG';
|
||||
import TwitterSVG from '../inlineSVG/TwitterSVG';
|
||||
import YoutubeSVG from '../inlineSVG/YoutubeSVG';
|
||||
import DiscordSVG from '../inlineSVG/DiscordSVG';
|
||||
|
||||
const links = [
|
||||
{ href: "https://support.audacityteam.org", label: "Help", external: true },
|
||||
@@ -23,9 +32,10 @@ const downloads = [
|
||||
|
||||
const social = [
|
||||
{ href: "https://www.facebook.com/Audacity/", label: "Facebook", external: true },
|
||||
{ href: "https://github.com/audacity", label: "Github", external: true },
|
||||
{ href: "https://discord.gg/audacity", label: "Discord", external: true },
|
||||
{ href: "https://x.com/getaudacity?lang=en", label: "X", external: true },
|
||||
{ href: "https://www.instagram.com/audacityteam/", label: "Instagram", external: true },
|
||||
{ href: "https://www.youtube.com/c/audacity", label: "YouTube", external: true },
|
||||
{ href: "https://discord.gg/audacity", label: "Discord", external: true },
|
||||
];
|
||||
|
||||
const legal = [
|
||||
@@ -165,7 +175,12 @@ const legal = [
|
||||
target="_blank"
|
||||
class="text-accent hover:text-text-contrast transition-colors"
|
||||
>
|
||||
{link.label}
|
||||
{link.label === "Facebook" ? <FacebookSVG client:load /> :
|
||||
link.label === "Instagram" ? <InstagramSVG client:load /> :
|
||||
link.label === "X" ? <TwitterSVG client:load /> :
|
||||
link.label === "YouTube" ? <YoutubeSVG client:load /> :
|
||||
link.label === "Discord" ? <DiscordSVG client:load /> :
|
||||
link.label}
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
@@ -184,17 +199,17 @@ const legal = [
|
||||
<div class="grid grid-cols-1 lg:grid-cols-[2fr_4fr] gap-8 lg:gap-12">
|
||||
<!-- First Logo -->
|
||||
<div>
|
||||
<img src="/MuseGroup.svg" alt="Muse Group" class="h-12 opacity-50" />
|
||||
<MuseGroupSVG />
|
||||
</div>
|
||||
|
||||
<!-- Second, Third, and Fourth Logos -->
|
||||
<div class="flex gap-8 justify-between">
|
||||
<div class="flex gap-8">
|
||||
<img src="/MuseHub.svg" alt="Muse Group" class="h-12 opacity-50" />
|
||||
<img src="/AudioCom.svg" alt="Muse Group" class="h-12 opacity-50" />
|
||||
<MuseHubSVG />
|
||||
<AudioSVG />
|
||||
</div>
|
||||
<div class="flex flex-col items-start">
|
||||
<img src="/Muse.svg" alt="Muse Group" class="h-8 opacity-50" />
|
||||
<MuseWordmarkSVG/>
|
||||
<p class="text-[12px] text-text-contrast/50 mt-2">Inspire the artist. <br/> Unleash their sound.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
21
src/components/inlineSVG/AudioSVG.jsx
Normal file
21
src/components/inlineSVG/AudioSVG.jsx
Normal file
@@ -0,0 +1,21 @@
|
||||
const AudioSVG = ({ className = "h-12 opacity-50" }) => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 1181 406"
|
||||
className={className}
|
||||
>
|
||||
<path
|
||||
fill="#fff"
|
||||
d="M440.552 175.141q-13.088 0-20.988-8.395-7.655-8.643-7.655-25.433v-18.766q0-16.05 8.642-24.198 8.643-8.15 21.976-8.149h.988q7.161 0 12.84 2.716 5.926 2.716 8.642 7.408V74.15q0-14.815-11.358-14.815h-.988q-5.68 0-8.642 3.951-2.716 3.95-2.716 10.864v5.927h-27.902V69.953q0-15.31 9.876-24.692 10.124-9.63 28.643-9.63h2.469q20.001 0 29.384 9.136 9.383 8.889 9.383 26.914v102.225h-26.667V161.56q-9.137 13.581-24.446 13.581zm-1.482-37.038q0 6.666 3.21 10.864 3.21 3.951 9.136 3.951h1.235q5.926 0 9.136-3.951 3.21-4.197 3.21-10.864v-12.346q0-6.667-3.21-10.618-3.21-4.197-9.136-4.197h-1.235q-6.173 0-9.383 3.95-2.963 3.951-2.963 10.865zM543.564 176.375q-20.742 0-30.618-10.37-9.877-10.371-9.877-31.359V38.1h28.149v97.534q0 7.407 3.21 11.852 3.21 4.197 9.383 4.197h1.481q6.174 0 9.383-4.197 3.21-4.445 3.21-11.852V38.1h28.149v96.546q0 20.988-9.877 31.359-9.876 10.37-30.618 10.37zM626.523 176.375q-14.075 0-22.716-9.136-8.396-9.383-8.396-27.902V72.669q0-18.519 8.396-27.655 8.641-9.383 22.716-9.383h1.235q7.655 0 13.58 3.95 5.927 3.705 8.889 9.877V6.002h28.149v167.905h-27.655v-10.37q-3.95 5.925-9.876 9.383-5.68 3.456-13.087 3.456zm-2.963-40.741q0 7.407 3.21 11.852 3.21 4.197 9.383 4.197h1.235q6.173 0 9.383-4.197 3.21-4.445 3.21-11.852V76.373q0-7.408-3.21-11.605-3.21-4.445-9.383-4.445h-1.235q-6.173 0-9.383 4.445-3.21 4.197-3.21 11.605zM689.729 38.1h28.149v135.806h-28.149zm-2.222-21.235q0-7.16 4.444-11.605Q696.643.568 703.803.568t11.606 4.692q4.69 4.444 4.691 11.605t-4.691 11.852q-4.445 4.445-11.606 4.445t-11.852-4.445q-4.444-4.69-4.444-11.852M769.264 176.375q-40.989 0-40.989-40.988V76.62q0-40.989 40.742-40.989h1.976q40.741 0 40.741 40.989v58.767q0 40.988-40.988 40.988zm-12.84-40.741q0 7.407 3.457 11.852 3.458 4.197 9.63 4.197h.988q6.173 0 9.63-4.197 3.456-4.445 3.457-11.852V76.373q0-7.408-3.457-11.605-3.457-4.445-9.63-4.445h-.988q-6.172 0-9.63 4.445-3.457 4.197-3.457 11.605zM836.45 174.647q-7.655 0-13.087-5.432t-5.432-13.087q0-7.902 5.432-13.087 5.432-5.432 13.087-5.432 7.9 0 13.086 5.432 5.433 5.185 5.433 13.087 0 7.654-5.433 13.087-5.185 5.432-13.086 5.432M901.646 176.375q-20.247 0-30.618-10.617t-10.371-30.371V76.62q0-19.755 10.371-30.371 10.371-10.618 30.618-10.618h1.729q38.766 0 38.766 40.989v5.679h-27.408v-5.926q0-7.655-3.21-11.852-2.964-4.198-9.136-4.198h-.988q-6.173 0-9.383 4.445-3.21 4.197-3.21 11.605v59.261q0 7.407 3.21 11.852 3.21 4.197 9.383 4.197h.988q6.172 0 9.136-4.197 3.21-4.445 3.21-11.852v-5.68h27.408v5.433q0 40.988-38.766 40.988zM992.071 176.375q-40.989 0-40.989-40.988V76.62q0-40.989 40.742-40.989h1.975q40.741 0 40.741 40.989v58.767q.002 40.988-40.988 40.988zm-12.84-40.741q0 7.407 3.457 11.852 3.456 4.197 9.63 4.197h.987c4.116 0 7.325-1.399 9.635-4.197q3.45-4.445 3.45-11.852V76.373q0-7.408-3.45-11.605-3.463-4.445-9.635-4.445h-.987q-6.174 0-9.63 4.445-3.457 4.197-3.457 11.605zM1044.91 38.1h27.16v11.605c2.63-4.115 6.09-7.49 10.37-10.123 4.44-2.634 9.22-3.951 14.32-3.951h1.23c12.02 0 20.42 5.35 25.19 16.05q3.705-6.667 10.86-11.358c4.94-3.128 10.46-4.692 16.55-4.692h1.23q13.83 0 21.24 9.383 7.65 9.383 7.65 27.902v100.99h-28.15V76.373q0-7.408-3.21-11.605c-1.97-2.964-5.02-4.445-9.13-4.445h-.99c-4.12 0-7.24 1.481-9.38 4.445q-2.97 4.197-2.97 11.605v97.533h-28.15V76.373q0-7.408-3.21-11.605c-1.97-2.964-5.02-4.445-9.13-4.445h-.99c-4.11 0-7.24 1.481-9.38 4.445q-2.97 4.197-2.97 11.605v97.533h-28.14z"
|
||||
/>
|
||||
<path
|
||||
fill="#fff"
|
||||
fill-rule="evenodd"
|
||||
d="M318.907 382h1L223.935 38.102 95.972 38.1zm-214.937 0c57.421 0 103.97-46.549 103.97-103.97s-46.549-103.969-103.97-103.969S0 220.61 0 278.03C0 335.451 46.549 382 103.97 382"
|
||||
clip-rule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
export default AudioSVG;
|
||||
14
src/components/inlineSVG/DiscordSVG.jsx
Normal file
14
src/components/inlineSVG/DiscordSVG.jsx
Normal file
@@ -0,0 +1,14 @@
|
||||
const DiscordSVG = ({ className = "h-6 fill-accent" }) => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
data-name="Layer 2"
|
||||
viewBox="0 0 126.64 96"
|
||||
className={className}
|
||||
>
|
||||
<path
|
||||
d="M81.15 0a74 74 0 0 0-3.36 6.79 97.8 97.8 0 0 0-28.99 0c-.98-2.32-2.12-4.6-3.36-6.79-9.02 1.54-17.81 4.24-26.14 8.06C2.78 32.53-1.69 56.37.53 79.89c9.67 7.15 20.51 12.6 32.05 16.09 2.6-3.49 4.9-7.2 6.87-11.06-3.74-1.39-7.35-3.13-10.81-5.15.91-.66 1.79-1.34 2.65-2a75.24 75.24 0 0 0 64.08 0c.86.71 1.74 1.39 2.65 2a69 69 0 0 1-10.83 5.18c1.97 3.86 4.27 7.58 6.87 11.06 11.54-3.49 22.38-8.92 32.05-16.06 2.63-27.28-4.5-50.92-18.82-71.85A103.6 103.6 0 0 0 81.18.05zM42.28 65.41c-6.24 0-11.42-5.66-11.42-12.65s4.98-12.68 11.39-12.68 11.52 5.71 11.42 12.68-5.03 12.65-11.39 12.65m42.08 0c-6.26 0-11.39-5.66-11.39-12.65s4.98-12.68 11.39-12.68 11.49 5.71 11.39 12.68-5.03 12.65-11.39 12.65"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
export default DiscordSVG;
|
||||
20
src/components/inlineSVG/FacebookSVG.jsx
Normal file
20
src/components/inlineSVG/FacebookSVG.jsx
Normal file
@@ -0,0 +1,20 @@
|
||||
const FacebookSVG = ({ className = "h-6 fill-accent" }) => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
data-name="Layer 2"
|
||||
viewBox="0 0 500 500"
|
||||
className={className}
|
||||
>
|
||||
<g data-name="Logo">
|
||||
<path
|
||||
d="M500 250C500 111.93 388.07 0 250 0S0 111.93 0 250c0 117.24 80.72 215.62 189.61 242.64V326.4h-51.55V250h51.55v-32.92c0-85.09 38.51-124.53 122.05-124.53 15.84 0 43.17 3.11 54.35 6.21v69.25c-5.9-.62-16.15-.93-28.88-.93-40.99 0-56.83 15.53-56.83 55.9V250h81.66l-14.03 76.4H280.3v171.77C404.09 483.22 500.01 377.82 500.01 250Z"
|
||||
/>
|
||||
<path
|
||||
fill="none"
|
||||
d="m347.92 326.4 14.03-76.4h-81.66v-27.02c0-40.37 15.84-55.9 56.83-55.9 12.73 0 22.98.31 28.88.93V98.76c-11.18-3.11-38.51-6.21-54.35-6.21-83.54 0-122.05 39.44-122.05 124.53V250h-51.55v76.4h51.55v166.24c19.34 4.8 39.57 7.36 60.39 7.36 10.25 0 20.36-.63 30.29-1.83V326.4h67.63Z"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
|
||||
export default FacebookSVG;
|
||||
15
src/components/inlineSVG/InstagramSVG.jsx
Normal file
15
src/components/inlineSVG/InstagramSVG.jsx
Normal file
@@ -0,0 +1,15 @@
|
||||
const InstagramSVG = ({ className = "h-6 fill-accent" }) => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
data-name="Layer 1"
|
||||
viewBox="0 0 1000 1000"
|
||||
className={className}
|
||||
>
|
||||
<path
|
||||
d="M295.42 6c-53.2 2.51-89.53 11-121.29 23.48-32.87 12.81-60.73 30-88.45 57.82S40.89 143 28.17 175.92c-12.31 31.83-20.65 68.19-23 121.42S2.3 367.68 2.56 503.46 3.42 656.26 6 709.6c2.54 53.19 11 89.51 23.48 121.28 12.83 32.87 30 60.72 57.83 88.45S143 964.09 176 976.83c31.8 12.29 68.17 20.67 121.39 23s70.35 2.87 206.09 2.61 152.83-.86 206.16-3.39S799.1 988 830.88 975.58c32.87-12.86 60.74-30 88.45-57.84s44.77-55.74 57.48-88.68c12.32-31.8 20.69-68.17 23-121.35 2.33-53.37 2.88-70.41 2.62-206.17s-.87-152.78-3.4-206.1-11-89.53-23.47-121.32c-12.85-32.87-30-60.7-57.82-88.45S862 40.87 829.07 28.19c-31.82-12.31-68.17-20.7-121.39-23S637.33 2.3 501.54 2.56 348.75 3.4 295.42 6m5.84 903.88c-48.75-2.12-75.22-10.22-92.86-17-23.36-9-40-19.88-57.58-37.29s-28.38-34.11-37.5-57.42c-6.85-17.64-15.1-44.08-17.38-92.83-2.48-52.69-3-68.51-3.29-202s.22-149.29 2.53-202c2.08-48.71 10.23-75.21 17-92.84 9-23.39 19.84-40 37.29-57.57s34.1-28.39 57.43-37.51c17.62-6.88 44.06-15.06 92.79-17.38 52.73-2.5 68.53-3 202-3.29s149.31.21 202.06 2.53c48.71 2.12 75.22 10.19 92.83 17 23.37 9 40 19.81 57.57 37.29s28.4 34.07 37.52 57.45c6.89 17.57 15.07 44 17.37 92.76 2.51 52.73 3.08 68.54 3.32 202s-.23 149.31-2.54 202c-2.13 48.75-10.21 75.23-17 92.89-9 23.35-19.85 40-37.31 57.56s-34.09 28.38-57.43 37.5c-17.6 6.87-44.07 15.07-92.76 17.39-52.73 2.48-68.53 3-202.05 3.29s-149.27-.25-202-2.53m407.6-674.61a60 60 0 1 0 59.88-60.1 60 60 0 0 0-59.88 60.1M245.77 503c.28 141.8 115.44 256.49 257.21 256.22S759.52 643.8 759.25 502 643.79 245.48 502 245.76 245.5 361.22 245.77 503m90.06-.18a166.67 166.67 0 1 1 167 166.34 166.65 166.65 0 0 1-167-166.34"
|
||||
transform="translate(-2.5 -2.5)"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
export default InstagramSVG;
|
||||
23
src/components/inlineSVG/MuseGroupSVG.jsx
Normal file
23
src/components/inlineSVG/MuseGroupSVG.jsx
Normal file
@@ -0,0 +1,23 @@
|
||||
const MuseGroupSVG = ({
|
||||
className = "h-12 opacity-50",
|
||||
}) => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 1281 400"
|
||||
className={className}
|
||||
>
|
||||
<path
|
||||
fill="#fff"
|
||||
d="M411.82 32.1h27.162v11.606q3.95-6.174 10.37-10.124 6.668-3.95 14.322-3.95h1.234q18.025 0 25.186 16.049 3.704-6.667 10.864-11.358 7.408-4.692 16.544-4.692h1.235q13.827 0 21.235 9.383 7.654 9.383 7.654 27.902v100.99h-28.149V70.373q0-7.408-3.21-11.605-2.962-4.445-9.136-4.445h-.987q-6.173 0-9.383 4.445-2.964 4.197-2.963 11.605v97.533h-28.149V70.373q0-7.408-3.21-11.605-2.963-4.445-9.136-4.445h-.988q-6.173 0-9.383 4.445-2.963 4.197-2.963 11.605v97.533H411.82zM597.948 170.376q-20.742 0-30.618-10.371-9.877-10.371-9.877-31.359V32.1h28.149v97.534q0 7.407 3.21 11.852 3.21 4.198 9.383 4.198h1.481q6.174 0 9.383-4.198 3.21-4.445 3.21-11.852V32.1h28.149v96.546q0 20.988-9.877 31.359-9.876 10.371-30.618 10.371zM689.549 170.376q-18.024 0-29.383-9.63-11.358-9.877-11.358-26.174v-10.864h27.408v8.148q0 6.914 3.703 10.864 3.952 3.951 9.877 3.951h1.482q5.926 0 9.383-3.21 3.704-3.457 3.704-9.136v-1.234q0-4.939-2.47-8.396-2.222-3.704-8.395-7.407l-21.729-12.84q-10.864-6.42-16.544-15.31-5.432-8.888-5.432-21.481v-1.729q0-17.037 10.618-26.667t28.149-9.63h2.222q18.519 0 29.383 9.136t10.865 26.174v9.136h-27.408v-6.914q0-6.42-3.704-10.124-3.457-3.704-9.136-3.704h-.988q-5.679 0-9.136 3.21-3.457 2.963-3.457 8.396v1.234q0 4.445 2.47 7.902 2.716 3.456 7.654 6.42l20.741 12.346q13.088 7.654 18.272 16.296 5.433 8.396 5.433 22.223v2.222q0 16.791-11.112 26.915-11.11 9.877-28.889 9.877zM779.739 170.376q-20.741 0-30.371-10.371-9.63-10.619-9.63-30.618V70.62q0-40.989 40.989-40.989h1.728q38.766 0 38.766 40.989v35.556h-53.334v23.952q0 7.407 3.21 11.605 3.21 3.951 9.383 3.951h.987q6.174 0 9.136-4.198 3.21-4.445 3.21-11.852v-4.445h27.408v4.198q0 19.506-9.63 30.371-9.382 10.618-29.136 10.618zm14.074-84.2V70.373q0-7.408-3.21-11.605-2.962-4.445-9.136-4.445h-.987q-6.174 0-9.383 4.445-3.21 4.197-3.21 11.605v15.803zM896.017 200.5q-18.272 0-27.902-7.161t-10.865-19.754l-.246-2.716h26.914l.247.988q1.234 4.692 3.704 6.914 2.715 2.469 8.148 2.469h.741q6.666 0 9.63-3.951 2.963-3.704 2.963-11.852v-14.815q-7.408 12.593-22.717 12.593h-1.482q-15.062 0-23.21-8.642-8.148-8.643-8.148-25.927V66.669q0-37.038 31.358-37.038h1.482q15.062 0 22.717 12.593V32.1h27.161v127.905q0 20.247-10.124 30.371-9.876 10.124-28.89 10.124zm-14.075-74.817q0 7.407 3.457 11.852 3.458 4.198 9.63 4.198h1.235q6.173 0 9.63-4.198 3.457-4.445 3.457-11.852v-55.31q0-7.408-3.457-11.605-3.457-4.445-9.63-4.445h-1.235q-6.172 0-9.63 4.445-3.457 4.197-3.457 11.605zM947.376 32.1h27.161v17.532q3.21-7.408 9.383-12.346 6.173-5.186 15.803-5.186h5.437v26.668h-9.634q-10.371 0-15.309 4.444-4.692 4.198-4.692 14.075v90.619h-28.149zM1052 170.376c-27.32 0-40.99-13.663-40.99-40.989V70.62q0-40.989 40.74-40.989h1.98q40.74 0 40.74 40.989v58.767c0 27.326-13.66 40.989-40.99 40.989zm-12.84-40.742c0 4.938 1.15 8.889 3.46 11.852q3.45 4.198 9.63 4.198h.99q6.165 0 9.63-4.198 3.45-4.445 3.45-11.852V70.373q0-7.408-3.45-11.605-3.465-4.445-9.63-4.445h-.99q-6.18 0-9.63 4.445c-2.31 2.798-3.46 6.666-3.46 11.605zM1144.84 170.376c-13.83 0-24.04-3.457-30.62-10.371-6.59-6.914-9.88-17.367-9.88-31.359V32.1h28.15v97.534q0 7.407 3.21 11.852c2.14 2.798 5.27 4.198 9.38 4.198h1.49c4.11 0 7.24-1.4 9.38-4.198q3.21-4.445 3.21-11.852V32.1h28.15v96.546c0 13.992-3.29 24.445-9.88 31.359-6.58 6.914-16.79 10.371-30.62 10.371zM1197.67 32.1h27.16V43.46q3.96-6.174 10.62-9.877c4.45-2.634 9.22-3.95 14.32-3.95h1.73q13.575 0 21.24 9.629c5.26 6.255 7.9 15.391 7.9 27.408v66.669q0 18.519-8.4 27.901-8.385 9.137-22.47 9.137h-1.48q-15.315 0-22.47-11.359v40.989h-28.15zm28.15 97.534q0 7.407 3.21 11.852c2.14 2.798 5.27 4.198 9.38 4.198h1.49c4.11 0 7.24-1.4 9.38-4.198q3.21-4.445 3.21-11.852V70.373q0-7.408-3.21-11.605c-2.14-2.963-5.27-4.445-9.38-4.445h-1.49c-4.11 0-7.24 1.482-9.38 4.445q-3.21 4.197-3.21 11.605z"
|
||||
/>
|
||||
<path
|
||||
fill="#fff"
|
||||
fill-rule="evenodd"
|
||||
d="M103.94 32.102H0l168.402 343.8h.999zM31.981 144.036H0v223.87h31.981zm191.89-111.435c19.472 11.486 35.479 34 35.479 59.965 0 34.459-24.51 61.465-57.467 61.465-6.003 0-11.181-1.778-11.929-2.047 23.329-1.077 41.912-20.332 41.912-43.927 0-24.286-19.688-43.974-43.974-43.974-24.287 0-43.975 19.688-43.975 43.974l.002.45h-.002c0 18.477 11.006 34.537 25.485 42.026 13.485 7.488 27.998 10.494 44.974 10.494 56.427 0 97.444-36.52 97.444-88.949 0-14.977-4.5-31.99-8.995-39.976h-78.954zm79.952 151.412h-79.954v183.893h79.954z"
|
||||
clip-rule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
export default MuseGroupSVG;
|
||||
23
src/components/inlineSVG/MuseHubSVG.jsx
Normal file
23
src/components/inlineSVG/MuseHubSVG.jsx
Normal file
@@ -0,0 +1,23 @@
|
||||
const MuseHubSVG = ({
|
||||
className = "h-12 opacity-50",
|
||||
}) => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 1094 400"
|
||||
className={className}
|
||||
>
|
||||
<path
|
||||
fill="#fff"
|
||||
d="M403.819 32.1h27.162v11.605q3.95-6.173 10.37-10.123 6.668-3.951 14.322-3.951h1.234q18.025 0 25.186 16.05 3.704-6.667 10.864-11.358 7.408-4.692 16.544-4.692h1.235q13.827 0 21.235 9.383 7.654 9.383 7.654 27.902v100.99h-28.149V70.373q0-7.408-3.209-11.605-2.964-4.445-9.137-4.445h-.987q-6.174 0-9.383 4.445-2.964 4.197-2.963 11.605v97.533h-28.149V70.373q0-7.408-3.21-11.605-2.963-4.445-9.136-4.445h-.988q-6.173 0-9.383 4.445-2.963 4.197-2.963 11.605v97.533h-28.149zM589.947 170.375q-20.742 0-30.618-10.37-9.877-10.371-9.877-31.359V32.1h28.149v97.534q0 7.407 3.21 11.852 3.21 4.197 9.383 4.197h1.481q6.173 0 9.383-4.197 3.21-4.445 3.21-11.852V32.1h28.149v96.546q0 20.988-9.877 31.359-9.876 10.37-30.618 10.37zM681.548 170.375q-18.024 0-29.383-9.629-11.358-9.878-11.358-26.174v-10.864h27.408v8.148q0 6.914 3.704 10.864 3.95 3.951 9.876 3.951h1.482q5.926 0 9.383-3.21 3.704-3.457 3.704-9.136v-1.235q0-4.938-2.47-8.395-2.222-3.704-8.395-7.407l-21.729-12.84q-10.864-6.42-16.543-15.31-5.433-8.888-5.433-21.481v-1.729q0-17.037 10.618-26.667t28.149-9.63h2.222q18.519 0 29.383 9.136t10.865 26.174v9.136h-27.408v-6.914q0-6.42-3.704-10.124-3.457-3.705-9.136-3.704h-.988q-5.679 0-9.136 3.21-3.457 2.963-3.457 8.396v1.234q0 4.444 2.47 7.902 2.715 3.456 7.654 6.42l20.741 12.346q13.088 7.654 18.272 16.296 5.433 8.396 5.433 22.223v2.222q0 16.79-11.112 26.915-11.11 9.876-28.889 9.876zM771.738 170.375q-20.742 0-30.371-10.37-9.63-10.619-9.63-30.618V70.62q0-40.989 40.989-40.989h1.728q38.766 0 38.766 40.989v35.556h-53.334v23.951q0 7.408 3.21 11.606 3.21 3.95 9.383 3.95h.987q6.174 0 9.136-4.197 3.21-4.445 3.21-11.852v-4.445h27.408v4.198q0 19.506-9.629 30.371-9.384 10.617-29.137 10.617zm14.074-84.2V70.374q0-7.408-3.21-11.605-2.962-4.445-9.136-4.445h-.987q-6.174 0-9.383 4.445-3.21 4.197-3.21 11.605v15.803zM823.149 0h27.161V43.46q3.951-6.174 10.371-9.877 6.42-3.951 14.815-3.951h1.729q14.568 0 22.223 9.383t7.654 27.902v100.99h-28.149V70.373q0-7.408-3.457-11.605-3.456-4.445-9.63-4.445h-1.481q-6.173 0-9.63 4.445-3.457 4.197-3.457 11.605v97.533h-28.149zM957.433 170.375q-20.74 0-30.618-10.37-9.876-10.371-9.877-31.359V32.1h28.149v97.534q0 7.407 3.21 11.852 3.21 4.197 9.383 4.197h1.482q6.173 0 9.383-4.197 3.21-4.445 3.21-11.852V32.1h28.149v96.546q0 20.988-9.877 31.359-9.878 10.37-30.618 10.37zM1061.13 170.375c-4.93 0-9.38-1.152-13.33-3.456s-7.24-5.433-9.88-9.383v10.37h-27.65V.001h28.15v43.21c2.47-4.115 5.84-7.407 10.12-9.876 4.45-2.47 9.22-3.704 14.32-3.704h1.73c9.05 0 16.05 3.128 20.99 9.383q7.65 9.383 7.65 27.655v66.668c0 12.346-2.79 21.647-8.39 27.902q-8.4 9.136-22.47 9.136zm-22.47-40.741q0 7.407 3.21 11.852 3.21 4.197 9.39 4.197h1.23c4.12 0 7.24-1.399 9.38-4.197q3.21-4.445 3.21-11.852V70.373q0-7.408-3.21-11.605c-2.14-2.964-5.26-4.445-9.38-4.445h-1.23q-6.18 0-9.39 4.445-3.21 4.197-3.21 11.605z"
|
||||
/>
|
||||
<path
|
||||
fill="#fff"
|
||||
fill-rule="evenodd"
|
||||
d="M0 32.1h95.943v335.8H0zm271.838 0h31.981v335.8h-31.981zM183.89 275.955c43.605 0 78.953-35.349 78.953-78.953s-35.348-78.953-78.953-78.953c-43.604 0-78.952 35.348-78.952 78.953 0 43.604 35.348 78.953 78.952 78.953"
|
||||
clip-rule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
export default MuseHubSVG;
|
||||
15
src/components/inlineSVG/MuseWordmarkSVG.jsx
Normal file
15
src/components/inlineSVG/MuseWordmarkSVG.jsx
Normal file
@@ -0,0 +1,15 @@
|
||||
const MuseGroupSVG = ({ className = "h-6 opacity-50" }) => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 410 200"
|
||||
className={className}
|
||||
>
|
||||
<path
|
||||
fill="#fff"
|
||||
d="M0 167.906V32.1h27.161v11.605C32.1 36.051 40.99 29.631 51.853 29.631h1.235c11.852 0 20.494 5.432 25.186 16.05 4.444-8.149 14.321-16.05 27.408-16.05h1.234c18.026 0 28.89 12.346 28.89 37.285v100.99h-28.149V70.373c0-9.63-3.951-16.05-12.346-16.05h-.988c-8.395 0-12.346 6.42-12.346 16.05v97.533H53.83V70.373c0-9.63-3.951-16.05-12.346-16.05h-.988c-8.395 0-12.346 6.42-12.346 16.05v97.533zM186.128 170.375c-27.902 0-40.495-13.827-40.495-41.729V32.1h28.149v97.533c0 9.63 4.197 16.05 12.592 16.05h1.482c8.395 0 12.593-6.42 12.593-16.05V32.1h28.149v96.546c0 27.902-12.593 41.729-40.495 41.729zM277.729 170.375c-23.457 0-40.742-13.58-40.742-35.803v-10.865h27.408v8.149c0 9.383 5.926 14.815 13.581 14.815h1.481c7.655 0 13.087-4.692 13.087-12.346v-1.235c0-6.42-2.469-10.864-10.864-15.803l-21.729-12.839c-14.075-8.396-21.976-19.507-21.976-36.791v-1.729c0-22.963 15.803-36.297 38.766-36.297h2.223c23.951 0 40.248 12.099 40.248 35.31v9.135h-27.409v-6.913c0-8.89-5.432-13.828-12.839-13.828h-.988c-7.408 0-12.593 4.445-12.593 11.605v1.235c0 6.42 3.951 10.618 10.124 14.321l20.741 12.346c17.038 10.124 23.704 19.754 23.704 38.52v2.222c0 22.717-16.543 36.791-40.001 36.791zM367.919 170.375c-28.396 0-40.002-15.062-40.002-40.988V70.62c0-25.927 12.593-40.99 40.989-40.99h1.729c27.161 0 38.766 15.063 38.766 40.99v35.556h-53.335v23.951c0 9.63 4.198 15.556 12.593 15.556h.988c8.395 0 12.346-6.42 12.346-16.05v-4.444h27.408v4.198c0 24.938-11.605 40.988-38.766 40.988zm-11.853-84.2h25.927V70.374c0-9.63-3.951-16.05-12.346-16.05h-.988c-8.395 0-12.593 6.42-12.593 16.05z"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
export default MuseGroupSVG;
|
||||
14
src/components/inlineSVG/TwitterSVG.jsx
Normal file
14
src/components/inlineSVG/TwitterSVG.jsx
Normal file
@@ -0,0 +1,14 @@
|
||||
const TwitterSVG = ({ className = "h-6 fill-accent" }) => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 1200 1227"
|
||||
className={className}
|
||||
>
|
||||
<path
|
||||
d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284zM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854z"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
export default TwitterSVG;
|
||||
15
src/components/inlineSVG/YoutubeSVG.jsx
Normal file
15
src/components/inlineSVG/YoutubeSVG.jsx
Normal file
@@ -0,0 +1,15 @@
|
||||
const YoutubeSVG = ({ className = "h-6 fill-accent" }) => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
data-name="Layer 2"
|
||||
viewBox="0 0 396.53 277.78"
|
||||
className={className}
|
||||
>
|
||||
<path
|
||||
d="M388.13 43.45c-4.64-17.09-17.67-30.41-35.05-35.05C322.38 0 198.12 0 198.12 0S74.15 0 43.45 8.4C26.36 13.03 13.03 26.36 8.11 43.45 0 74.15 0 138.74 0 138.74s0 64.59 8.11 95.59c4.92 16.8 18.25 30.41 35.34 35.05 30.7 8.4 154.67 8.4 154.67 8.4s124.26 0 154.96-8.4c17.38-4.63 30.41-18.25 35.05-35.05 8.4-30.99 8.4-95.59 8.4-95.59s0-64.59-8.4-95.29m-229.4 154.96V79.36l102.83 59.38z"
|
||||
data-name="Layer 1"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
export default YoutubeSVG;
|
||||
Reference in New Issue
Block a user