reprogl

1
{{define "big-header"}}
2
<div class="big-header-container scene-element fade-in-down">
3
    <header class="main-header">
4
        <div class="main-header-bars">
5
            <span class="glyphicon glyphicon-menu-hamburger js-open-main-menu"></span>
6
        </div>
7
        <div class="row main-header-content">
8
            <div class="small-12 columns">
9
                    <div class="logo-bg">
10
                        <a class="blog-logo" href="/">
11
                            <svg xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Blog Logo"
12
                                 viewBox="5 95 270 270" preserveAspectRatio="none" width="90" height="90">
13
                                <use width="275" height="365" xlink:href="#site-logo"></use>
14
                            </svg>
15
                        </a>
16
                    </div>
17
                <h1 class="page-title"><span>{{.Meta.Host}}</span></h1>
18
                <h2 class="page-description"><span>{{.Meta.HeaderText}}</span></h2>
19
            </div>
20
        </div>
21
    </header>
22
    {{if .IsIndexPage}}
23
        <div class="index-filters">
24
            <div class="row">
25
                <div class="small-9 medium-4 large-3 columns">
26
                    <div class="js-filter-tags">
27
                        {{render_esi "fragment-categories"}}
28
                    </div>
29
                </div>
30
                <div class="medium-8 large-9 columns show-for-medium-up clearfix">
31
                    <div class="right">
32
                        <ul class="inline-list">
33
                            {{render_esi "menu-auth"}}
34
                            <li>
35
                                <a href="{{path "statistics"}}">
36
                                    <span class="glyphicon glyph-fw glyphicon-stats"></span>
37
                                    <span>Статистика</span>
38
                                </a>
39
                            </li>
40
                            <li>
41
                                <a href="{{path "info-page"}}">
42
                                    <span class="glyphicon glyph-fw glyphicon-info-sign"></span>
43
                                    <span>Обо мне</span>
44
                                </a>
45
                            </li>
46
                        </ul>
47
                    </div>
48
                </div>
49
            </div>
50
        </div>
51
        {{with .HeaderInfo}}
52
            <div class="tag-view-info">
53
                <div class="row">
54
                    <div class="small-12 columns">
55
                        <a href="/" class="back-to-index" aria-label="Back to Index">
56
                            <span class="glyphicon glyph-fw glyphicon-circle-arrow-left"></span>
57
                        </a>
58
                        <span class="tag-view-label">
59
                             <span class="tag-view-label-text">{{.HeaderLineDescription}}: </span>
60
                             <span class="tag-name">{{.HeaderLineText}}</span>
61
                        </span>
62
                    </div>
63
                </div>
64
            </div>
65
        {{end}}
66
    {{end}}
67
    {{if .IsAuthorPage}}
68
        <div class="author-view-info">
69
            <div class="row">
70
                <div class="small-12 columns">
71
                    <div class="author-avatar">
72
                        <a href="{{path "feed-rss"}}" class="right author-rss">
73
                            <i class="icon">
74
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1792" role="img"
75
                                     width="20" height="20">
76
                                    <use xlink:href="#icon-rss"></use>
77
                                </svg>
78
                            </i>
79
                        </a>
80
                        <picture>
81
                            <source srcset="{{ cdn }}/images/space_200.avif" type="image/avif"/>
82
                            <source srcset="{{ cdn }}/images/space_200.webp" type="image/webp"/>
83
                            <img src="{{ cdn }}/images/space_200.png"
84
                                 class="author-avatar-img"
85
                                 width="200"
86
                                 height="200"
87
                                 alt="morontt">
88
                        </picture>
89
                    </div>
90
                    <div class="author-name">
91
                        {{author_data "name"}}
92
                        <span class="author-name-social-icons">
93
                            <a href="{{author_data "github"}}">
94
                                <i class="icon">
95
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img"
96
                                         width="24" height="24">
97
                                        <use xlink:href="#icon-github"></use>
98
                                    </svg>
99
                                </i>
100
                            </a>
101
                        </span>
102
                    </div>
103
                    <div class="author-bio">
104
                        {{author_bio}}
105
                    </div>
106
                </div>
107
            </div>
108
        </div>
109
    {{end}}
110
</div>
111
{{end}}
112