Aether/frontend/src/components/HeaderLogo.vue

<template>
  <div 
    class="relative group cursor-pointer" 
    :class="containerClass"
  >
    <!-- Logo SVG -->
    <svg 
      xmlns="http://www.w3.org/2000/svg" 
      viewBox="0 0 799.31 752.14"
      class="transition-colors duration-500 ease-out"
      :class="[
        logoClass
      ]"
    >
      <path 
        d="M569.100 368.700Q569.900 371.900 570.200 378.100Q571.100 396.300 568.300 413.400C565.100 433.000 558.700 452.800 548.800 470.200Q542.500 481.100 539.100 486.100Q527.900 502.600 513.100 516.300Q499.300 529.000 480.800 539.600C463.100 549.800 445.200 557.800 425.700 563.800Q410.400 568.400 405.600 569.500C390.300 573.100 370.600 576.200 352.900 580.400Q338.100 584.000 330.500 586.200C306.900 592.900 283.100 604.600 264.000 618.500C248.800 629.500 235.500 643.500 223.600 658.300Q212.700 671.900 203.500 690.300Q191.400 714.300 188.700 720.800Q184.400 731.100 176.500 750.800A0.600 0.600 0 0 0 177.000 751.600L198.800 751.600A2.400 2.400 9.8 0 0 201.100 750.000C210.500 723.800 222.200 698.700 238.300 676.100Q250.400 659.200 263.000 647.800Q283.300 629.300 308.900 617.200Q324.400 609.900 349.200 602.700Q357.300 600.400 381.000 596.000Q404.200 591.600 412.800 589.500Q425.100 586.400 443.400 580.300Q458.800 575.100 473.000 568.000Q491.000 559.000 505.500 549.500A0.400 0.300 62.9 0 1 506.100 549.600Q506.900 551.800 507.800 553.500Q515.800 569.100 546.000 626.000Q554.400 641.700 555.400 643.700Q562.300 657.300 564.600 661.500C569.700 670.600 573.900 679.800 578.900 688.500Q586.000 700.800 588.100 704.400C597.100 719.200 613.800 733.700 630.300 741.200Q634.300 743.100 646.000 746.700Q652.200 748.600 659.400 749.300Q671.600 750.600 673.100 750.600Q691.500 751.600 725.100 751.600Q751.900 751.600 794.900 751.400Q796.800 751.400 798.600 748.600A1.200 1.200 0 0 0 798.800 747.700Q797.900 744.400 795.800 740.200Q780.100 708.200 769.300 687.400Q766.700 682.500 765.700 680.600Q754.700 658.800 739.000 628.800C726.200 604.300 717.600 587.300 705.800 565.100Q701.200 556.400 691.100 536.900Q683.000 521.000 671.400 499.900C666.400 490.800 656.800 470.600 648.500 456.000C640.200 441.400 631.800 423.800 625.100 411.400Q616.100 395.000 609.600 382.100C600.700 364.400 591.200 347.100 581.800 329.000Q562.500 292.000 552.500 273.200C546.700 262.300 540.300 249.200 535.500 240.200Q520.300 211.500 506.000 183.800C495.700 163.800 483.600 141.800 473.700 122.500C466.700 108.900 458.500 94.200 451.900 81.300Q445.100 67.900 435.600 50.400Q426.400 33.500 414.700 10.400C412.000 5.100 408.600 0.600 402.500 0.500C397.900 0.400 394.300 2.900 392.100 6.900Q386.700 16.300 378.700 31.500Q360.600 65.900 349.200 86.700Q341.500 100.800 334.600 114.500Q331.300 121.200 319.900 142.200Q315.600 150.000 308.200 164.300Q305.300 169.900 296.500 186.300C285.400 206.800 274.800 227.400 264.900 245.700C251.400 270.800 237.100 298.400 225.100 320.900C216.600 336.800 207.700 354.700 199.400 370.000C186.800 393.100 175.400 415.600 161.900 440.600C155.200 453.000 145.300 472.900 137.100 487.600Q129.400 501.400 121.200 517.900Q116.500 527.300 85.500 585.600Q67.700 619.000 64.800 624.900C57.700 638.900 47.100 658.100 40.500 671.200Q25.700 700.300 11.600 727.600Q7.200 736.300 0.600 750.500A0.800 0.800 12.4 0 0 1.300 751.600L23.900 751.600A1.400 1.400 -77.4 0 0 25.200 750.800Q40.000 719.200 51.100 698.700Q52.000 697.100 67.600 667.200Q84.900 634.200 103.200 608.200Q123.000 580.200 152.700 554.100C157.700 549.700 163.500 545.700 169.200 541.200Q175.100 536.500 182.000 532.000Q222.200 505.400 266.800 491.800Q277.100 488.700 293.800 484.100Q302.500 481.800 309.400 480.600C334.800 476.000 358.000 471.700 381.400 465.400Q392.800 462.300 399.400 459.700Q415.400 453.400 432.400 444.600Q443.500 438.800 451.600 433.000C465.000 423.400 476.400 412.300 487.200 399.300C503.500 379.800 515.500 355.900 522.500 331.500A0.200 0.200 0 0 1 522.800 331.500Q523.200 332.700 522.900 334.400Q520.700 349.300 515.900 364.900Q511.000 380.600 503.900 393.800C486.600 425.800 457.300 453.500 424.000 470.000Q403.300 480.200 380.600 487.100Q369.500 490.500 350.900 494.200Q309.900 502.300 300.400 504.800C252.800 517.300 207.600 540.700 172.000 574.400Q160.300 585.400 155.000 590.800Q149.100 597.000 137.700 611.400C130.400 620.600 125.200 628.800 117.900 639.600Q111.300 649.300 104.800 661.500C88.800 691.300 74.600 719.700 60.400 750.600A0.700 0.700 0 0 0 61.000 751.600L84.000 751.600A1.000 0.900 14.4 0 0 84.800 751.100Q86.200 748.500 89.100 742.100Q100.600 716.900 117.200 684.500C124.600 669.900 132.800 656.100 141.500 643.000C152.500 626.600 165.000 612.000 176.200 600.200Q193.300 582.200 217.100 565.400Q233.500 553.800 253.000 544.500Q278.800 532.400 303.600 525.600Q312.900 523.000 334.800 518.900Q363.800 513.400 386.500 507.200Q419.800 498.200 450.700 479.200Q488.100 456.300 513.000 419.300C529.900 394.200 540.200 364.300 544.200 334.400Q544.700 331.100 544.600 319.700A0.200 0.200 0 0 1 544.900 319.500L545.300 319.500A0.100 0.100 0 0 1 545.400 319.600Q551.700 350.700 545.400 381.400C543.200 392.000 539.700 405.500 534.500 416.700Q528.300 430.000 527.300 431.600Q513.400 453.800 500.000 467.700C484.800 483.500 465.800 497.400 445.100 507.600Q431.900 514.200 428.300 515.600Q409.000 523.200 389.700 528.500C374.400 532.600 357.700 534.800 342.000 538.000Q331.300 540.200 312.200 545.400Q275.000 555.500 242.500 575.700Q223.600 587.400 208.200 601.800Q191.800 617.100 179.300 633.800Q159.000 661.000 140.900 698.900Q135.600 709.900 123.100 736.900C120.800 741.900 119.200 746.300 117.100 750.700A0.700 0.700 0 0 0 117.700 751.600L139.800 751.600A1.300 1.300 0 0 0 140.800 751.100Q142.100 749.500 142.500 748.400Q145.900 739.800 149.400 732.200Q157.900 714.000 168.200 693.400Q177.600 674.600 184.600 664.000Q194.700 648.700 204.700 636.900Q236.300 599.400 281.300 579.100C299.000 571.100 319.700 563.700 339.400 559.900C365.500 555.000 389.900 550.700 413.500 543.300C437.400 535.800 461.000 525.000 481.700 510.600C492.400 503.200 503.000 495.400 511.400 486.900C523.200 475.000 535.100 460.500 543.600 445.400Q549.300 435.300 551.100 431.600Q563.200 406.600 567.400 378.500Q568.600 370.400 568.900 368.700A0.100 0.100 0 0 1 569.100 368.700 M507.900 291.500C509.300 280.500 508.500 268.100 507.400 257.800Q506.700 251.800 506.100 249.000C504.400 241.300 503.600 234.600 501.200 227.300Q496.500 213.100 493.500 207.300Q471.200 164.400 471.000 164.100C462.200 146.800 452.100 129.700 443.400 112.100C439.900 104.900 432.600 90.900 426.800 80.800C422.600 73.500 419.400 66.200 415.200 58.500Q409.100 47.700 409.000 47.500C408.100 45.500 407.700 44.100 407.000 42.600A0.300 0.300 0 0 0 406.400 42.700Q400.600 75.200 412.000 106.200Q418.500 124.000 423.100 132.300Q438.500 160.200 446.900 176.900C455.600 194.000 465.900 212.000 473.900 228.000C481.200 242.400 491.100 259.400 498.300 274.200Q502.700 283.500 507.300 291.600A0.300 0.300 0 0 0 507.900 291.500 M383.500 78.700C380.900 85.500 379.900 91.900 378.500 100.000C373.800 127.500 381.000 155.200 393.900 179.100Q399.200 188.900 412.300 214.000C425.300 238.800 431.400 249.500 443.700 273.000Q449.200 283.400 457.100 297.900Q469.000 319.700 470.500 322.800Q479.600 340.900 486.800 353.500Q487.500 354.700 488.500 357.400A0.400 0.400 0 0 0 489.300 357.400Q496.100 343.900 501.600 329.100A2.100 2.100 52.5 0 0 501.800 328.200Q501.500 325.400 500.700 323.900Q491.200 306.400 483.200 291.000Q464.900 256.200 450.800 229.800Q449.800 228.000 446.400 221.800C434.200 199.100 422.000 175.600 409.900 153.700C399.100 134.200 389.800 115.500 386.500 95.900Q385.300 89.400 383.900 78.800A0.200 0.200 0 0 0 383.500 78.700 M355.600 127.900Q345.300 163.000 354.600 199.500Q359.900 220.200 370.900 241.400Q389.600 277.300 422.000 337.300Q441.100 372.800 452.700 395.000Q453.600 396.800 456.500 400.700A0.500 0.500 0 0 0 457.200 400.700C463.900 393.900 470.600 387.000 475.600 379.600A1.100 1.100 54.1 0 0 475.800 378.600Q475.500 377.700 473.600 374.200Q458.600 346.900 451.600 333.500C434.000 299.900 414.900 265.000 397.100 231.400Q388.000 214.000 372.100 183.900Q358.300 157.700 356.200 128.000A0.300 0.300 0 0 0 355.600 127.900 M133.700 541.900A0.500 0.500 0 0 0 134.400 542.400C145.400 532.300 157.300 522.500 170.300 514.400Q173.900 512.200 184.800 504.900A6.700 6.500 -88.8 0 0 186.600 503.200Q189.100 499.700 191.400 495.100Q202.200 474.100 212.900 453.800C217.300 445.500 220.600 439.900 223.600 433.900Q227.700 425.400 231.200 418.700Q239.200 403.300 241.800 398.500C252.100 379.600 261.800 360.100 273.600 338.400Q280.000 326.500 288.300 310.600C297.500 292.900 308.200 273.700 318.100 254.300C324.100 242.600 331.000 230.600 336.800 219.400A2.800 2.800 -39.3 0 0 337.000 217.400Q331.000 196.200 328.800 172.900A0.400 0.400 0 0 0 328.000 172.800Q326.900 174.900 326.700 175.300Q321.200 185.400 309.400 208.200Q303.900 218.900 300.300 225.600C290.100 244.500 281.400 261.400 268.400 285.600Q257.400 306.200 245.700 328.400Q203.600 407.900 187.300 438.400C185.000 442.900 183.000 447.300 180.400 452.100Q159.900 490.000 139.500 530.300C137.600 534.100 134.500 537.500 133.700 541.900 M348.300 244.700A0.300 0.300 0 0 0 347.700 244.700L220.200 485.500A0.300 0.300 0 0 0 220.600 486.000L256.400 472.100A0.300 0.300 0 0 0 256.600 471.900L362.500 271.900A0.300 0.300 0 0 0 362.500 271.500L348.300 244.700 M374.800 295.800A0.300 0.300 0 0 0 374.200 295.900L285.300 463.800A0.300 0.300 0 0 0 285.600 464.300L319.700 457.000A0.300 0.300 0 0 0 320.000 456.800L390.200 324.100A0.300 0.300 0 0 0 390.200 323.800L374.800 295.800 M401.700 347.400Q393.700 363.600 389.300 371.600C378.000 392.300 364.800 418.200 356.800 433.100Q350.800 444.300 346.800 451.000A0.400 0.400 -79.4 0 0 347.200 451.600Q363.000 449.000 377.800 444.600Q410.100 434.900 438.800 416.400A1.300 1.300 -34.8 0 0 439.100 414.500Q437.200 411.900 436.000 409.700Q422.300 383.500 402.400 347.400A0.400 0.400 44 0 0 401.700 347.400 M591.700 397.100Q590.100 421.400 584.100 443.000A4.900 4.900 38.7 0 0 584.500 446.600Q604.000 482.700 615.100 503.800C619.200 511.600 622.600 517.400 626.000 524.400Q629.400 531.300 633.900 539.900C639.700 550.900 642.400 556.500 647.400 565.100Q650.900 571.100 658.000 585.600C665.200 600.200 679.200 625.200 688.200 643.500C697.000 661.300 704.000 675.200 714.200 689.800Q723.600 703.100 732.000 710.100Q746.600 722.400 764.600 728.000Q764.800 728.000 765.100 727.900A0.500 0.500 -31.1 0 0 765.300 727.200Q758.700 716.100 751.500 701.300Q744.600 687.100 738.100 675.000C728.500 657.200 719.800 639.300 710.600 622.100Q701.300 604.600 690.400 583.000C682.900 568.300 675.100 554.100 667.800 540.000Q659.600 523.900 651.000 507.700Q637.200 481.800 623.300 455.400Q612.000 434.000 599.900 410.800Q596.100 403.800 592.500 397.000A0.400 0.400 -57.1 0 0 591.700 397.100 M573.100 471.200A0.400 0.400 0 0 0 572.500 471.300Q566.300 483.300 561.300 491.700C560.300 493.400 559.100 494.700 558.100 496.000A2.800 2.800 0 0 0 558.000 499.000Q576.200 532.200 586.700 552.700Q591.200 561.400 593.900 566.200Q598.600 574.600 609.000 594.700Q618.700 613.400 624.000 623.400Q630.600 635.700 646.700 668.100Q655.500 685.800 667.200 698.900Q687.900 722.100 718.800 727.500A0.400 0.400 0 0 0 719.100 726.800Q711.900 720.800 704.400 712.500Q698.900 706.500 693.600 698.200Q685.800 685.900 684.200 682.800Q674.600 664.600 666.800 649.500Q614.400 548.100 576.900 477.700Q574.800 473.800 573.100 471.200 M667.500 728.300A0.300 0.300 0 0 0 667.700 727.700Q663.200 724.700 658.300 720.400Q653.600 716.100 650.000 711.900C634.200 693.500 625.200 674.400 613.400 650.700Q608.800 641.600 602.200 629.100C593.800 613.400 586.300 598.200 580.500 587.200C571.200 569.500 558.300 546.000 550.700 530.600Q547.600 524.300 543.300 517.400A0.900 0.900 0 0 0 541.900 517.300C535.100 524.700 530.200 530.100 523.800 535.200A0.800 0.700 59.4 0 0 523.600 536.100Q525.000 539.600 525.200 539.800C529.300 547.200 533.000 554.700 536.600 561.200Q546.600 579.100 554.600 595.300Q561.700 609.900 569.100 622.800Q575.400 634.100 585.900 655.000C591.900 667.100 598.400 678.700 605.500 690.500Q610.600 698.800 616.300 705.500C628.800 720.000 648.600 727.700 667.500 728.300" 
        fill-rule="evenodd" 
        fill="currentColor"
      />
    </svg>
  </div>
</template>

<script setup lang="ts">
interface Props {
  size?: string
  className?: string
}

const props = withDefaults(defineProps<Props>(), {
  size: 'h-8 w-8',
  className: ''
})

const containerClass = `${props.size  } ${  props.className}`
const logoClass = 'w-full h-full'
</script>

<style scoped>
</style>