{{/* layouts/shortcodes/commandexample.html */}}

{{ $src := .Get "src" }}
{{ $outPath := replace $src ".sh" ".out" }}

{{ $sourceContent := readFile $src }}
{{ $outputContent := readFile $outPath }}

<div class="command-example">
  <div class="command-section command-source">
    <h4>Command</h4>
    <pre>{{ highlight $sourceContent "bash" "" }}</pre>
  </div>
  <div class="command-section command-output">
    <h4>Output</h4>
    <pre><code>{{ $outputContent | safeHTML }}</code></pre>
  </div>
</div>