{{ define "main" }}
<section class="section container-fluid mt-n3 pb-3">
  <div class="row justify-content-center">
    <p class="col-lg-12 text-center">Website Work in Progress</p>
    <div class="col-lg-12 text-center">
      <h1><img src="invidious-colored-vector.svg" width="192" height="192" alt="Invidious logo"></h1>
      <h1 class="mt-0">{{ .Title }}</h1>
    </div>
    <div class="col-lg-9 col-xl-8 text-center">
      <p class="lead">{{ .Params.lead | safeHTML }}</p>
      <a class="btn btn-primary btn-lg px-4 mb-2" href="{{ "https://instances.invidious.io/" | relURL }}" role="button">Using Invidious</a>
      <a class="btn btn-primary btn-lg px-4 mb-2" href="{{ "https://docs.invidious.io/Installation.md" | relURL }}" role="button">Hosting Invidious</a>
      <p class="meta">Invidious is <a href="https://github.com/iv-org/invidious">Free (Libre) and Open Source software</a> licensed under the <a href="https://www.gnu.org/licenses/agpl-3.0.en.html">AGPL-3.0</a>.</p>
    </div>
  </div>
</section>
{{ end }}

{{ define "sidebar-prefooter" }}
<section class="section section-sm">
  <div class="container">
    <div class="row justify-content-center text-center">
      <div class="col-lg-5">
        <h2 class="h4">Data import/export</h2>
        <p>
          <li>Import subscriptions from YouTube, NewPipe and Freetube
          <li>Import watch history from NewPipe
          <li>Export subscriptions to NewPipe and Freetube
          <li>Import/Export Invidious user data
        </p>
      </div>
      <div class="col-lg-5">
        <h2 class="h4">User features</h2>
        <p>
          <li>Lightweight
          <li>No ads
          <li>No tracking
          <li>No JavaScript required
          <li>Light/Dark themes
          <li>Customizable homepage
          <li>Subscriptions independant from Google
          <li>Notifications for all subscribed channels
          <li>Audio-only mode (with background play on mobile)
          <li>Support for Reddit comments
          <li>Available in many languages, thanks to our translators
        </p>
      </div>
      <div class="col-lg-5">
        <h2 class="h4">Technical features</h2>
        <p>
          <li>Embedded video support
          <li>Developer API
          <li>Does not use official YouTube APIs
          <li>No Contributor License Agreement (CLA)
        </p>
      </div>
    </div>
  </div>
</section>
{{ end }}

{{ define "sidebar-footer" }}
<section class="section section-sm container-fluid">
  <div class="row justify-content-center text-center">
    <div class="col-lg-9">
      {{- .Content -}}
    </div>
  </div>
</section>
{{ end }}