invidious.io/layouts/index.html
2021-09-04 18:14:33 +02:00

69 lines
2.4 KiB
HTML

{{ define "main" }}
<section class="section container-fluid mt-n3 pb-3">
<div class="row justify-content-center">
<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">Open-source AGPL-V3 Licensed. <a href="https://github.com/iv-org/invidious">GitHub</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 }}