back/src/html_wrapper.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>This Week In Neovim{title}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/atom-one-dark.min.css">
    <link rel="stylesheet" href="/static/style.css">
    <link rel="icon" href="https://neovim.io/favicon.ico" />
  </head>

  <body>
    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js"></script>
    <script>hljs.highlightAll();</script>

    <div>
      <section class="hero is-success">
        <div class="hero-body has-text-centered">
          <a href="/">
            <h1 class="title">This Week in Neovim</h1>
          </a>
        </div>

      </section>

      {contents}

      <footer class="footer has-text-centered">
        <p class="block">
          Made by
          <a href="https://github.com/phaazon">@phaazon</a>
          and contributors.
        </p>

        <p class="block">
          this-week-in-neovim.org {now}
          <a href="https://github.com/phaazon/this-week-in-neovim.org/blob/master/LICENSE">
            BSD-3 New Clause
          </a>
          |
          this-week-in-neovim-contents {now}
          <a href="https://github.com/phaazon/this-week-in-neovim-contents/blob/master/LICENSE">
            CC-BY-SA
          </a>
        </p>

        <p class="block">
          <a href="https://github.com/phaazon/this-week-in-neovim.org">
            <span class="icon-text has-text-link">
              <span class="icon">
                <i class="fa-brands fa-github"></i>
              </span>
              <span>TWiN</span>
            </span>
          </a>
          |
          <a href="https://rust-lang.org">
            <span class="icon-text has-text-link">
              <span class="icon">
                <i class="fa-brands fa-rust"></i>
              </span>
              <span>Rust</span>
            </span>
          </a>
          |
          <a href="https://rocket.rs">
            <span class="icon-text has-text-link">
              <span class="icon">
                <i class="fa-solid fa-shuttle-space"></i>
              </span>
              <span>rocket-rs</span>
            </span>
          </a>
          |
          <a href="/rss">
            <span class="icon-text has-text-danger">
              <span class="icon">
                <i class="fa-solid fa-rss"></i>
              </span>
              <span>
                RSS feed
              </span>
            </span>
          </a>
        </p>
      </footer>
    </div>
  </body>
</html>