style: Updated logo with mustache (#363)

* Update index.html with moustache

* Update WizarrLogo.vue sizing

* Updated logo assets with mustache

* Updated PWA with mustache

apps/wizarr-frontend/index.html

@@ -62,18 +62,24 @@
         </style>
         <div class="nojsbox">
             <div style="display: flex; margin-bottom: 0.75rem; margin-top: 3rem; margin-top: 1.5rem; flex-direction: column; justify-content: center; align-items: center">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="55 40 500 500" style="border-radius: 9999px; width: 150px; height: 150px">
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="55 50 500 500" style="border-radius: 9999px; width: 150px; height: 150px">
                     <g transform="matrix(0.995504,0,0,1.00012,0.108186,-0.909355)">
                         <rect x="-0.109" y="0.909" width="602.71" height="599.927" style="fill:rgb(208,49,67);"/>
                     </g>
                     <g transform="matrix(0.360329,0,0,0.360329,-46.0848,-62.082)">
                         <g transform="matrix(-1.50138,0.0825995,0.0825995,1.50138,2334.39,-328.504)">
-                            <path d="M769.023,888.389C761.772,920.6 739.101,960.678 767.115,1023.69C769.295,1028.62 774.007,1031.95 779.38,1032.36C784.753,1032.78 789.92,1030.21 792.83,1025.67C795.928,1020.76 798.884,1017.24 801.376,1014.75C802.469,1013.7 804.095,1013.44 805.459,1014.1C806.823,1014.75 807.64,1016.18 807.51,1017.69C805.421,1042.42 811.086,1060.92 817.655,1079.23C819.431,1084.2 823.84,1087.76 829.072,1088.44C834.304,1089.12 839.477,1086.81 842.467,1082.47C844.462,1079.49 846.032,1078.57 846.902,1078.29C847.092,1078.27 847.285,1078.32 847.436,1078.44C847.587,1078.56 847.685,1078.73 847.707,1078.92C855.148,1140.93 938.764,1163.1 971.366,1198.62C974.387,1201.97 978.783,1203.72 983.274,1203.39C987.766,1203.05 991.85,1200.66 994.341,1196.9C1015.02,1165.61 1057.68,1149.02 1076.39,1090.71C1076.65,1089.87 1077.45,1089.31 1078.33,1089.35C1079.21,1089.39 1079.95,1090.01 1080.15,1090.87L1080.15,1090.87C1081.26,1095.43 1085,1098.88 1089.64,1099.62C1094.28,1100.35 1098.9,1098.23 1101.36,1094.22C1130.64,1046.17 1147.16,1041.77 1148.49,963.356C1148.51,962.474 1149.12,961.715 1149.98,961.506C1150.84,961.297 1151.73,961.691 1152.15,962.466C1154.89,967.434 1160.53,970.055 1166.09,968.943C1171.65,967.832 1175.85,963.244 1176.47,957.606C1180.49,921.619 1170.77,895.131 1162.76,867.592C1150.01,870.899 1136.86,873.438 1123.28,875.338C1115.06,930.784 1085.23,1004 980.374,1025.63C1000.55,1014.13 1011.76,1003.61 1019.36,988.091C971.298,1007.09 866.6,1021.34 822.069,879.878C808.855,880.267 783.512,883.422 769.023,888.389Z" style="fill:white;"/>
+                            <path d="M769.023,888.389C761.772,920.6 739.101,960.678 767.115,1023.69C769.295,1028.62 774.007,1031.95 779.38,1032.36C784.753,1032.78 789.92,1030.21 792.83,1025.67C795.928,1020.76 798.884,1017.24 801.376,1014.75C802.469,1013.7 804.095,1013.44 805.459,1014.1C806.823,1014.75 807.64,1016.18 807.51,1017.69C805.421,1042.42 811.086,1060.92 817.655,1079.23C819.431,1084.2 823.84,1087.76 829.072,1088.44C834.304,1089.12 839.477,1086.81 842.467,1082.47C844.462,1079.49 846.032,1078.57 846.902,1078.29C847.092,1078.27 847.285,1078.32 847.436,1078.44C847.587,1078.56 847.685,1078.73 847.707,1078.92C855.148,1140.93 938.764,1163.1 971.366,1198.62C974.387,1201.97 978.783,1203.72 983.274,1203.39C987.766,1203.05 991.85,1200.66 994.341,1196.9C1015.02,1165.61 1057.68,1149.02 1076.39,1090.71C1076.65,1089.87 1077.45,1089.31 1078.33,1089.35C1079.21,1089.39 1079.95,1090.01 1080.15,1090.87L1080.15,1090.87C1081.26,1095.43 1085,1098.88 1089.64,1099.62C1094.28,1100.35 1098.9,1098.23 1101.36,1094.22C1130.64,1046.17 1147.16,1041.77 1148.49,963.356C1148.51,962.474 1149.12,961.715 1149.98,961.506C1150.84,961.297 1151.73,961.691 1152.15,962.466C1154.89,967.434 1160.53,970.055 1166.09,968.943C1171.65,967.832 1175.85,963.244 1176.47,957.606C1180.49,921.619 1170.77,895.131 1162.76,867.592C1150.01,870.899 1134.47,874.063 1120.89,875.963C1115.02,951.377 1049.15,1008.96 970.681,1010.23C903.526,1011.31 832.423,963.126 820.992,880.147C807.777,880.536 783.512,883.422 769.023,888.389Z" style="fill:white;"/>
                         </g>
                         <g transform="matrix(-1.4933,0.176178,0.176178,1.4933,2231.68,-363.364)">
                             <path d="M650.357,899.289C643.558,903.27 634.948,902.298 629.208,896.9C623.467,891.502 621.967,882.968 625.524,875.937C650.986,825.82 708.299,767.455 802.583,741.846C791.779,742.959 780.146,744.525 772.023,743.187C769.305,742.739 766.593,742.314 765.004,740.063C763.414,737.812 763.186,734.872 764.408,732.402C785.89,685.252 801.586,591.165 796.482,519.199C790.341,537.022 785.383,554.421 783.362,561.726C782.728,564.061 781.258,566.081 779.232,567.404C770.925,572.495 747.092,585.29 717.211,584.743C709.303,584.633 702.415,579.324 700.294,571.705C698.174,564.087 701.33,555.982 708.044,551.803C738.594,532.911 762.86,498.112 799.415,463.58C852.025,413.88 931.371,466.562 1055.18,668.716C1057.41,672.35 1056.52,677.08 1053.13,679.66C1015.64,707.817 943.367,721.096 903.492,729.495C903.314,729.533 903.317,729.811 903.413,729.965C903.508,730.119 903.688,730.115 903.869,730.104C937.719,728.004 1011.53,724.995 1059.8,700.287C1066.89,696.675 1075.01,695.64 1082.78,697.358C1122.97,706.073 1176,713.423 1249.16,706.29C1256.49,705.594 1263.49,709.48 1266.78,716.069C1270.07,722.657 1268.96,730.589 1263.99,736.026C1182.48,825.615 1079.33,833.336 934.459,833.513C805.376,833.671 711.532,863.867 650.357,899.289Z" style="fill:white;"/>
                         </g>
                     </g>
+                    <g transform="matrix(1.31398,0,0,1,-93.4438,-24.9074)">
+                        <path d="M298.517,398.937C307.224,398.937 315.499,394.63 321.716,398.614C329.637,403.69 330.561,404.076 335.243,402.067C346.288,397.327 319.232,430.214 299.43,430.214C279.628,430.214 249.347,400.974 260.44,405.514C267.403,408.364 268.353,403.936 276.843,398.876C282.907,395.261 290.266,398.937 298.517,398.937Z" style="fill:white;"/>
+                    </g>
+                    <g transform="matrix(1.05697,0,0,1.05697,-15.926,-41.4857)">
+                        <path d="M269.046,415.361C275.459,415.361 284.107,410.197 297.038,410.197C309.97,410.197 317.199,415.375 322.197,415.375C321.184,416.488 314.354,431.927 297.038,431.927C279.723,431.927 270.161,416.608 269.046,415.361Z" style="fill:rgb(208,49,67);"/>
+                    </g>
                 </svg>
             </div>
             <div class="text">Javascript Disabled</div>

apps/wizarr-frontend/src/components/WizarrLogo.vue

@@ -29,7 +29,7 @@ export default defineComponent({
     computed: {
         svgZoom() {
             const minX = 55;
-            const minY = 40;
+            const minY = 50;
             const width = 500;
             const height = 500;