Hugo modifying academic's widget

Hello,

I am trying to modify academic widget called featurette, it currently take icon, to make it take svg i modified it to look like this

{{ $svg := .svg}}

{{ with .svg }}<div class="featurette-icon"><svg width='256px' height='192px'><g>{{ $svg }}</g></svg></div>{{ end }}

and in my skiils.md file, I pass my svg like below

  svg = "<path d='M94.9192218,42.1862101 L77.9644514,44.9404514 L62.4948794,51.7229572 L49.3552062,59.9876732 L36.8510506,75.24607 L29.787642,82.7278444 L22.9563268,85.2460078 L21.1503813,80.8302568 L24.3090428,76.2710661 L25.0182724,69.8411829 L27.1340078,69.9268482 L29.4459767,72.0356109 L28.8224125,65.4851984 L26.2594241,63.7659144 L26.3381167,61.2696654 L20.2678288,64.704249 L14.7712996,71.1899144 L13.6237821,76.9862724 L15.9755953,81.6281401 L18.1680311,89.5133385 L22.6266148,91.6240934 L27.3172918,91.3939922 L31.7649183,88.8100856 L28.7975097,103.857307 L31.7649183,120.598911 L28.498677,128.329712 L17.801463,139.854693 L19.703035,146.740794 L24.7712374,154.719626 L34.3259144,161.443362 L39.3941167,162.13765 L45.0291051,162.328903 L41.5128405,176.760529 L54.4413385,182.057837 L70.5474241,184.177556 L76.0569027,180.575626 L76.4812451,170.825712 L82.6282335,160.653447 L83.0515798,152.599907 L97.8866304,153.659767 L111.661821,152.388732 L97.8866304,160.653447 L100.218521,170.614537 L108.906584,184.177556 L117.384467,187.780482 L124.165977,185.025245 L126.920218,179.515767 L141.119751,168.706988 L143.874988,171.037883 L166.128062,171.885572 L170.577681,168.283642 L171.001027,161.924482 L169.518817,159.171237 L168.457961,142.004296 L161.040934,127.169245 L162.312965,120.598911 L166.762584,122.930802 L179.266739,134.586272 L185.412732,135.010615 L192.194241,132.255377 L198.976747,127.169245 L202.366506,116.148296 L222.288685,117.420327 L234.368498,112.758537 L244.117416,103.645136 L251.111097,90.505463 L252.805479,75.0348949 L251.322272,57.0202646 L247.508171,40.9151751 L243.693074,35.8290428 L238.395767,34.1326693 L229.070195,44.3049339 L220.593307,47.2723424 L213.175284,34.980358 L205.758257,28.1988482 L201.730988,25.6557821 L185.623907,12.3039377 L172.697401,5.31025681 L159.768903,4.251393 L144.722677,6.79445914 L131.583004,11.6674241 L122.469603,19.0854475 L115.264747,27.7745058 L107.84772,29.8942257 L94.9192218,42.1862101' fill='#FFFF00'></path>"

but it never gets rendered as when i inspect it, it comes inside the tag(<g)in double quotes.

You have to use this line. No need of $svg and use safeHTML

{{ with .Params.svg }}<div class="featurette-icon"><svg width='256px' height='192px'><g>{{ . | safeHTML }}</g></svg></div>{{ end }}

Capture d’écran 2020-03-27 à 10.55.27

Thanks it works!!!