aboutsummaryrefslogtreecommitdiffstats
path: root/cl-theme/templates/page.html
blob: 45c8f5583b8b4fb2dfdb5333c657f590263be619 (plain)
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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
{% extends "base.html" %}

{% block html_lang %}{{ page.lang }}{% endblock%}

{% block head %}
    {% block title %}
        <title>{{ page.title }} - {{SITENAME}}</title>
    {% endblock %}
    {% import 'translations.html' as translations with context %}
    {% if translations.entry_hreflang(page) %}
        {{ translations.entry_hreflang(page) }}
    {% endif %}
    {{ super() }}
    {% if page.styles %}
        {% for style in page.styles %}
            {{ style|format(SITEURL) }}
        {% endfor %}
    {% endif %}
    {% if page.js %}
        {% for script in page.js %}
            {% if 'top' in script[-7:] %}
                {{ script[:-5]|format(SITEURL) }}
            {% endif %}
        {% endfor %}
    {% endif %}
    {% block seo %}
        <!-- Meta Page -->
        <meta name="description" content="{{ page.title }} - {{ SITENAME }}"/>
        <meta name="author" content="{{ page.author }}"/>

        <!-- OpenGraph -->
        <meta property="og:type" content="article"/>
        <meta property="og:title" content="{{ page.title }}"/>
        <meta property="og:description" content="{{ page.title }} - {{ SITENAME }}"/>
        <meta property="og:site_name" content="{{ SITENAME }}"/>
        <meta property="og:url" content="{{ SITEURL }}/{{ page.url }}"/>

        <!-- Twitter -->
        <meta name="twitter:card" content="summary"/>
        <meta name="twitter:title" content="{{ page.title }}"/>
        <meta name="twitter:description" content="{{ page.title }} - {{ SITENAME }}"/>
        <meta name="twitter:url" content="{{ SITEURL }}/{{ page.url }}"/>
    {% endblock %}
{% endblock %}

{% block content %}
    <div class="container">
        <!-- start of pages -->
        <div class="columns is-multiline is-centered">
            <!-- start of page -->
            <div class="column is-7" itemscope itemtype="https://schema.org/CreativeWork">
                <div class="card">
                    <!-- post header -->
                    <div class="card-content-header">
                        <h2 class="title is-4 has-text-centered" itemprop="name">{{ page.title }}</h2>
                    </div>
                    <!-- end of post header -->
                    <!-- post content -->
                    <div class="card-content">
                        <div class="content">
                            <div class="card-inner-wrapper">
                                <!-- post text -->
                                <div class="card-content-text has-text-justified">
                                    {{ page.content }}
                                </div>
                                <!-- end of post text -->

                                <!-- post footer -->
                                <div class="card-content-footer-small">
                                    <div class="navbar is-social-center">
                                        <a class="navbar-item" href="{{ SOCIAL['gnusocial'] }}">
                                            <span class="soumaicon">
                                                <svg>
                                                    <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#gnusocial" />
                                                    <title>GNUSocial</title>
                                                </svg>
                                            </span>
                                        </a>
                                        <a class="navbar-item" href="{{ SOCIAL['diaspora'] }}">
                                            <span class="soumaicon">
                                                <svg>
                                                    <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#diaspora" />
                                                    <title>Diaspora</title>
                                                </svg>
                                            </span>
                                        </a>
                                        <a class="navbar-item" href="{{ SOCIAL['mastodon'] }}">
                                            <span class="soumaicon">
                                                <svg>
                                                    <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#mastodon" />
                                                    <title>Mastodon</title>
                                                </svg>
                                            </span>
                                        </a>
                                    </div>
                                    <!-- post footer nav -->
                                    <footer class="columns">
                                        <div class="column has-text-left">
                                            <a class="button is-small is-button-grey" href="{{ SITEURL }}/">{{ _('Regresar al Inicio') }}</a>
                                        </div>
                                        {% import 'translations.html' as translations with context %}
                                        {% if translations.translations_for(page) %}
                                            <div class="column has-text-right">
                                                <span class="soumaicon">
                                                    <svg>
                                                        <use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#translate" />
                                                    </svg>
                                                </span>
                                                <small>
                                                    {{ translations.translations_for(page) }}
                                                </small>
                                            </div>
                                        {% endif %}
                                    </footer>
                                    <!-- end of post footer nav -->
                                </div>
                                <!-- end of post footer -->
                            </div>
                        </div>
                    </div>
                    <!-- end page content -->
                </div>
            </div>
            <!-- end of page -->
        </div>
        <!-- end of pages -->
    </div>
{% endblock %}