25/lib/mse25_web/components/layouts/app.html.heex

<a href="#content" class="skiplink">Hoppa till innehållet</a>

<header>
  <strong>
  <a href="/" rel="home">madr.se</a>
  </strong>
  <nav>
    <ul>
      <li>
        <a
          class={if current?("webblogg", @conn.path_info), do: "current", else: ""}
          href="/webblogg"
        >
          Webblogg
        </a>
      </li>
      <li>
        <a
          class={if current?("delningar", @conn.path_info), do: "current", else: ""}
          href="/delningar"
        >
          Länkar
        </a>
      </li>
      <li>
        <a
          class={if current?("anteckningar", @conn.path_info), do: "current", else: ""}
          href="/anteckningar"
        >
          Anteckningar
        </a>
      </li>
      <li>
        <a
          class={if current?("evenemang", @conn.path_info), do: "current", else: ""}
          href="/evenemang"
        >
          Evenemang
        </a>
      </li>
      <li>
        <a class={if current?("om", @conn.path_info), do: "current", else: ""} href="/om">
          Om
        </a>
      </li>
    </ul>
  </nav>
  <div>
    <!-- <dl> -->
      <!-- <dt>18 apr</dt> -->
      <!-- <dd>Behemoth</dd> -->
      <!-- <dt>5 jun</dt> -->
      <!-- <dd>Sweden Rock Festival</dd> -->
    <!-- </dl> -->
  </div>
</header>

<main id="content">
  <%= @inner_content %>
</main>
<%= if show_footer?(assigns) do %>
  <footer vocab="https://schema.org/" typeof="Person">
    <img src={~p"/images/mugshot.jpg"} property="image" alt="Anders, hösten 2021" />
    <p>
      <a href="https://madr.se" property="url">madr.se</a>
      är hemsida åt <span property="name">Anders Englöf Ytterström</span>, en
      <span property="jobTitle">webbutvecklare</span>
      och <span property="skills">hårdrockare</span>
      från <span property="address" typeof="PostalAddress"><span property="addressLocality">Borlänge</span>, <span property="addressRegion">Dalarna</span></span>.
      Läs <a href="/colophon">kolofonen</a>.
    </p>
  </footer>
<% end %>