reprogl

1
{{define "sidebar"}}
2
<aside class="post-view-sidebar scene-element fade-in-left">
3
    <div class="post-view-elems">
4
        <div class="post-view-elems-header">
5
            <a class="blog-logo" href="/">
6
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img" aria-label="Blog Logo"
7
                     width="150" height="150">
8
                    <use xlink:href="#site-logo"></use>
9
                </svg>
10
            </a>
11
            <div class="post-view-menu-bars-mobile js-open-main-menu">
12
                <span class="glyphicon glyphicon-menu-hamburger"></span>
13
            </div>
14
        </div>
15
        <div class="post-view-elems-body">
16
            {{if .IsArticle -}}
17
            <div class="post-reading-time js-post-reading-time">
18
                <progress value="0" class="read-progress-indicator single">
19
                    <div class="progress-container">
20
                        <span class="progress-bar"></span>
21
                    </div>
22
                </progress>
23
                <!-- read progress indicator -->
24
                <div class="read-estimation">
25
                    <div class="read-estimation-content">
26
                        <div class="title">{{substr .Title 22}}</div>
27
                        <div class="estimated-time">
28
                            <span class="js-word-count"></span> слов - читать <span class="eta"></span>.
29
                        </div>
30
                    </div>
31
                </div>
32
            </div>
33
            {{- end}}
34
            <div class="post-view-elems-share">
35
                {{template "social-icons"}}
36
            </div>
37
            {{render_esi "fragment-recent-posts" "article_id" .RecentPostsID}}
38
        </div>
39
        <div class="flagcounter">
40
            <a href="//s05.flagcounter.com/more/D9g3">
41
                {{flag_cnt}}
42
            </a>
43
        </div>
44
    </div>
45
</aside>
46
{{end}}
47