SVGs: Use of <use>

assets/sass/anchorlink.scss

@@ -35,7 +35,8 @@
   }
 
   svg {
-    min-width: 37px;
+    width: 3.7rem;
+    height: 2.4rem;
     margin: 0 .5rem;
   }
 }

assets/sass/navigation.scss

@@ -60,11 +60,11 @@
   }
 
   svg {
-    width: auto;
-    height: 4.4rem;
-    padding: .2rem .4rem;
+    width: 14.5rem;
+    height: 3.6rem;
+    padding: .6rem;
     align-self: center;
-    aspect-ratio: 696 / 200;
+    aspect-ratio: 145 / 36;
   }
 }
 

assets/sass/search.scss

@@ -86,6 +86,7 @@
 
     .pagefind-ui--reset mark {
         background-color: var(--bg-accent);
+        color: var(--color-body);
     }
 
     .pagefind-ui__button {

layouts/partials/header-logo.html

@@ -1,19 +1,3 @@
-<svg width="696px" height="200px" viewBox="0 0 696 200" aria-hidden="true" alt="" xmlns="http://www.w3.org/2000/svg">
-  <title>finales Logo</title>
-  <g id="fipguide" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-    <g style="fill: var(--link-default, #D54716);" id="Guide" transform="translate(349.08, 51.28)" fill="var(--link-default)" fill-rule="nonzero">
-      <path d="M81.48,84.72 C75.96,87.6 70.2,89.68 64.2,90.96 C58.2,92.24 52.08,92.88 45.84,92.88 C39.2,92.88 33.08,91.84 27.48,89.76 C21.88,87.68 17.04,84.7 12.96,80.82 C8.88,76.94 5.7,72.24 3.42,66.72 C1.14,61.2 0,55.04 0,48.24 C0,41.44 1.14,35.28 3.42,29.76 C5.7,24.24 8.88,19.54 12.96,15.66 C17.04,11.78 21.88,8.8 27.48,6.72 C33.08,4.64 39.2,3.6 45.84,3.6 C52.64,3.6 58.9,4.42 64.62,6.06 C70.34,7.7 75.36,10.52 79.68,14.52 L66.48,28.92 C63.92,26.28 61.04,24.28 57.84,22.92 C54.64,21.56 50.64,20.88 45.84,20.88 C41.84,20.88 38.22,21.56 34.98,22.92 C31.74,24.28 28.96,26.18 26.64,28.62 C24.32,31.06 22.54,33.96 21.3,37.32 C20.06,40.68 19.44,44.32 19.44,48.24 C19.44,52.24 20.06,55.9 21.3,59.22 C22.54,62.54 24.32,65.42 26.64,67.86 C28.96,70.3 31.74,72.2 34.98,73.56 C38.22,74.92 41.84,75.6 45.84,75.6 C49.92,75.6 53.44,75.14 56.4,74.22 C59.36,73.3 61.72,72.36 63.48,71.4 L63.48,57.6 L48.24,57.6 L48.24,40.32 L81.48,40.32 L81.48,84.72 Z" id="Path"></path>
-      <path d="M151.8,90.72 L134.52,90.72 L134.52,82.8 L134.28,82.8 C133.64,83.92 132.82,85.04 131.82,86.16 C130.82,87.28 129.6,88.28 128.16,89.16 C126.72,90.04 125.08,90.76 123.24,91.32 C121.4,91.88 119.4,92.16 117.24,92.16 C112.68,92.16 108.98,91.46 106.14,90.06 C103.3,88.66 101.1,86.72 99.54,84.24 C97.98,81.76 96.94,78.84 96.42,75.48 C95.9,72.12 95.64,68.48 95.64,64.56 L95.64,32.4 L113.64,32.4 L113.64,60.96 C113.64,62.64 113.7,64.38 113.82,66.18 C113.94,67.98 114.3,69.64 114.9,71.16 C115.5,72.68 116.42,73.92 117.66,74.88 C118.9,75.84 120.68,76.32 123,76.32 C125.32,76.32 127.2,75.9 128.64,75.06 C130.08,74.22 131.18,73.1 131.94,71.7 C132.7,70.3 133.2,68.72 133.44,66.96 C133.68,65.2 133.8,63.36 133.8,61.44 L133.8,32.4 L151.8,32.4 L151.8,90.72 Z" id="Path"></path>
-      <path d="M164.76,32.4 L182.76,32.4 L182.76,90.72 L164.76,90.72 L164.76,32.4 Z M163.32,14.04 C163.32,11.16 164.34,8.7 166.38,6.66 C168.42,4.62 170.88,3.6 173.76,3.6 C176.64,3.6 179.1,4.62 181.14,6.66 C183.18,8.7 184.2,11.16 184.2,14.04 C184.2,16.92 183.18,19.38 181.14,21.42 C179.1,23.46 176.64,24.48 173.76,24.48 C170.88,24.48 168.42,23.46 166.38,21.42 C164.34,19.38 163.32,16.92 163.32,14.04 Z" id="Shape"></path>
-      <path d="M256.92,90.72 L240.36,90.72 L240.36,83.04 L240.12,83.04 C239.4,84.08 238.46,85.14 237.3,86.22 C236.14,87.3 234.78,88.28 233.22,89.16 C231.66,90.04 229.94,90.76 228.06,91.32 C226.18,91.88 224.24,92.16 222.24,92.16 C217.92,92.16 214,91.42 210.48,89.94 C206.96,88.46 203.94,86.38 201.42,83.7 C198.9,81.02 196.96,77.84 195.6,74.16 C194.24,70.48 193.56,66.44 193.56,62.04 C193.56,57.96 194.18,54.06 195.42,50.34 C196.66,46.62 198.42,43.32 200.7,40.44 C202.98,37.56 205.76,35.26 209.04,33.54 C212.32,31.82 216.04,30.96 220.2,30.96 C223.96,30.96 227.46,31.54 230.7,32.7 C233.94,33.86 236.6,35.84 238.68,38.64 L238.92,38.64 L238.92,0 L256.92,0 L256.92,90.72 Z M240.36,61.56 C240.36,57.16 239.1,53.6 236.58,50.88 C234.06,48.16 230.52,46.8 225.96,46.8 C221.4,46.8 217.86,48.16 215.34,50.88 C212.82,53.6 211.56,57.16 211.56,61.56 C211.56,65.96 212.82,69.52 215.34,72.24 C217.86,74.96 221.4,76.32 225.96,76.32 C230.52,76.32 234.06,74.96 236.58,72.24 C239.1,69.52 240.36,65.96 240.36,61.56 Z" id="Shape"></path>
-      <path d="M326.52,80.64 C323.64,84.32 320,87.16 315.6,89.16 C311.2,91.16 306.64,92.16 301.92,92.16 C297.44,92.16 293.22,91.44 289.26,90 C285.3,88.56 281.86,86.5 278.94,83.82 C276.02,81.14 273.72,77.92 272.04,74.16 C270.36,70.4 269.52,66.2 269.52,61.56 C269.52,56.92 270.36,52.72 272.04,48.96 C273.72,45.2 276.02,41.98 278.94,39.3 C281.86,36.62 285.3,34.56 289.26,33.12 C293.22,31.68 297.44,30.96 301.92,30.96 C306.08,30.96 309.86,31.68 313.26,33.12 C316.66,34.56 319.54,36.62 321.9,39.3 C324.26,41.98 326.08,45.2 327.36,48.96 C328.64,52.72 329.28,56.92 329.28,61.56 L329.28,67.2 L287.52,67.2 C288.24,70.64 289.8,73.38 292.2,75.42 C294.6,77.46 297.56,78.48 301.08,78.48 C304.04,78.48 306.54,77.82 308.58,76.5 C310.62,75.18 312.4,73.48 313.92,71.4 L326.52,80.64 Z M311.28,54.96 C311.36,51.92 310.36,49.32 308.28,47.16 C306.2,45 303.52,43.92 300.24,43.92 C298.24,43.92 296.48,44.24 294.96,44.88 C293.44,45.52 292.14,46.34 291.06,47.34 C289.98,48.34 289.14,49.5 288.54,50.82 C287.94,52.14 287.6,53.52 287.52,54.96 L311.28,54.96 Z" id="Shape"></path>
-    </g>
-    <path style="fill: var(--color-body, #3C414B);" d="M346,18 C349.313708,18 352,20.6862915 352,24 L352,52.0843558 C335.814472,61.9012857 325,79.6877153 325,100 C325,120.312285 335.814472,138.098714 352,147.915644 L352,176 C352,179.313708 349.313708,182 346,182 L24,182 C20.6862915,182 18,179.313708 18,176 L18,148.507613 C34.7388911,138.824806 46,120.727489 46,100 C46,79.2725107 34.7388911,61.1751942 18,51.4923868 L18,24 C18,20.6862915 20.6862915,18 24,18 L346,18 Z M336,34 L34,34 L34,43.002 L34.1980271,43.1548511 C51.2773814,56.4369747 61.7571762,76.9083185 61.9958345,99.2209152 L62,100 C62,122.614632 51.4759786,143.408582 34.1980271,156.845149 L34,156.997 L34,166 L336,166 L336,156.209 L335.789156,156.041882 C319.288398,142.728797 309.232976,122.620173 309.003996,100.763155 L309,100 C309,77.8483886 319.096529,57.4260064 335.789156,43.9581181 L336,43.79 L336,34 Z" id="Combined-Shape" fill="var(--color-body)" fill-rule="nonzero"></path>
-    <path style="fill: var(--color-body, #3C414B);" d="M94,145 C98.418278,145 102,148.581722 102,153 L102,170 C102,174.418278 98.418278,178 94,178 C89.581722,178 86,174.418278 86,170 L86,153 C86,148.581722 89.581722,145 94,145 Z M94,103 C98.418278,103 102,106.581722 102,111 L102,132 C102,136.418278 98.418278,140 94,140 C89.581722,140 86,136.418278 86,132 L86,111 C86,106.581722 89.581722,103 94,103 Z M94,61 C98.418278,61 102,64.581722 102,69 L102,90 C102,94.418278 98.418278,98 94,98 C89.581722,98 86,94.418278 86,90 L86,69 C86,64.581722 89.581722,61 94,61 Z M94,19 C98.418278,19 102,22.581722 102,27 L102,48 C102,52.418278 98.418278,56 94,56 C89.581722,56 86,52.418278 86,48 L86,27 C86,22.581722 89.581722,19 94,19 Z" id="Line" fill="var(--color-body)" fill-rule="nonzero"></path>
-    <g style="fill: var(--link-default, #D54716);" id="FIP" transform="translate(127.36, 57.04)" fill="var(--link-default)" fill-rule="nonzero">
-      <polygon id="Path" points="0 0 57 0 57 17.28 18.72 17.28 18.72 34.56 54.12 34.56 54.12 51.84 18.72 51.84 18.72 84.96 0 84.96"></polygon>
-      <polygon id="Path" points="70.2 0 88.92 0 88.92 84.96 70.2 84.96"></polygon>
-      <path d="M105.96,0 L137.52,0 C141.92,0 146.08,0.4 150,1.2 C153.92,2 157.34,3.38 160.26,5.34 C163.18,7.3 165.5,9.94 167.22,13.26 C168.94,16.58 169.8,20.76 169.8,25.8 C169.8,30.76 169,34.92 167.4,38.28 C165.8,41.64 163.6,44.32 160.8,46.32 C158,48.32 154.68,49.74 150.84,50.58 C147,51.42 142.84,51.84 138.36,51.84 L124.68,51.84 L124.68,84.96 L105.96,84.96 L105.96,0 Z M124.68,36 L137.16,36 C138.84,36 140.46,35.84 142.02,35.52 C143.58,35.2 144.98,34.66 146.22,33.9 C147.46,33.14 148.46,32.1 149.22,30.78 C149.98,29.46 150.36,27.8 150.36,25.8 C150.36,23.64 149.86,21.9 148.86,20.58 C147.86,19.26 146.58,18.24 145.02,17.52 C143.46,16.8 141.72,16.34 139.8,16.14 C137.88,15.94 136.04,15.84 134.28,15.84 L124.68,15.84 L124.68,36 Z" id="Shape"></path>
-    </g>
-  </g>
+<svg>
+  <use href="{{ (resources.Get "images/logo.svg").Permalink }}#icon"></use>
 </svg>