239 lines
13 KiB
HTML
239 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock %}">
|
|
<head prefix="og: http://ogp.me/ns#{% if article %} article: http://ogp.me/ns/video#{% endif%}"{% if article %} itemscope itemtype="https://schema.org/VideoObject"{% endif %}>
|
|
{% block head %}
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
|
|
|
|
{% block extra_head %}
|
|
{% set SITE_DESCRIPTION = _('Videoteca de software libre brindando avance tecnológico') %}
|
|
<meta name="description" content="{{ SITE_DESCRIPTION }}">
|
|
<meta property="og:title" content="{{ SITENAME }}">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="{{ SITEURL }}">
|
|
<meta property="og:description" content="{{ SITE_DESCRIPTION }}">
|
|
{% endblock %}
|
|
|
|
<!-- Bootstrap 4.3.1 -->
|
|
<link href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/bootstrap/bootstrap.min.css" rel="stylesheet"
|
|
integrity="sha512-tDXPcamuZsWWd6OsKFyH6nAqh/MjZ/5Yk88T5o+aMfygqNFPan1pLyPFAndRzmOWHKT+jSDzWpJv8krj6x1LMA==">
|
|
<!-- Main Styling -->
|
|
<link href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/styles.css" rel="stylesheet"
|
|
integrity="sha512-p4cSeIVEYOeL0Opy7qudr1NODy0tjE64Y/IxR5tQtfSYOfl9I0vpzVDNaMWj516lgST/qhEE+OKX864TJYhPeQ==">
|
|
|
|
<!-- favicon -->
|
|
<link rel="icon" type="image/png" sizes="192x192" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/favicon/favicon-192x192.png">
|
|
<link rel="icon" type="image/png" sizes="96x96" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/favicon/favicon-96x96.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/favicon/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/favicon/favicon-16x16.png">
|
|
|
|
{% block extra_comment %}
|
|
{% endblock %}
|
|
|
|
{% endblock head %}
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="container-fluid">
|
|
|
|
<nav id="sidebar-wrapper">
|
|
<aside class="sidebar">
|
|
<a href="#" id="menu-close" class="float-xs-right toggle"><i class="soumaicon"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#close"/></svg></i></a>
|
|
<ul>
|
|
<li class="title">Menu</li>
|
|
<li><a href="#"><i class="soumaicon"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#eye"/></svg></i> What to watch</a></li>
|
|
<li><a href="#"><i class="soumaicon"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#user"/></svg></i> My Channel</a></li>
|
|
<li><a href="#"><i class="soumaicon"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#clock"/></svg></i> History</a></li>
|
|
<li><a href="#"><i class="soumaicon"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#repeat"/></svg></i> Watch Later</a></li>
|
|
</ul>
|
|
<ul id="playlist">
|
|
<li class="title">Playlists</li>
|
|
<li><a href="#"><i class="soumaicon"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#headphones"/></svg></i>Best of David Guetta <p>David Guetta</p></a></li>
|
|
<li><a href="#"><i class="soumaicon"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#film"/></svg></i>Favourite Videos <p>Check your favourite videos</p></a></li>
|
|
<li><a href="#"><i class="soumaicon"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#like"/></svg></i>Liked Videos <p>Reach all the videos you like</p></a></li>
|
|
</ul>
|
|
</aside> <!-- End Sidebar -->
|
|
</nav> <!-- End Sidebar-wrapper -->
|
|
|
|
<div class="row ml-1">
|
|
<header class="fixed-top">
|
|
<div class="col-md-12">
|
|
<div class="row mt-2 mb-2">
|
|
<div class="col-lg-2 align-self-center">
|
|
<a id="menu-toggle" class="menu-bars" href="#"><i class="soumaicon"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#bars"/></svg></i></a>
|
|
<a class="menu-logo" href="{{ SITEURL }}/" rel="home"><img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/logo.svg" class="logo" alt="logo" ></a>
|
|
</div>
|
|
<div class="col-lg-5 align-self-center">
|
|
<form action="{{ SITEURL }}/buscar.php"><input placeholder="Type to search..." type="search" name="q" required></form>
|
|
</div>
|
|
|
|
<div class="col-lg-5 menu-profile">
|
|
<ul>
|
|
<li>
|
|
<div class="image-profile-menu">
|
|
<img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/videocamera.svg" alt="profile">
|
|
</div>
|
|
</li>
|
|
<li class="ml-2">{{ _('VideoTeca')}}</li>
|
|
</ul>
|
|
|
|
</div>
|
|
<!-- End login -->
|
|
</div>
|
|
</div>
|
|
</header> <!-- End Header -->
|
|
</div> <!-- End Row -->
|
|
|
|
<div class="row mt-5 mt-8">
|
|
|
|
<div class="col-md-12">
|
|
|
|
{% block menu_header %}
|
|
|
|
{% if DISPLAY_PAGES_ON_MENU %}
|
|
<hr>
|
|
<ul class="tab">
|
|
<li class="{% if output_file == 'index.html' %}active{% endif %}"><a href="{{ SITEURL }}/" class="navbar-item is-tab">{{ _('Inicio') }}</a></li>
|
|
{% for p in pages %}
|
|
<li class="navbar-item is-tab {% if p == page %} active{% endif %}"><a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a></li>
|
|
{% endfor %}
|
|
<li class="navbar-item is-tab {% if output_file == ARCHIVES_SAVE_AS %} active {% endif %}"><a href="{{ SITEURL }}/{{ ARCHIVES_URL }}">{{ _('Archivos') }}</a></li>
|
|
</ul> <!-- End Tabs -->
|
|
<hr>
|
|
{% endif %}
|
|
|
|
{% endblock menu_header %}
|
|
|
|
|
|
{%- block content -%}
|
|
|
|
<!-- Main videos -->
|
|
<div class="row main-videos">
|
|
|
|
<div class="col-md-12">
|
|
|
|
<div class="row">
|
|
{% for article in articles_page.object_list %}
|
|
<article class="col-md-3 video" itemscope itemtype="https://schema.org/Movie">
|
|
<a href="{{ SITEURL }}/{{ article.url }}">
|
|
<div class="area">
|
|
<div class="mask">
|
|
|
|
<div class="vertical-align">
|
|
<i class="soumaicon play"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#play"/></svg></i>
|
|
<p>{{ _('Ver ahora')}}</p>
|
|
</div> <!-- End Vertical Align -->
|
|
|
|
</div> <!-- End Mask / Hover -->
|
|
|
|
{% if article.image %}
|
|
<img itemprop="image" src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/../wp-content/uploads/article/poster/{{ article.image }}" alt="{{ article.title }}" class="img-fluid">
|
|
{% else %}
|
|
<img itemprop="image" src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/video.png" alt="video" class="img-fluid">
|
|
{% endif %}
|
|
|
|
{% if article.time %}
|
|
<span class="duration">{{ article.time }}</span>
|
|
{% else %}
|
|
<span class="duration">{{ ('00:00') }}</span>
|
|
{% endif %}
|
|
|
|
</div> <!-- End Area -->
|
|
</a>
|
|
|
|
<h2 itemprop="name"><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="{{ _('Ver %(articulo)s', articulo=article.title|striptags) }}">{{ article.title }}</a></h2>
|
|
|
|
<!-- post footer -->
|
|
{% include "article_info.html" %}
|
|
<!-- end of post footer -->
|
|
|
|
</article> <!-- End Col-md-6 -->
|
|
{% endfor %}
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- End Main Videos -->
|
|
|
|
<!-- Pagination -->
|
|
{% include "pagination.html" %}
|
|
<!-- End Pagination -->
|
|
|
|
{%- endblock -%}
|
|
|
|
</div>
|
|
</div> <!-- End Row -->
|
|
<hr>
|
|
<footer>
|
|
<ul>
|
|
<!-- About -->
|
|
{% if DEFAULT_LANG == 'eo' %}
|
|
<li><a href="{{ SITEURL }}/pages/acerca-de.html">{{ 'Pri' }}</a></li>
|
|
{% elif DEFAULT_LANG == 'en' %}
|
|
<li><a href="{{ SITEURL }}/pages/acerca-de.html">{{ 'About' }}</a></li>
|
|
{% else %}
|
|
<li><a href="{{ SITEURL }}/pages/acerca-de.html">{{ 'Acerca de' }}</a></li>
|
|
{% endif %}
|
|
<!-- /About -->
|
|
|
|
<!-- Developers -->
|
|
{% if DEFAULT_LANG == 'eo' %}
|
|
<li><a href="{{ SITEURL }}/pages/créditos/">{{ 'Kreditoj' }}</a></li>
|
|
{% elif DEFAULT_LANG == 'en' %}
|
|
<li><a href="{{ SITEURL }}/pages/créditos/">{{ 'Credits' }}</a></li>
|
|
{% else %}
|
|
<li><a href="{{ SITEURL }}/pages/créditos/">{{ 'Créditos' }}</a></li>
|
|
{% endif %}
|
|
<!-- /Developers -->
|
|
</ul>
|
|
<ul>
|
|
<!-- Política de Uso -->
|
|
{% if DEFAULT_LANG == 'eo' %}
|
|
<li><a href="{{ SITEURL}}/pages/regularo-pri-uzado.html">{{ _('Política de uso') }}</a></li>
|
|
{% else %}
|
|
<li><a href="{{ SITEURL}}/pages/política-de-uso.html">{{ _('Política de uso') }}</a></li>
|
|
{% endif %}
|
|
<!-- /Política de Uso -->
|
|
|
|
<!-- LibreJS -->
|
|
<li><a href="{{ SITEURL }}/pages/librejs.html" data-jslicense="1">{{ _('Licencias de JavaScript') }}</a></li>
|
|
<!-- /LibreJS -->
|
|
|
|
<!-- source code -->
|
|
<li><a href="https://libregit.org/heckyel/libretube" rel="noopener noreferrer" target="_blank">{{ _('Código fuente') }}</a></li>
|
|
<!-- /source code -->
|
|
</ul>
|
|
|
|
<h6>Copyleft © 2019 {{ SITENAME }} Lbtd.</h6>
|
|
|
|
</footer> <!-- End Footer -->
|
|
|
|
</div>
|
|
{% block extend_js %}
|
|
{% endblock %}
|
|
|
|
{% if article %}
|
|
{% if article.js %}
|
|
{% for script in article.js %}
|
|
{{ script }}
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
{% if page %}
|
|
{% if page.js %}
|
|
{% for script in page.js %}
|
|
{{ script }}
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% endif %}
|
|
<!-- JS Menu -->
|
|
<script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/js/menu.js"
|
|
integrity="sha512-mqoJvNd/S5ookaXRNHUslliQMoojvJUfAhlKM6g9ziJnIMpFKAZzMvXudBVazg4YNicxlKHBl089S35qzJHeRA=="></script>
|
|
<!-- End JS Menu -->
|
|
</body>
|
|
</html>
|