✨ Update logo components for improved styling and add GitHub icon component

Author: HassanZahirnia

resources/views/components/icons/github.blade.php

@@ -0,0 +1,11 @@
+<svg
+    {{ $attributes }}
+    fill="currentColor"
+    viewBox="0 0 29 29"
+>
+    <path
+        fill-rule="evenodd"
+        d="M1372.32,16.8097415 C1372.32,23.1517351 1376.33105,28.5314586 1381.89427,30.4295626 C1382.59472,30.5617425 1382.84997,30.1184991 1382.84997,29.7378209 C1382.84997,29.3976778 1382.83794,28.4944483 1382.83107,27.296898 C1378.9369,28.1639984 1378.11527,25.3723581 1378.11527,25.3723581 C1377.47841,23.7139404 1376.56052,23.2724594 1376.56052,23.2724594 C1375.2894,22.3824478 1376.65678,22.4000718 1376.65678,22.4000718 C1378.06198,22.5014098 1378.80111,23.8796059 1378.80111,23.8796059 C1380.04989,26.0729117 1382.07819,25.4393292 1382.87576,25.071869 C1383.00296,24.144847 1383.36478,23.5121457 1383.76443,23.1534975 C1380.6558,22.7913244 1377.38731,21.5594074 1377.38731,16.0589595 C1377.38731,14.4921866 1377.93306,13.2100411 1378.82861,12.207236 C1378.68422,11.8441818 1378.20379,10.384034 1378.96612,8.40838451 C1378.96612,8.40838451 1380.14099,8.02241909 1382.8156,9.87998785 C1383.93202,9.56099359 1385.13009,9.40237767 1386.32043,9.39620927 C1387.50991,9.40237767 1388.70712,9.56099359 1389.82526,9.87998785 C1392.49815,8.02241909 1393.6713,8.40838451 1393.6713,8.40838451 C1394.43535,10.384034 1393.95492,11.8441818 1393.81139,12.207236 C1394.70866,13.2100411 1395.25011,14.4921866 1395.25011,16.0589595 C1395.25011,21.5735066 1391.97647,22.7869184 1388.85838,23.1420419 C1389.3603,23.5852853 1389.80808,24.4611977 1389.80808,25.8006211 C1389.80808,27.7189926 1389.79089,29.2672603 1389.79089,29.7378209 C1389.79089,30.1220239 1390.04356,30.5687921 1390.75347,30.4286814 C1396.31239,28.5261714 1400.32,23.1499727 1400.32,16.8097415 C1400.32,8.8815887 1394.05118,2.455 1386.31871,2.455 C1378.58882,2.455 1372.32,8.8815887 1372.32,16.8097415 Z"
+        transform="translate(-1372 -2)"
+    ></path>
+</svg>

resources/views/components/nav.blade.php

@@ -175,17 +175,7 @@ class="peer text-evening opacity-80 transition delay-75 duration-300 group-hover
                     x-ref="navItem"
                     :class="{'opacity-0': !reducedMotion}"
                 >
-                    <svg
-                        fill="currentColor"
-                        viewBox="0 0 29 29"
-                        class="h-7 w-7"
-                    >
-                        <path
-                            fill-rule="evenodd"
-                            d="M1372.32,16.8097415 C1372.32,23.1517351 1376.33105,28.5314586 1381.89427,30.4295626 C1382.59472,30.5617425 1382.84997,30.1184991 1382.84997,29.7378209 C1382.84997,29.3976778 1382.83794,28.4944483 1382.83107,27.296898 C1378.9369,28.1639984 1378.11527,25.3723581 1378.11527,25.3723581 C1377.47841,23.7139404 1376.56052,23.2724594 1376.56052,23.2724594 C1375.2894,22.3824478 1376.65678,22.4000718 1376.65678,22.4000718 C1378.06198,22.5014098 1378.80111,23.8796059 1378.80111,23.8796059 C1380.04989,26.0729117 1382.07819,25.4393292 1382.87576,25.071869 C1383.00296,24.144847 1383.36478,23.5121457 1383.76443,23.1534975 C1380.6558,22.7913244 1377.38731,21.5594074 1377.38731,16.0589595 C1377.38731,14.4921866 1377.93306,13.2100411 1378.82861,12.207236 C1378.68422,11.8441818 1378.20379,10.384034 1378.96612,8.40838451 C1378.96612,8.40838451 1380.14099,8.02241909 1382.8156,9.87998785 C1383.93202,9.56099359 1385.13009,9.40237767 1386.32043,9.39620927 C1387.50991,9.40237767 1388.70712,9.56099359 1389.82526,9.87998785 C1392.49815,8.02241909 1393.6713,8.40838451 1393.6713,8.40838451 C1394.43535,10.384034 1393.95492,11.8441818 1393.81139,12.207236 C1394.70866,13.2100411 1395.25011,14.4921866 1395.25011,16.0589595 C1395.25011,21.5735066 1391.97647,22.7869184 1388.85838,23.1420419 C1389.3603,23.5852853 1389.80808,24.4611977 1389.80808,25.8006211 C1389.80808,27.7189926 1389.79089,29.2672603 1389.79089,29.7378209 C1389.79089,30.1220239 1390.04356,30.5687921 1390.75347,30.4286814 C1396.31239,28.5261714 1400.32,23.1499727 1400.32,16.8097415 C1400.32,8.8815887 1394.05118,2.455 1386.31871,2.455 C1378.58882,2.455 1372.32,8.8815887 1372.32,16.8097415 Z"
-                            transform="translate(-1372 -2)"
-                        ></path>
-                    </svg>
+                    <x-icons.github class="size-6" />
                 </div>
             </a>
 

resources/views/components/nav/christmas-logo.blade.php

@@ -8,7 +8,7 @@ class="group/filament relative"
         <svg
             fill="currentColor"
             viewBox="0 0 128 26"
-            class="h-auto w-24 overflow-visible min-[400px]:w-28 md:w-36"
+            class="h-auto w-28 overflow-visible"
         >
             {{-- F --}}
             <path
@@ -42,7 +42,7 @@ class="transition duration-300 will-change-transform group-hover/filament:transl
         height="39"
         viewBox="0 0 27 39"
         fill="none"
-        class="absolute -top-4 right-[-2rem] transition duration-300 will-change-transform motion-reduce:transition-none md:-top-2.5 md:group-hover/filament:-translate-x-3"
+        class="absolute -top-4 right-[-2rem] transition duration-300 will-change-transform motion-reduce:transition-none"
     >
         <path
             fill-rule="evenodd"
@@ -349,11 +349,9 @@ class="absolute -top-4 right-[-2rem] transition duration-300 will-change-transfo
     {{-- Hat --}}
     <svg
         xmlns="http://www.w3.org/2000/svg"
-        width="32"
-        height="31"
         viewBox="0 0 32 31"
         fill="none"
-        class="absolute -left-3.5 -top-6 min-[400px]:-left-2.5 min-[400px]:top-[-1.4rem]"
+        class="absolute -left-[8px] -top-[17px] h-6"
     >
         <g clip-path="url(#clip0_1285_417)">
             <path
@@ -432,7 +430,7 @@ class="absolute -left-3.5 -top-6 min-[400px]:-left-2.5 min-[400px]:top-[-1.4rem]
         height="40"
         viewBox="0 0 101 40"
         fill="none"
-        class="absolute bottom-[-2.4rem] left-[.4rem] md:left-[.68rem]"
+        class="absolute bottom-[-2.4rem] left-[.4rem]"
     >
         <path
             d="M100.732 0.638136C100.652 0.638136 100.572 0.634211 100.496 0.626361C98.787 2.86753 91.8159 11.4907 81.0631 18.2417C69.634 25.4165 51.4619 31.8692 29.8163 21.9076C17.8069 16.3773 10.1315 8.59015 5.2373 0.571411C5.08923 0.622436 4.93716 0.657761 4.7851 0.681311C5.41338 1.72143 6.07767 2.738 6.77798 3.73102C12.3205 11.5967 20.0159 17.8296 29.6442 22.2648C30.6166 22.7122 31.5931 23.1322 32.5695 23.5247C41.2494 26.9983 50.0093 28.1797 58.6531 27.0336C66.3446 26.0171 73.9599 23.1675 81.2872 18.5674C92.5162 11.5143 99.6394 2.43185 101 0.622436C100.916 0.630286 100.828 0.638136 100.732 0.638136Z"
@@ -617,17 +615,15 @@ class="fill-[#009E8B] transition duration-300 group-hover/filament:fill-teal-400
     <img
         src="{{ Vite::asset('resources/images/nav/christmas/santa-and-friends.webp') }}"
         alt="Santa and Friends"
-        class="min-[400px]:sw-24 absolute -bottom-1 right-[-0.3rem] z-10 w-20 opacity-0 transition duration-300 will-change-transform group-hover/filament:-translate-x-0.5 group-hover/filament:opacity-100 motion-reduce:transition-none min-[400px]:bottom-[-0.4rem] md:right-[0.4rem] md:w-28"
+        class="absolute -bottom-[5px] right-2 z-10 h-[28px] opacity-0 transition duration-300 will-change-transform group-hover/filament:-translate-x-0.5 group-hover/filament:opacity-100 motion-reduce:transition-none"
     />
 
     {{-- Merry Christmas --}}
     <svg
         xmlns="http://www.w3.org/2000/svg"
-        width="67"
-        height="25"
         viewBox="0 0 67 25"
         fill="none"
-        class="absolute -top-8 right-2 translate-y-1 opacity-0 transition duration-300 will-change-transform group-hover/filament:translate-y-0 group-hover/filament:opacity-100 motion-reduce:transition-none min-[400px]:right-5 md:right-7"
+        class="absolute -top-5 right-5 h-5 translate-y-1 opacity-0 transition duration-300 will-change-transform group-hover/filament:translate-y-0 group-hover/filament:opacity-100 motion-reduce:transition-none"
     >
         <path
             fill-rule="evenodd"