base.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
  1. <!DOCTYPE html>
  2. <html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock %}">
  3. <head prefix="og: https://ogp.me/ns{% if article %}/video{% endif %}#"{% if article %} itemscope itemtype="https://schema.org/VideoObject"{% endif %}>
  4. {% block head %}
  5. <!-- Meta Base -->
  6. <meta charset="UTF-8"/>
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  8. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  9. <meta name="HandheldFriendly" content="True"/>
  10. {% block extra_head %}
  11. {% endblock %}
  12. <!-- Bootstrap 4.3.1 -->
  13. <link href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/bootstrap/bootstrap.css" rel="stylesheet"
  14. integrity="sha384-63+VK53+oFYHzIqG3ljBEZ1Pr9+l0uKU+6UK4YsgNZtVkXQQtsvr0TRcBxncV0gG"/>
  15. <!-- Main style -->
  16. <link href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/styles.css" rel="stylesheet"/>
  17. <!-- favicon -->
  18. <link rel="icon" type="image/png" sizes="192x192" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/favicon/favicon-192x192.png"/>
  19. <link rel="icon" type="image/png" sizes="96x96" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/favicon/favicon-96x96.png"/>
  20. <link rel="icon" type="image/png" sizes="32x32" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/favicon/favicon-32x32.png"/>
  21. <link rel="icon" type="image/png" sizes="16x16" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/favicon/favicon-16x16.png"/>
  22. {% endblock head %}
  23. </head>
  24. <body>
  25. <div class="container-fluid">
  26. <div class="row ml-1">
  27. <header class="fixed-top">
  28. <div class="col-md-12">
  29. <div class="row mt-2 mb-2">
  30. <div class="col-lg-2 align-self-center text-center">
  31. <a href="{{ SITEURL }}/" rel="home"><img class="logo" src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/logo.svg" alt="logo"></a>
  32. </div>
  33. <div class="col-lg-5 align-self-center">
  34. <form action="{{ SITEURL }}/buscar.php"><input placeholder="{{ _('Escribe para buscar...') }}" type="search" name="q" required></form>
  35. </div>
  36. <div class="col-lg-5 menu-profile">
  37. <ul>
  38. <li>
  39. <div class="image-profile-menu">
  40. <img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/videocamera.svg" alt="profile">
  41. </div>
  42. </li>
  43. <li class="ml-2">{{ _('VideoTeca')}}</li>
  44. </ul>
  45. </div>
  46. <!-- End login -->
  47. </div>
  48. </div>
  49. </header> <!-- End Header -->
  50. </div> <!-- End Row -->
  51. <div class="row mt-5 mt-8">
  52. <div class="col-md-12">
  53. {% block menu_header %}
  54. {% if DISPLAY_PAGES_ON_MENU %}
  55. <hr>
  56. <nav>
  57. <ul class="tab">
  58. <li class="{% if output_file == 'index.html' %}active{% endif %}"><a href="{{ SITEURL }}/" class="navbar-item is-tab">{{ _('Inicio') }}</a></li>
  59. {% for p in pages %}
  60. <li class="navbar-item is-tab {% if p == page %} active{% endif %}"><a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a></li>
  61. {% endfor %}
  62. <li class="navbar-item is-tab {% if output_file == ARCHIVES_SAVE_AS %} active {% endif %}"><a href="{{ SITEURL }}/{{ ARCHIVES_URL }}">{{ _('Archivos') }}</a></li>
  63. </ul> <!-- End Tabs -->
  64. </nav>
  65. <hr>
  66. {% endif %}
  67. {% endblock menu_header %}
  68. {%- block content -%}
  69. <!-- Main videos -->
  70. <main class="row main-videos">
  71. <div class="col-md-12">
  72. <div class="row">
  73. {% for article in articles_page.object_list %}
  74. <article class="col-md-3 video" itemscope itemtype="https://schema.org/Movie">
  75. <a href="{{ SITEURL }}/{{ article.url }}" title="{{ article.title }}">
  76. <div class="area">
  77. <div class="mask">
  78. <div class="vertical-align">
  79. <i class="soumaicon play"><svg><use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/svg/master.svg#play"/></svg></i>
  80. <p>{{ _('Ver ahora')}}</p>
  81. </div> <!-- End Vertical Align -->
  82. </div> <!-- End Mask / Hover -->
  83. {% if article.image %}
  84. <img itemprop="image" src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/../wp-content/uploads/article/thumbnail/{{ article.image }}" alt="{{ article.title }}" class="img-fluid">
  85. {% else %}
  86. <img itemprop="image" src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/video.png" alt="video" class="img-fluid">
  87. {% endif %}
  88. {% if article.time %}
  89. <span class="duration">{{ article.time }}</span>
  90. {% else %}
  91. <span class="duration">{{ ('00:00') }}</span>
  92. {% endif %}
  93. </div> <!-- End Area -->
  94. </a>
  95. <h2 itemprop="name"><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="{{ _('Ver %(articulo)s', articulo=article.title|striptags) }}">{{ article.title }}</a></h2>
  96. <!-- post footer -->
  97. {% include "article_info.html" %}
  98. <!-- end of post footer -->
  99. </article> <!-- End Col-md-6 -->
  100. {% endfor %}
  101. </div>
  102. </div>
  103. </main>
  104. <!-- End Main Videos -->
  105. <!-- Pagination -->
  106. {% include "pagination.html" %}
  107. <!--/End Pagination -->
  108. {%- endblock -%}
  109. </div>
  110. </div> <!-- End Row -->
  111. <hr>
  112. <footer>
  113. <ul>
  114. <!-- About -->
  115. {% if DEFAULT_LANG == 'eo' %}
  116. <li><a href="{{ SITEURL }}/pages/acerca-de.html">{{ 'Pri' }}</a></li>
  117. {% elif DEFAULT_LANG == 'en' %}
  118. <li><a href="{{ SITEURL }}/pages/acerca-de.html">{{ 'About' }}</a></li>
  119. {% else %}
  120. <li><a href="{{ SITEURL }}/pages/acerca-de.html">{{ 'Acerca de' }}</a></li>
  121. {% endif %}
  122. <!-- /About -->
  123. <!-- Developers -->
  124. {% if DEFAULT_LANG == 'eo' %}
  125. <li><a href="{{ SITEURL }}/pages/créditos/">{{ 'Kreditoj' }}</a></li>
  126. {% elif DEFAULT_LANG == 'en' %}
  127. <li><a href="{{ SITEURL }}/pages/créditos/">{{ 'Credits' }}</a></li>
  128. {% else %}
  129. <li><a href="{{ SITEURL }}/pages/créditos/">{{ 'Créditos' }}</a></li>
  130. {% endif %}
  131. <!-- /Developers -->
  132. </ul>
  133. <ul>
  134. <!-- Política de Uso -->
  135. {% if DEFAULT_LANG == 'eo' %}
  136. <li><a href="{{ SITEURL}}/pages/regularo-pri-uzado.html">{{ _('Política de uso') }}</a></li>
  137. {% else %}
  138. <li><a href="{{ SITEURL}}/pages/política-de-uso.html">{{ _('Política de uso') }}</a></li>
  139. {% endif %}
  140. <!-- /Política de Uso -->
  141. <!-- LibreJS -->
  142. <li><a href="{{ SITEURL }}/pages/librejs.html" data-jslicense="1">{{ _('Licencias de JavaScript') }}</a></li>
  143. <!-- /LibreJS -->
  144. <!-- source code -->
  145. <li><a href="{{ SOURCE_URL }}" rel="noopener noreferrer" target="_blank">{{ _('Código fuente') }}</a></li>
  146. <!-- /source code -->
  147. </ul>
  148. <h6>Copyleft &copy; 2019 - 2022 {{ SITENAME }} Lbtd.</h6>
  149. {% if CURRENT_VERSION and CURRENT_BRANCH %}
  150. <h6>{{ _('Versión actual:') }} {{ CURRENT_VERSION }} @ {{ CURRENT_BRANCH }}</h6>
  151. {% endif %}
  152. </footer> <!-- End Footer -->
  153. </div>
  154. {% block extend_js %}
  155. {% endblock %}
  156. {% if article %}
  157. {% if article.js %}
  158. {% for script in article.js %}
  159. {{ script }}
  160. {% endfor %}
  161. {% endif %}
  162. {% endif %}
  163. {% if page %}
  164. {% if page.js %}
  165. {% for script in page.js %}
  166. {{ script }}
  167. {% endfor %}
  168. {% endif %}
  169. {% endif %}
  170. </body>
  171. </html>