mkdocs/mkdocs_dracula_theme/base.html at 4ad67fd64fb87103b80842bbf2b408e4ebf9ff67 · dracula/mkdocs · 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
111
<!doctype html>
<html lang="en" data-bs-theme="dark">

<head>
    {%- block htmltitle %}
        <title>{% if page and page.title and not page.is_homepage %}{{ page.title }} - {% endif %}{{ config.site_name }}</title>
    {%- endblock %}

    {%- block site_meta %}
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        {% if page and page.is_homepage %}<meta name="description" content="{{ config['site_description'] }}">{% endif %}
        {% if page and page.canonical_url %}<link rel="canonical" href="{{ page.canonical_url }}">{% endif %}
        {% if config.site_author %}<meta name="author" content="{{ config.site_author }}">{% endif %}
    {%- endblock %}

    {%- block styles %}

        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

        {%- if config.theme.highlight_css %}
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/{{config.theme.highlight_css|default('atom-one-dark.min.css')}}">
        {% else %}
            <link rel="stylesheet" href="{{ 'assets/css/darcula-highlight.min.css'|url }}">
        {%- endif %}

        <link rel="stylesheet" href="{{ 'assets/css/bootstrap.min.css'|url }}">
        <link rel="stylesheet" href="{{ 'assets/css/dracula-ui.min.css'|url }}">
        <link rel="stylesheet" href="{{ 'assets/css/mkdocs.min.css'|url }}">

        {%- for path in extra_css %}
            <link href="{{ path }}" rel="stylesheet">
        {%- endfor %}

        {% if config.theme.favicon %}
            <link  rel="icon" type="image/x-icon" href="{{ config.theme.favicon|url }}">
        {% else %}
            <link  rel="icon" type="image/x-icon" href="{{ 'assets/img/favicon.ico'|url }}">
        {% endif %}

    {%- endblock %}

    {%- block libs %}

        {%- if config.theme.highlightjs %}
            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/{{config.theme.highlight_js|default('highlight.min.js')}}"></script>

            {%- for lang in config.theme.hljs_languages %}
                <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/languages/{{lang}}.min.js"></script>
            {%- endfor %}
                <script>hljs.initHighlightingOnLoad();</script>
        {%- endif %}

    {%- endblock %}

</head>

<body class="drac-bg-black-secondary drac-text-grey-ternary drac-text drac-scrollbar-purple">

    <main class="d-flex">

        <!-- block sidebar -->
        {%- block sidebar %}
            {% include "/modules/sidebar.html" %}
        {%- endblock %}
        <!-- endblock -->

        <nav class="divider drac-bg-purple-cyan"></nav>

        <div class="content">
            <!-- block header -->
            {%- block header %}
                {% include "/modules/header.html" %}
            {%- endblock %}
            <!-- endblock -->

            <!-- block content -->
            {%- block content %}
                {% include "/modules/content.html" %}
            {%- endblock %}
            <!-- endblock -->

            <!-- block footer -->
            {%- block footer %}
                {% if config.theme.show_footer %}
                    {% include "/modules/footer.html" %}
                {% endif %}
            {%- endblock %}
            <!-- endblock -->
        </div>

    </main>

    {%- block scripts %}

        <script>var base_url = '{{ base_url }}';</script>
        <script src="{{ 'assets/js/jquery-3.3.1.slim.min.js'|url }}"></script>
        <script src="{{ 'assets/js/bootstrap.bundle.min.js'|url }}"></script>
        <script src="{{ 'assets/js/mkdocs.js'|url }}"></script>

        {%- for path in extra_javascript %}
			<script src="{{ path }}" defer></script>
        {%- endfor %}

    {%- endblock %}

</body>

</html>