tubearchivist-server/tubearchivist/web/templates/home.html

122 lines
5.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tube Archivist</title>
<link rel="stylesheet" href="/static/style.css">
<link rel="shortcut icon" href="/static/favicon.ico">
<meta property="og:title" content="TubeArchivist" />
<meta property="og:description" content="Your self hosted YouTube media server" />
<meta property="og:image" content="/static/img/banner-tube-archivist-dark.png" />
<script type="text/javascript" src="/static/script.js"></script>
<script async defer data-website-id="028c31cf-3e27-4f0f-8b7b-c938ac79b7dc" src="https://stats.tubearchivist.com/umami.js"></script>
</head>
<body>
<div class="content">
<div class="banner">
<img src="/static/img/banner-tube-archivist-dark.png" alt="banner">
</div>
<div class="tag-line">
<h1>Your self hosted YouTube media server</h1>
</div>
<div class="social-links">
<div class="social-item">
<a href="https://github.com/tubearchivist/tubearchivist" target="_blank">
<img src="/static/img/logo-github.png" alt="docker-logo">
</a>
</div>
<div class="social-item">
<a href="https://www.reddit.com/r/TubeArchivist/" target="_blank">
<img src="/static/img/logo-reddit.png" alt="reddit-logo">
</a>
</div>
<div class="social-item">
<a href="/discord" target="_blank">
<img src="/static/img/logo-discord.png" alt="discord-logo">
</a>
</div>
<div class="social-item">
<a href="https://hub.docker.com/r/bbilly1/tubearchivist" target="_blank">
<img src="/static/img/logo-docker.png" alt="docker-logo">
</a>
</div>
<div class="social-item">
<a href="https://git.tubearchivist.com/tubearchivist/tubearchivist" target="_blank">
<img src="/static/img/logo-git.png" alt="git-logo">
</a>
</div>
</div>
<div class="tiles">
<a href="https://www.tilefy.me" target="_blank"><img src="https://tiles.tilefy.me/t/tubearchivist-github-star.png" alt="tubearchivist-github-star" title="Tube Archivist GitHub Stars"/></a>
<a href="https://www.tilefy.me" target="_blank"><img src="https://tiles.tilefy.me/t/tubearchivist-docker.png" alt="tubearchivist-docker" title="Tube Archivist Docker Pulls"/></a>
<a href="https://www.tilefy.me" target="_blank"><img src="https://tiles.tilefy.me/t/tubearchivist-github-forks.png" alt="tubearchivist-docker" title="Tube Archivist Docker Pulls"/></a>
</div>
<div class="tag-line">
<h2>Browser Extension: Tube Archivist Companion</h2>
</div>
<div class="social-links">
<div class="social-item">
<a href="https://github.com/tubearchivist/browser-extension" target="_blank">
<img src="/static/img/logo-github.png" alt="github-logo">
</a>
</div>
<div class="social-item">
<a href="https://chrome.google.com/webstore/detail/tubearchivist-companion/jjnkmicfnfojkkgobdfeieblocadmcie" target="_blank">
<img src="/static/img/logo-google-chrome.png" alt="chrome-logo">
</a>
</div>
<div class="social-item">
<a href="https://addons.mozilla.org/addon/tubearchivist-companion/" target="_blank">
<img src="/static/img/logo-firefox.png" alt="firefox-logo">
</a>
</div>
</div>
<div class="tiles">
<a href="https://www.tilefy.me" target="_blank"><img src="https://tiles.tilefy.me/t/tubearchivist-chrome.png" alt="tubearchivist-chrome" title="TA Companion Chrome users"></a>
<a href="https://www.tilefy.me" target="_blank"><img src="https://tiles.tilefy.me/t/tubearchivist-firefox.png" alt="tubearchivist-firefox" title="TA Companion Firefox users"></a>
</div>
<div class="youtube" data-embed="O8H8Z01c0Ys">
<div class="play-button">
<img src="/static/img/icon-play.svg" alt="play">
</div>
</div>
<div class="block-2">
<div>
<h2>Core functionality</h2>
<ul>
<li>Subscribe to your favorite YouTube channels</li>
<li>Download Videos</li>
<li>Index and make videos searchable</li>
<li>Play videos</li>
<li>Keep track of viewed and unviewed videos</li>
</ul>
</div>
<div>
<h2>Problem Description</h2>
<p>Once your YouTube video collection grows, it becomes hard to search and find a specific video. That's where Tube Archivist comes in: By indexing your video collection with metadata from YouTube, you can organize, search and enjoy your archived YouTube videos without hassle offline through a convenient web interface.
</p>
</div>
</div>
<div>
<h2>Latest Release:</h2>
{% if latest.breaking_changes %}
<div class="alert">
<span>Requires your attention!</span>
</div>
{% endif %}
<p>Release tag: {{ latest.release_version }}</p>
<p>Release date: {{ latest.time_stamp_human }}</p>
<div class="release-notes">
{{ latest_notes|safe }}
</div>
</div>
</div>
<div class="footer-colors">
<div class="col-1"></div>
<div class="col-2"></div>
<div class="col-3"></div>
</div>
</body>
</html>