first commit
This commit is contained in:
248
libretube-theme/templates/base.html
Normal file
248
libretube-theme/templates/base.html
Normal file
@@ -0,0 +1,248 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock %}">
|
||||
<head prefix="og: http://ogp.me/ns# {% if article %}article: http://ogp.me/ns/article#{% 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 name="keywords" content="{{ _('software libre,libertad,libertad de expresión,privacidad,formación,tutoriales,GNU/Linux,desarrollo web,Hyperbola') }}">
|
||||
<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-8c6mSZa07zz441L3Y5hNMS70pfHIisnYDpbAEIt3NrH4F6DHCLJXjpBc81TQyNLa/oFEtPPtLjKGRfYT/pO3DQ==">
|
||||
|
||||
<!-- 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>
|
||||
<!-- Login -->
|
||||
<div class="col-lg-2 align-self-center">
|
||||
<ul class="notifications">
|
||||
<li><i class="soumaicon"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#envelope"/></svg></i><span>1</span></li>
|
||||
<li><i class="soumaicon"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#bell" /></svg></i><span>3</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 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">
|
||||
<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 src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/../wp-content/uploads/article/poster/{{ article.image }}" alt="{{ article.title }}" class="img-fluid">
|
||||
{% else %}
|
||||
<img 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><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">{{ _('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>
|
||||
Reference in New Issue
Block a user