reprogl

1
{{template "base" . -}}
2

3
{{- define "inline_styles" -}}
4
{{infoStyles}}
5
{{- end -}}
6

7
{{- define "html_prefix"}}og: https://ogp.me/ns#{{end -}}
8

9
{{- define "body_class"}}author-template{{end -}}
10

11
{{- define "body"}}
12
<div class="main-content-wrapper">
13
    {{template "sticky-header"}}
14
    {{template "big-header" .}}
15
    <main class="content author-template scene-element fade-in-right" role="main">
16
        <div class="loop">
17
            <div class="post-row">
18
                <article class="js-post-block-grid post-block-grid">
19
                    {{if .HasSuccessFlash}}
20
                        <div class="row success-flash">
21
                            <div class="success-flash-content">
22
                                {{.FlashSuccess}}
23
                            </div>
24
                        </div>
25
                    {{end}}
26
                    <div class="post post-block-grid-item list">
27
                        <div class="post-block-wrapper">
28
                            <figure class="effect-hera">
29
                                <picture>
30
                                    <source srcset="{{ cdn }}/images/face/face_752w.avif 752w,
31
                                                    {{ cdn }}/images/face/face_464w.avif 464w,
32
                                                    {{ cdn }}/images/face/face_320w.avif 320w"
33
                                            sizes="(min-width: 48em) calc(40vw - 1.5rem), calc(100vw - 1.875rem)"
34
                                            type="image/avif"/>
35
                                    <source srcset="{{ cdn }}/images/face/face_752w.webp 752w,
36
                                                    {{ cdn }}/images/face/face_464w.webp 464w,
37
                                                    {{ cdn }}/images/face/face_320w.webp 320w"
38
                                            sizes="(min-width: 48em) calc(40vw - 1.5rem), calc(100vw - 1.875rem)"
39
                                            type="image/webp"/>
40
                                    <img src="{{ cdn }}/images/face/face_752w.jpg"
41
                                         width="752" height="752"
42
                                         srcset="{{ cdn }}/images/face/face_752w.jpg 752w,
43
                                                 {{ cdn }}/images/face/face_464w.jpg 464w,
44
                                                 {{ cdn }}/images/face/face_320w.jpg 320w"
45
                                         sizes="(min-width: 48em) calc(40vw - 1.5rem), calc(100vw - 1.875rem)"
46
                                         alt=""
47
                                         class="index-post-image"/>
48
                                </picture>
49
                            </figure>
50
                            <div class="post-block-grid-content with-image">
51
                                <section class="post-preview">
52
                                    {{render_esi "fragment-markdown" "filename" "about.md"}}
53
                                    <p><span class="glyphicon glyphicon-map-marker"></span> {{author_adr}}</p>
54
                                </section>
55
                            </div>
56
                        </div>
57
                    </div>
58
                    <div class="post post-block-grid-item list">
59
                        <div class="post-block-wrapper">
60
                            <div class="post-block-grid-content no-image">
61
                                <header class="post-header">
62
                                    <h3 class="post-title">
63
                                        История программистской трудовой деятельности
64
                                    </h3>
65
                                    <div class="post-title-separator"></div>
66
                                </header>
67
                                <section class="post-preview">
68
                                    <div class="row">
69
                                        {{range .Jobs}}
70
                                            <div class="small-12 medium-6 columns job-item clearfix">
71
                                                <div class="job-emoji">{{.Emoji}}</div>
72
                                                <div>
73
                                                    <strong>{{.Company}}</strong>
74
                                                    {{if .Link}}(<a href="{{.Link}}">{{.LinkShort}}</a>){{end}}<br/>
75
                                                    {{.Title}}
76
                                                </div>
77
                                                <div class="job-dates">
78
                                                    {{.Start}} &#8211; {{.End}} &#183; {{.Duration}}
79
                                                </div>
80
                                            </div>
81
                                        {{end}}
82
                                    </div>
83
                                    {{render_esi "fragment-markdown" "filename" "job-history.md"}}
84
                                </section>
85
                            </div>
86
                        </div>
87
                    </div>
88
                </article>
89
            </div>
90
            <div class="row"></div>
91
        </div>
92
    </main>
93
    {{template "footer"}}
94
</div>
95
{{- end -}}
96