layouts/blog/post.html

<article class="blog doc">

    <header aria-labelledby="title">
        {{ if .Params.categories }}
        {{ range .Params.categories }}<a class="category"
            href="{{ "/categories/" | relURL }}{{ . | urlize }}/">{{ upper . }}</a>{{ end }}
        {{ end }}
        <h1 id="title">{{ .Title }}</h1>
    </header>
    <div class="post">
        <aside aria-label="Post details">
            <div class="summary">{{ .Params.preview }}</div>
            Posted on <time itemprop="published" datetime="{{ dateFormat "2006-01-02" .PublishDate }}"
                title="{{ dateFormat "Monday, January 2, 2006" .PublishDate }}">{{ dateFormat "January 2, 2006" .PublishDate }}</time>,
            by {{ range $author := .Params.authors }}
            {{ $headers := dict }}
            {{ with os.Getenv "GITHUB_TOKEN" }}
              {{ $headers = dict "Authorization" (printf "Bearer %s" .) }}
            {{ else }}
              {{ $headers = dict "Authorization" (printf "Basic %s" (printf "%s:%s" $.Site.Params.GitHubUsername $.Site.Params.GitHubToken | base64Encode)) }}
            {{ end }}
            {{ with getJSON "https://api.github.com/users/" $author $headers }}
            <figure>
                <img src="{{ .avatar_url }}" alt="{{ .name }}">
                <figcaption rel="author">{{ .name }}</figcaption>
            </figure>
            {{ end }}
            {{ end }}

            <h4>Share this blog</h4>

            <!-- Sharingbutton Facebook -->
            <a class="resp-sharing-button__link" href="https://facebook.com/sharer/sharer.php?u={{ .Permalink }}" target="_blank" rel="noopener" aria-label="Share on Facebook">
                <div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" focusable="false"><path d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z"/></svg>
                </div>
                </div>
            </a>

            <!-- Sharingbutton Twitter -->
            <a class="resp-sharing-button__link" href="https://twitter.com/intent/tweet/?text={{ .Title }}&url={{ .Permalink }}&hashtags=ApacheCamel" target="_blank" rel="noopener" aria-label="Share on Twitter">
                <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" focusable="false"><path d="M23.44 4.83c-.8.37-1.5.38-2.22.02.93-.56.98-.96 1.32-2.02-.88.52-1.86.9-2.9 1.1-.82-.88-2-1.43-3.3-1.43-2.5 0-4.55 2.04-4.55 4.54 0 .36.03.7.1 1.04-3.77-.2-7.12-2-9.36-4.75-.4.67-.6 1.45-.6 2.3 0 1.56.8 2.95 2 3.77-.74-.03-1.44-.23-2.05-.57v.06c0 2.2 1.56 4.03 3.64 4.44-.67.2-1.37.2-2.06.08.58 1.8 2.26 3.12 4.25 3.16C5.78 18.1 3.37 18.74 1 18.46c2 1.3 4.4 2.04 6.97 2.04 8.35 0 12.92-6.92 12.92-12.93 0-.2 0-.4-.02-.6.9-.63 1.96-1.22 2.56-2.14z"/></svg>
                </div>
                </div>
            </a>

            <!-- Sharingbutton LinkedIn -->
            <a class="resp-sharing-button__link" href="https://www.linkedin.com/shareArticle?mini=true&url={{ .Permalink }}&title={{ .Title }}&summary={{ .Params.preview }}&source=https%3A%2F%2Fcamel.apache.org" target="_blank" rel="noopener" aria-label="Share on LinkedIn" title="Share on LinkedIn">
                <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" focusable="false"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"/></svg>
                </div>
                </div>
            </a>

            <p>
                {{ if .PrevInSection }}
                <a class="arrow prev" href="{{ .PrevInSection.RelPermalink }}"
                    title="Previous post: {{ .PrevInSection.Title }}">&#10094;</a>
                {{ end }}
                {{ if .NextInSection }}
                <a class="arrow next" href="{{ .NextInSection.RelPermalink }}"
                    title="Next post: {{ .NextInSection.Title }}">&#10095;</a>
                {{ end }}
            </p>
        </aside>
        <div class="post-content">
            {{ $featured := (.Resources.ByType "image").GetMatch "*featured*" }}
            {{ with $featured }}
                {{ if ne $featured.MediaType.SubType "svg" }}
                    {{ $featured := .Resize "800x q95 Gaussian" }}
                    <img class="featured" alt="Blog post featured image" src="{{ $featured.RelPermalink }}"
                        width="{{ $featured.Width }}" height="{{ $featured.Height }}">
                {{ else }}
                    <img class="featured" alt="Blog post featured image" src="{{ $featured.RelPermalink }}" width="800">
                {{ end }}
            {{ end }}
            {{ .Content }}
            <div class="related">
            {{ with .Site.RegularPages.Related . | first 5 }}
                <h3 id="related"><a class="anchor" href="#related"></a>Related posts</h3>
                {{ range . }}
                    {{  .Render "summary" }}
                {{ end }}
            {{ end }}
            </div>
        </div>
    </div>

</article>