{{ if and (gt .WordCount 200 ) (not (.Params.notoc)) }}
<div class="card">
  <div class="card-header">
    Contents
  </div>
  <div class="card-body card-body-padded">
    {{ .TableOfContents }}
  </div>
</div>
{{end}}

<div class="card">
  <div class="card-header">
    Platinum Sponsor
  </div>
  <div class="card-body">
    <a id="platinum" href="https://rabata.io/?utm_source=banner&utm_medium=rclone&utm_content=general" target="_blank" rel="noopener" title="Visit rclone's sponsor Rabata.io"><img style="width: 100%; height: auto;" src="/img/logos/rabata/txt_1_website.png"></a><br />
    <script>
      const imgs = [
        { href: "https://rabata.io/?utm_source=banner&utm_medium=rclone&utm_content=general", img: "/img/logos/rabata/txt_1_website.png" },
        { href: "https://rabata.io/?utm_source=banner&utm_medium=rclone&utm_content=general", img: "/img/logos/rabata/txt_2_website.png" },
        { href: "https://rabata.io/grant-application?utm_source=banner&utm_medium=rclone&utm_content=grant1", img: "/img/logos/rabata/100k_website.png" },
      ];
      const img = imgs[Math.floor(Math.random() * imgs.length)];
      document.addEventListener("DOMContentLoaded", () => {
        const a = document.getElementById("platinum");
        a.href = img.href;
        a.querySelector("img").src = img.img;
      });
    </script>
  </div>
</div>

<div class="card">
  <div class="card-header">
    Gold Sponsor
  </div>
  <div class="card-body">
    <a href="https://www.idrive.com/e2/?refer=rclone" target="_blank" rel="noopener" title="Visit rclone's sponsor IDrive e2"><img src="/img/logos/idrive_e2.svg" viewBox="0 0 60 55"></a><br />
  </div>
</div>

<div class="card">
  <div class="card-header">
    Gold Sponsor
  </div>
  <div class="card-body">
    <a href="https://files.com/?utm_source=rclone&utm_medium=referral&utm_campaign=banner&utm_term=rclone" target="_blank" rel="noopener" title="Start Your Free Trial Today"><img style="max-width: 100%; height: auto;" src="/img/logos/filescom-enterprise-grade-workflows.png"></a><br />
  </div>
</div>

{{if .IsHome}}
<div class="card">
  <div class="card-header">
    Silver Sponsor
  </div>
  <div class="card-body">
    <a href="https://rcloneview.com/?utm_source=rclone" target="_blank" rel="noopener" title="Visit rclone's sponsor RcloneView"><img src="/img/logos/rcloneview-banner.svg"></a><br />
  </div>
</div>
<div class="card">
  <div class="card-header">
    Silver Sponsor
  </div>
  <div class="card-body">
    <a href="https://github.com/rclone-ui/rclone-ui" target="_blank" rel="noopener" title="Visit rclone's sponsor rclone UI"><img src="/img/logos/rcloneui.svg"></a><br />
  </div>
</div>
<div class="card">
  <div class="card-header">
    Silver Sponsor
  </div>
  <div class="card-body">
    <a href="https://shade.inc/" target="_blank" rel="noopener" title="Visit rclone's sponsor Shade"><img style="max-width: 100%; height: auto;" src="/img/logos/shade.svg"></a><br />
  </div>
</div>
{{end}}

<div class="card">
  <div class="card-header">
    Share and Enjoy
  </div>
  <div class="card-body card-body-padded">
    <div class="menu">
      <!-- Non tracking sharing links from: https://sharingbuttons.io/ -->
      <i class="fab fa-twitter fa-fw" aria-hidden="true"></i> <a href="https://twitter.com/intent/tweet/?text=rclone%20-%20rsync%20for%20cloud%20storage%20from%20%40njcw&amp;url=https%3A%2F%2Frclone.org" target="_blank" rel="noopener" aria-label="Share on Twitter">Twitter</a><br />
      <i class="fab fa-facebook fa-fw" aria-hidden="true"></i> <a href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Frclone.org" target="_blank" rel="noopener" aria-label="Share on Facebook">Facebook</a><br />
      <i class="fab fa-reddit fa-fw" aria-hidden="true"></i> <a  href="https://reddit.com/submit/?url=https%3A%2F%2Frclone.org&amp;resubmit=true&amp;title=rclone%20-%20rsync%20for%20cloud%20storage" target="_blank" rel="noopener" aria-label="Share on Reddit">Reddit</a><br />
      <iframe src="//ghbtns.com/github-btn.html?user=rclone&amp;repo=rclone&amp;type=star&amp;count=true" allowtransparency="true" frameborder="0" scrolling="no" width="120" height="20"></iframe>
    </div>
  </div>
</div>

<div class="card">
  <div class="card-header">
    Links
  </div>
  <div class="card-body card-body-padded">
    <div class="menu">
      <i class="fa fa-comments fa-fw" aria-hidden="true"></i> <a href="https://forum.rclone.org">Rclone forum</a><br />
      <i class="fab fa-github fa-fw" aria-hidden="true"></i> <a href="https://github.com/rclone/rclone">GitHub project</a><br />
      <i class="fa fa-book fa-fw" aria-hidden="true"></i> <a href="https://github.com/rclone/rclone/wiki">Rclone Wiki</a><br />
      <i class="fa fa-heart heart fa-fw" aria-hidden="true"></i> <a href="/sponsor/">Sponsor</a><br />
      <i class="fab fa-twitter fa-fw" aria-hidden="true"></i> <a href="https://twitter.com/njcw">@njcw</a>
    </div>
  </div>
</div>
