{{- $file := "emacs-logo.png" }}
{{- $path := printf "content_images/%s" $file}}
{{- $img := resources.Get $path }}
{{- $img1x := $img.Resize "100x webp" }}
{{- $img2x := $img.Resize "200x webp" }}

<section class="emacs">
  <h2 id="emacs"><a href="#emacs">Emacs</a></h2>
  <div style="display: flow-root; vertical-align: top;">
    <img
      alt="Emacs logo"
      style="float: right; max-width: 20%; margin-right: 20px;"
      src="{{ $img1x.Permalink }}" 
      srcset="
              {{ $img1x.Permalink }} 1x,
              {{ $img2x.Permalink }} 2x
              "
      width="{{ $img1x.Width }}" 
      height="{{ $img1x.Height }}"
      >
<ul style="margin-top: 0">
  <li>Cool ways to use Emacs
  {{ partial "menu.html" (dict "menuID" "cool-emacs-ways" "page" .) }}
  </li>
  <li>Appendix
    {{ partial "menu.html" (dict "menuID" "cool-emacs-appendix" "page" .) }}
  </li>
</ul>
</div>

  </section>