Adjust size of sandwich icon

.helix/config.toml

@@ -0,0 +1,2 @@
+[editor]
+atomic-save = false

assets/icon.svg

@@ -8,7 +8,7 @@
    height="1024"
    viewBox="0 0 1024 1024"
    sodipodi:docname="icon.svg"
-   inkscape:version="1.4.1 (93de688d07, 2025-03-30)"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
    inkscape:export-filename="icon.png"
    inkscape:export-xdpi="6"
    inkscape:export-ydpi="6"
@@ -31,27 +31,6 @@
          offset="0.64978778"
          id="stop6" />
     </linearGradient>
-    <linearGradient
-       id="linearGradient1"
-       inkscape:collect="always">
-      <stop
-         style="stop-color:#000000;stop-opacity:1;"
-         offset="0"
-         id="stop1" />
-      <stop
-         style="stop-color:#636363;stop-opacity:1;"
-         offset="0.65339267"
-         id="stop2" />
-    </linearGradient>
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient1"
-       id="linearGradient2"
-       x1="0"
-       y1="1024"
-       x2="1024"
-       y2="0"
-       gradientUnits="userSpaceOnUse" />
     <linearGradient
        inkscape:collect="always"
        xlink:href="#linearGradient5"
@@ -61,7 +40,7 @@
        x2="784.8255"
        y2="237.32028"
        gradientUnits="userSpaceOnUse"
-       gradientTransform="translate(0.520675,0.791595)" />
+       gradientTransform="matrix(1.8693764,0,0,1.8693764,-444.14737,-443.64092)" />
   </defs>
   <sodipodi:namedview
      id="namedview1"
@@ -72,10 +51,10 @@
      inkscape:pageopacity="0.0"
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
-     inkscape:zoom="0.35090702"
-     inkscape:cx="471.63491"
-     inkscape:cy="387.56706"
-     inkscape:window-width="1727"
+     inkscape:zoom="0.17620916"
+     inkscape:cx="451.16838"
+     inkscape:cy="1316.6171"
+     inkscape:window-width="949"
      inkscape:window-height="1057"
      inkscape:window-x="0"
      inkscape:window-y="0"
@@ -85,18 +64,9 @@
      inkscape:groupmode="layer"
      inkscape:label="Image"
      id="g1">
-    <rect
-       style="display:none;opacity:1;fill:url(#linearGradient2);fill-opacity:1;stroke:none;stroke-width:1.88976;stroke-linejoin:round"
-       id="rect1"
-       width="1024"
-       height="1024"
-       x="0"
-       y="0"
-       rx="5.1585231"
-       ry="5.1585231" />
     <path
        id="path5"
-       style="opacity:1;fill:none;fill-opacity:1;stroke:url(#linearGradient6);stroke-width:55;stroke-dasharray:none;stroke-opacity:1"
-       d="M 266.15385,265.61187 757.84614,757.30416 M 512.52067,266.40345 V 759.17973 M 266.15385,265.61187 H 757.84614 V 758.38812 H 266.15385 Z" />
+       style="opacity:1;fill:none;fill-opacity:1;stroke:url(#linearGradient6);stroke-width:102.816;stroke-dasharray:none;stroke-opacity:1"
+       d="M 52.421015,51.407851 971.57897,970.56581 M 512.97333,52.887612 V 974.07196 M 52.421015,51.407851 H 971.57897 V 972.59214 H 52.421015 Z" />
   </g>
 </svg>

src/index.html

@@ -84,7 +84,7 @@
       SANDWICH THE SANDWICH THE SANDWICH THE SANDWICH THE SANDWICH</x-marquee>
     <div style="position: relative; pointer-events: none;" class="flex-container">
       <img id="logo" class="icon" src="/assets/icon.svg"
-        style="position: absolute; height: calc(min(512px, 95vw) + var(--energy));">
+        style="position: absolute; height: calc(min(275px, 50vw) + var(--energy)); overflow: hidden;">
       <div id="audioContainer" style="position: absolute;"></div>
     </div>
     <div style="height: min(30vw, 150px);"></div>
@@ -302,7 +302,7 @@
 
 
     function drawCallback(instance, info) {
-      const energy = instance.getEnergy() * 256;
+      const energy = instance.getEnergy() * 150;
       document.documentElement.style.setProperty('--energy', energy + 'px');
     }
   </script>