Template source: base.html

{% load anonymous_ratings %} {% load bootstrap4 %} {% load i18n %} {% load version %} <!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> {% block opengraph %} <meta name="description" content="{% trans "Mangaki is an anime & manga recommendation website" %} {% trans "Rate your favorite series and discover new ones!" %}"> {% endblock %} {% block twittercard %}{% endblock %} <title>{% block title %}{% block subtitle %}{% endblock subtitle %} ยท Mangaki, anime & manga recommendations{% endblock %}</title> <link rel="icon" href="/static/img/favicon.png"> <link rel="apple-touch-icon" href="/static/img/touch-icon-iphone.png"> <link rel="stylesheet" href="/static/css/bootstrap.min.css"/> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/css-toggle-switch@4/dist/toggle-switch.min.css"> <link rel="stylesheet" href="/static/css/typeahead.css"/> <link rel="stylesheet" href="/static/css/skin.css"/> <link rel="stylesheet" href="/static/css/glyphicons.css"/> <!-- Social Share Kit CSS --> <link rel="stylesheet" href="/static/css/social-share-kit.css"/> <link href="https://fonts.googleapis.com/css?family=Economica%7COpen+Sans" rel="stylesheet"> </head> <body class="d-flex flex-column h-100"> <header> <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <a class="navbar-brand" href="{% url 'home' %}"> <img alt="Mangaki" src="/static/img/mangakiwhite.png" width="100" /> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#menu-collapse" aria-controls="menu-collapse" aria-expanded="false" aria-label="{% trans "Toggle navigation" %}"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="menu-collapse"> <ul class="nav navbar-nav mr-auto"> <li class="nav-item dropdown"> {% get_current_language as LANGUAGE_CODE %} <a href="#" class="nav-link dropdown-toggle" id="language-submenu" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-globe"></span>&nbsp;{{ LANGUAGE_CODE }}</a> <script> function sendlang(lang) { $.post('/i18n/setlang/', {language: lang}, data => { if (window.location.pathname.substring(0, 6) == '/about') { window.location.href = '/about'; } else { window.location.reload(); } }); } </script> {% get_available_languages as LANGUAGES %} <div class="dropdown-menu" aria-labelledby="language-submenu"> {% for lang_code, lang_name in LANGUAGES %} <a class="dropdown-item" href="javascript:sendlang('{{ lang_code }}')">{{ lang_name }}</a> {% endfor %} </div> </li> <li class="nav-item"> <a class="nav-link" href="{% url 'work-list' 'anime' %}"> {% trans "Anime" %} </a> </li> <li class="nav-item"> <a class="nav-link" href="{% url 'work-list' 'manga' %}"> {% trans "Mangas" %} </a> </li> <li class="nav-item"> <a class="nav-link" href="{% url 'reco' %}"> {% trans "Recommendations" %} </a> </li> <li class="nav-item"> <a class="nav-link" href="/map" target="_blank"> {% trans "Map" %} </a> </li> <li class="nav-item"> <a class="nav-link" href="{% url 'artist-list' %}"> {% trans "Artists" %} </a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" id="top20-submenu" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> {% trans "Top 20" %} </a> <div class="dropdown-menu" aria-labelledby="top20-submenu"> <a class="dropdown-item" href="{% url 'top' 'directors' %}">{% trans "Directors" %}</a> <a class="dropdown-item" href="{% url 'top' 'composers' %}">{% trans "Composers" %}</a> <a class="dropdown-item" href="{% url 'top' 'authors' %}">{% trans "Authors" %}</a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" id="contribute-submenu" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> {% trans "Contribute" %} </a> <div class="dropdown-menu" aria-labelledby="contribute-submenu"> <a class="dropdown-item" href="{% url 'fix-index' %}">{% trans "Suggestions" %}</a> <a class="dropdown-item" href="https://github.com/mangaki/mangaki/issues" target="_blank"><span class="glyphicon glyphicon-fire"></span>&nbsp;{% trans "Report a bug" %}</a> <a class="dropdown-item" href="https://paypal.me/mangaki" target="_blank"><span class="glyphicon glyphicon-heart"></span>&nbsp;{% trans "Donate" %}</a> </div> </li> </ul> <ul class="nav navbar-nav"> {% if not user.is_authenticated %} <li class="nav-item"> <a class="nav-link" href="{% url 'account_login' %}?next={{ request.get_full_path|urlencode }}"><span class="glyphicon glyphicon-log-in"></span>&nbsp;{% trans "Log in" %}</a> </li> <li class="nav-item"> <a class="nav-link" href="{% url 'account_signup' %}?next={{ request.get_full_path|urlencode }}"><span class="glyphicon glyphicon-user"></span>&nbsp;{% trans "Signup" %}</a> </li> {% else %} <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="{% url 'profile' user.username %}" id="profile-submenu" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> {% trans "Welcome" %} <strong>{{ user.username }}!</strong> </a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="profile-submenu"> <a class="dropdown-item" href="{% url 'profile-works' user.username meta.category|default:"anime" meta.status|default:"seen" %}"> {% trans "Rated works" %} </a> <a class="dropdown-item" href="{% url 'profile-friendlist' %}"> {% trans "My friends" %} </a> <a class="dropdown-item" href="{% url 'profile-preferences' user.username %}"> {% trans "My settings" %} </a> <a class="dropdown-item" href="{% url 'account_logout' %}"><span class="glyphicon glyphicon-log-out"></span>&nbsp;{% trans "Log out" %}</a> </div> </li> <li class="nav-item"> </li> {% endif %} </ul> </div> </nav> </header> <div class="container pt-4 pb-4"> {% block anonymous_rating_banner %} {% if request|has_anonymous_ratings %} <div class="row"> <div class="col-12"> <div class="alert alert-warning"> {% url 'my-profile' as profile %} {% url 'account_signup' as signup_url %} {% blocktrans trimmed %} You rated a few works anonymously, you can <a href="{{ profile }}">see them</a>, don't forget to <a href="{{ signup_url }}">subscribe</a> to save them! {% endblocktrans %} </div> </div> </div> {% endif %} {% endblock %} {% block body %}{% endblock %} </div> <footer class="mt-auto"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#footer-collapse" aria-controls="footer-collapse" aria-expanded="false" aria-label="{% trans "Toggle navigation" %}"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="footer-collapse"> <ul class="navbar-nav mr-auto"> <li class="nav-item"> <a class="nav-link" href="{% url 'about' LANGUAGE_CODE %}"><span class="glyphicon glyphicon-info-sign"></span>&nbsp; {% trans "Mangaki project" %}</a> </li> <li class="nav-item"> <a class="nav-link" href="{% url 'faq' %}"><span class="glyphicon glyphicon-question-sign"></span>&nbsp; {% trans "FAQ" %}</a> </li> <li class="nav-item"> <a class="nav-link" href="{% url 'legal' %}"><span class="glyphicon glyphicon-copyright-mark"></span>&nbsp; {% trans "Legal mentions" %}</a> </li> <li class="nav-item"> <a class="nav-link" href="{% url 'cgu' %}"><span class="glyphicon glyphicon-list-alt"></span>&nbsp; {% trans "Guidelines" %}</a> </li> <li class="nav-item"> <a class="nav-link" href="http://research.mangaki.fr"><span class="glyphicon glyphicon-list-alt"></span>&nbsp; {% trans "Blog" %}</a> </li> <li class="nav-item"> <a class="nav-link" href="https://twitter.com/mangakifr" target="_blank">@mangakifr</a> </li> <li class="nav-item"> <a class="nav-link" href="mailto:jj@mangaki.fr"><span class="glyphicon glyphicon-envelope"></span>&nbsp;{% trans "Contact us" %}</a> </li> </ul> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="https://github.com/mangaki/mangaki/commits/{% mangaki_revision %}"> <span class="glyphicon glyphicon-info-sign"></span> {% trans "Version:" %} {% mangaki_version %} </a> </li> </ul> </div> </nav> </footer> <script src="{% url 'js_reverse' %}"></script> <script src="/static/js/jquery-latest.min.js"></script> <script src="/static/js/popper.min.js"></script> <script src="/static/js/bootstrap.min.js"></script> <script src="/static/js/handlebars.js"></script> <script src="/static/js/csrf.js"></script> <script src="/static/js/skin.js"></script> <script src="/static/js/vote.js"></script> <script src="/static/js/typeahead.bundle.js"></script> <script src="/static/js/autocomplete.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/mousetrap/1.6.1/mousetrap.min.js" integrity="sha256-z6XYkzzC5o+5PhoIPMpyq5FOZkWFGiWa0NFIDPJ57zU=" crossorigin="anonymous"></script> <script> $("nav [href='{{ request.path }}']").not("[class=inactive]").parent("li").addClass('active'); </script> {% block extrajs %}{% endblock %} </body> </html>