{{- $file := "freebsd-beastie.png" }}
{{- $path := printf "content_images/%s" $file}}
{{- $img := resources.Get $path }}
{{- $img1x := $img.Resize "150x webp" }}
{{- $img2x := $img.Resize "300x webp" }}

<section class="bsd" style="display: flow-root">
  <h2 id="bsd"><a href="#bsd">Berkeley Software Distribution</a></h2>

  <img
    alt="BSD Beastie mascot"
    style="float: right; max-width: 20%;"
    src="{{ $img1x.Permalink }}" 
    srcset="
            {{ $img1x.Permalink }} 1x,
            {{ $img2x.Permalink }} 2x
            "
    width="{{ $img1x.Width }}" 
    height="{{ $img1x.Height }}"
    >


  Some articles on the BSD family of Operating Systems I use:
  {{ partial "menu.html" (dict "menuID" "bsd" "page" .) }}
</section>