diff options
-rw-r--r-- | libretube-theme/static/js/menu.js | 48 | ||||
-rw-r--r-- | libretube-theme/templates/base.html | 48 |
2 files changed, 15 insertions, 81 deletions
diff --git a/libretube-theme/static/js/menu.js b/libretube-theme/static/js/menu.js deleted file mode 100644 index ee264b2..0000000 --- a/libretube-theme/static/js/menu.js +++ /dev/null @@ -1,48 +0,0 @@ -// @licstart The following is the entire license notice for the -// JavaScript code in this page. -// -// Copyright (C) 2019 Jesús E. -// -// Menu is free software: you can redistribute it and/or modify -// it under the terms of the GNU Affero General Public License as -// published by the Free Software Foundation, either version 3 of the -// License, or (at your option) any later version. -// -// Menu is distributed in the hope that it will be useful, -// but WITHOUT ANY WARRANTY; without even the implied warranty of -// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the -// GNU Affero General Public License for more details. -// -// You should have received a copy of the GNU Affero General Public License -// along with Menu. If not, see <http://www.gnu.org/licenses/>. -// -// @licend The above is the entire license notice for the -// JavaScript code in this page. - -document.addEventListener('DOMContentLoaded', () => { - - function toggleMenu() { - document.getElementById('menu-toggle').addEventListener('click', function(e) { - let sidebar = document.getElementById("sidebar-wrapper"); - if (sidebar.classList) { - sidebar.classList.toggle("active"); - } - }); - } - - function closeMenu() { - document.getElementById('menu-close').addEventListener('click', function(e) { - let close = document.getElementById("sidebar-wrapper"); - if (close.classList) { - close.classList.remove("active"); - } - }); - } - - // Open Menu - toggleMenu(); - - // Close Menu - closeMenu(); - -}); diff --git a/libretube-theme/templates/base.html b/libretube-theme/templates/base.html index 4f01554..91e0945 100644 --- a/libretube-theme/templates/base.html +++ b/libretube-theme/templates/base.html @@ -8,12 +8,12 @@ <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 }}"> + {% 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 --> @@ -38,31 +38,11 @@ <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"> @@ -94,13 +74,15 @@ {% 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 --> + <nav> + <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 --> + </nav> <hr> {% endif %} |