generates bad html page for a certain shell script

[romanrev]

I tried to use render_code in this way:

{% render_code parse_passwd_file_with_set.sh %}

for the following script file (parse_passwd_file_with_set.sh):

OIFS=$IFS
while read record; do
    IFS=":"
    set -f -- $record
    echo "username=$1, comment=$5, shell=$7"
    IFS=$OIFS
done < /etc/passwd

and that's what I got in the resulting HTML:

<figure class="code-highlight-figure"><div class="code-highlight"><pre class="code-highlight-pre"><div data-line="1" class="code-highlight-row numbered"><div class="code-highlight-line"><span class="nv">OIFS</span><span class="o">=</span><span class="nv">$IFS</span>
</div></div><div data-line="2" class="code-highlight-row numbered"><div class="code-highlight-line"><span class="k">while </span><span class="nb">read </span>record; <span class="k">do
&lt;/div&gt;&lt;/div&gt;<div data-line="3" class="code-highlight-row numbered"><div class="code-highlight-line">    &lt;/span&gt;<span class="nv">IFS</span><span class="o">=</span><span class="s2">":"</span>
</div></div><div data-line="4" class="code-highlight-row numbered"><div class="code-highlight-line">    <span class="nb">set</span> -f -- <span class="nv">$record</span>
</div></div><div data-line="5" class="code-highlight-row numbered"><div class="code-highlight-line">    <span class="nb">echo</span> <span class="s2">"username=</span><span class="nv">$1</span><span class="s2">, comment=</span><span class="nv">$5</span><span class="s2">, shell=</span><span class="nv">$7</span><span class="s2">"</span>
</div></div><div data-line="6" class="code-highlight-row numbered"><div class="code-highlight-line">    <span class="nv">IFS</span><span class="o">=</span><span class="nv">$OIFS</span>
</div></div><div data-line="7" class="code-highlight-row numbered"><div class="code-highlight-line"><span class="k">done</span> &lt; /etc/passwd
</div></div>&lt;/pre&gt;&lt;/div&gt;&lt;/figure&gt;

which obviously ruined the rest of the page.