ChampReader/layout.html at master · perrinaz/ChampReader · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#{% block html_prefix %}{% endblock %}" lang="{{ LANGUAGE_CODE }}" class="no-js">
<head>{% load static flatpages i18n cache %}{% load render_bundle from webpack_loader %}{% get_flatpages as flatpages %}
    <title>{% block title %}{% endblock %}</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <!-- OpenGraph -->
    <meta property="og:site_name" content="{{ SITE_TITLE }}" />
    <meta property="og:locale" content="{{ OG_LOCALE }}">
    {% block extra_head %}{% endblock %}{% cache None head %}
    <link rel="sitemap" type="application/xml" title="Sitemap" href="{% url 'django.contrib.sitemaps.views.sitemap' %}" />
    <link rel="alternate" type="application/rss+xml" title="{% trans 'RSS Chapter Feed' %}" href="{% url 'feed_rss' %}" />
    <link rel="alternate" type="application/atom+xml" title="{% trans 'Atom Chapter Feed' %}" href="{% url 'feed_atom' %}" />
    <link rel="alternate" type="application/rss+xml" title="{% trans 'RSS Blog Feed' %}" href="{% url 'blog_feed_rss' %}" />
    <link rel="alternate" type="application/atom+xml" title="{% trans 'Atom Blog Feed' %}" href="{% url 'blog_feed_atom' %}" />
    <meta name="generator" content="{{ GENERATOR }}" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="theme-color" content="#212121">
    <meta name="format-detection" content="telephone=no, email=no"/>
    <meta name="apple-mobile-web-app-title" content="{{ SITE_TITLE }}">
    <meta name="google" content="notranslate">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" crossorigin="anonymous">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" crossorigin="anonymous">
    <!-- Modernizr has to be synchronously loaded before body/css to prevent FOUC! -->
    <script type="text/javascript" src="{% static 'js/vendor/modernizr-custom.js' %}"></script>
    <script type="text/javascript" src="{% url 'jsi18n' %}" async></script>
    {% if not DEBUG %}{% load raven %}
    <script src="https://cdn.ravenjs.com/3.24.1/raven.min.js" integrity="sha256-RcIeVDrPyqnlpQMijRlDyHaxHYCgchqk4VnDr/627eA=" crossorigin="anonymous"></script>
    <script>Raven.config('{% sentry_public_dsn %}').install()</script>
    <script>
        !function(s,u,g,o,i){s.GoogleAnalyticsObject=g;s[g]||(s[g]=function(){
        (s[g].q=s[g].q||[]).push(arguments)});s[g].l=+new Date;o=u.createElement('script');
        i=u.scripts[0];o.src='//www.google-analytics.com/analytics.js';
        i.parentNode.insertBefore(o,i)}(window,document,'ga');
        ga('create', '{{ GA_ID }}', 'auto');
        ga('send', 'pageview');
    </script>
    <link rel="preconnect" href="//i0.wp.com">
    <link rel="preconnect" href="//i1.wp.com">
    <link rel="preconnect" href="//i2.wp.com">
    {% endif %}{% endcache %}{% block final_head %}
    {% render_bundle 'comicake' 'css' %}
    {% render_bundle 'comicake' 'js' %}{% endblock%}
</head>
<body class="mdc-typography"{% block extrabody %}{% endblock %}>
    {% block header %}<header id="header" class="noselect mdc-toolbar mdc--theme-primary mdc-toolbar--fixed mdc-toolbar--waterfall">
        <div class="mdc-toolbar__row">
            <section class="mdc-toolbar__section mdc-toolbar__section--align-start">
                <a href="#" class="material-icons mdc-toolbar__menu-icon dhide menu-toggle ripple" onclick="event.preventDefault();">menu</a>
                <a href="/" class="material-icons logo mdc-toolbar__menu-icon"><img src="{% static 'img/logo_footer_night.png' %}" alt="{% trans 'Logo' %}"/></a>
                <a href="/" class="mdc-toolbar__title mhide">{{ SITE_TITLE }}</a>
                <div class="mhide">
                    <nav class="mdc-tab-bar toolbar-tab-bar">
                        <a class="mdc-tab{% if request.path == '/' %} ripple mdc-tab--active{% endif %}" href="/">Home<span class="mdc-tab__indicator"></span></a>
                        {% for page in flatpages %}<a class="mdc-tab{% if page.url == request.path %} ripple mdc-tab--active{% endif %}" href="{{ page.url }}">{{ page.title }}<span class="mdc-tab__indicator"></span></a>{% endfor %}
                        <span class="mdc-tab-bar__indicator"></span>
                    </nav>
                </div>
            </section>
            <section class="mdc-toolbar__section mdc-toolbar__section--align-end" data-controller="search">
                <div>
                    <nav class="mdc-tab-bar toolbar-tab-bar mdc-tab-bar--icons-with-text">
                        <a class="mdc-tab{% if '/r/latest/' == request.path %} mdc-tab--active{% endif %} ripple" href="/r/latest/">
                            <i class="material-icons mdc-tab__icon" aria-hidden="true">access_time</i>
                            <span class="mdc-tab__icon-text">{% trans 'Latest' %}</span>
                            <span class="mdc-tab__indicator"></span>
                        </a>
                        <a class="mdc-tab{% if '/r/directory/' == request.path %} mdc-tab--active{% endif %} ripple" href="/r/directory/">
                            <i class="material-icons mdc-tab__icon" aria-hidden="true">view_list</i>
                            <span class="mdc-tab__icon-text">{% trans 'Directory' %}</span>
                            <span class="mdc-tab__indicator"></span>
                        </a>
                        <span class="mdc-tab-bar__indicator"></span>
                    </nav>
                </div>
                <a href="/r/search/" class="material-icons mdc-toolbar__icon" onclick="event.preventDefault();" aria-label="{% trans 'Search' %}" title="{% trans 'Search' %}" data-action="click->search#toggle" data-target="search.toggler">search</a>
                <div data-target="search.popup" class="hide cake-search">
                    <form action="/r/search/" class="mdc-text-field mdc-text-field--box mdc-text-field--with-trailing-icon" data-target="search.wrapper">
                        <input type="text" name="q" id="ss" class="mdc-text-field__input" autocomplete="off" data-target="search.field" data-action="input->search#suggest">
                        <label for="ss" class="mdc-floating-label">{% trans 'Search comics' %}</label>
                        <button type="submit"><i class="material-icons mdc-text-field__icon">send</i></button>
                    </form>
                    <div class="mdc--theme-primary" data-target="search.results"></div>
                </div>
            </section>
        </div>
    </header>
    <aside class="mdc-drawer mdc-drawer--temporary">
        <nav class="mdc-drawer__drawer">
            <header class="mdc-drawer__header">
                <div class="mdc-drawer__header-content mdc-theme--primary-bg">
                    {{ SITE_TITLE }}
                </div>
            </header>
            <nav class="mdc-drawer__content mdc-list-group">
            <div class="mdc-list">
                <a class="mdc-list-item{% if page.url == request.path %} mdc-list-item--selected{% endif %} ripple" href="/">Home</a>
                {% for page in flatpages %}
                <a class="mdc-list-item{% if page.url == request.path %} mdc-list-item--selected{% endif %} ripple" href="{{ page.url }}">{{ page.title }}</a>
                {% endfor %}
            </div>
            </nav>
        </nav>
    </aside>{% endblock %}{% block body %}{% endblock %}
    {% block footer %}<footer class="noselect">
            <div class="text">{% trans 'All comics featured on this website are property of their publishers. If you liked any of the comics you obtained here, consider buying the original versions, or the local translation, when available. Thanks for your support.' %}</div>
    </footer>{% endblock %}
</body>
</html>