<commit_before>{{> header}}

<div class="mxt-wrapper--header">
    <div style="display: flex;flex-wrap: wrap; align-items: center; align-content: center; flex-direction: row" class="pt-5">
        {{#speakers}}
            <div style="flex: 1">
                <a href="/user/{{login}}"><img src="{{#photoUrl}}{{photoUrl}}{{/photoUrl}}{{^photoUrl}}https://www.gravatar.com/avatar/{{emailHash}}?s=100&?s=100&d={{baseUri}}%2Fimages%2Fpng%2Fmxt-icon--default-avatar.png{{/photoUrl}}"
                    class="mxt-img-avatar__speaker"></a>
                <div><a href="/user/{{login}}">{{firstname}}&nbsp;{{lastname}}</a>   </div>
            </div>
        {{/speakers}}
    </div>
    {{#admin}}
        <div class="mb-5 mt-2">
            <a href="{{localePrefix}}/admin/talks/edit/{{talk.slug}}" class="btn btn-outline-primary" style="margin-bottom: 0">{{#i18n}}common.actions.update{{/i18n}}</a>
        </div>
    {{/admin}}
</div>

<div class="container mxt-wrapper--page-content">
    <article class="callout">
        <h1 class="text-center mxt-text--talk-h1">
            {{talk.title}}
            {{#connected}}
                <button id="favorite" class="btn btn-link">
                    {{#favorites}}
                        <img src="/images/svg/favorites/mxt-favorite.svg" class="mxt-icon--cat__talks"/>
                    {{/favorites}}
                    {{^favorites}}
                        <img src="/images/svg/favorites/mxt-favorite-non.svg" class="mxt-icon--cat__talks"/>
                    {{/favorites}}
                </button>
            {{/connected}}
        </h1>
        <p>{{#markdown}}{{talk.summary}}{{/markdown}}</p>
        {{#talk.topic}}
            <div class="mxt-text--cat mxt-text--cat-{{talk.topic}}">
                <img src="/images/svg/mxt-icon--{{talk.topic}}.svg" class="mxt-icon--cat mxt-icon--cat__talks"
                     alt="{{#i18n}}home.topics.{{talk.topic}}.title{{/i18n}}"/>
                <span>{{#i18n}}home.topics.{{talk.topic}}.title{{/i18n}}</span>
            </div>
        {{/talk.topic}}
        <div><strong>#{{#i18n}}talk.format.{{talk.format}}{{/i18n}}</strong> {{#i18n}}talk.in{{/i18n}} {{#i18n}}talk.language.{{talk.language}}{{/i18n}}</div>
        <div>{{#talk.date}}{{talk.date}}{{/talk.date}}</div>
        <div>{{#talk.start}}{{talk.start}} - {{talk.end}}{{/talk.start}}</div>
        <p class="mxt-text--cat-room">{{#i18n}}{{talk.room}}{{/i18n}}</p>

        {{#talk.description}}
            <p class="mt-1 mb-1">{{#markdown}}{{talk.description}}{{/markdown}}</p>
        {{/talk.description}}
        {{#talk.video}}
            {{#vimeoPlayer}}
                <div class="mxt-wrapper--intrinsic mb-3">
                    <iframe src="{{vimeoPlayer}}" class="mxt-wrapper--video-player" allowfullscreen></iframe>
                </div>
            {{/vimeoPlayer}}
            {{^vimeoPlayer}}
                &#x25ba;&nbsp;{{#i18n}}talk.video.watch{{/i18n}} <a href="{{talk.video}}" target="_blank">{{#i18n}}talk.video.thevideo{{/i18n}}</a>
            {{/vimeoPlayer}}
        {{/talk.video}}

        {{#speakers}}
            <h2 class="mxt-text--talktitle pt-3">{{firstname}} {{lastname}}</h2>
            {{#company}}<p class="mxt-text-speaker-company">{{company}}</p>{{/company}}
            {{#markdown}}{{description}}{{/markdown}}
            <ul class="mxt-wrapper-list-inline">
                {{#links}}
                    <li><a href="{{url}}">{{name}}</a></li>
                {{/links}}
            </ul>
            <br/>
        {{/speakers}}

        <div class="row">
            {{#talk.photoUrls}}
                <div class="col-4">
                    <a href="{{url}}"><img src="{{url}}" aria-label="{{name}}" class="mxt-img--grayscale pb-2"/></a>
                </div>
            {{/talk.photoUrls}}
        </div>

        {{#hasOthertalks}}
            <p>&nbsp;</p>
            <div class="row">
                {{#talk.speakersFirstNames}}<h2 class="mxt-text--talktitle">{{#i18n}}talk.others| {{talk.speakersFirstNames}}{{/i18n}}</h2>{{/talk.speakersFirstNames}}

                {{#othertalks}}
                    <div class="accordion-item">
                        <h2 class="accordion-header p-2" id="heading{{id}}">
                            <h3 class="mxt-text--talktitle">
                                <b>{{event}}</b> -
                                {{title}}
                                {{#isEn}}<span class="mxt-text--cat mxt-text--cat-en">EN</span>{{/isEn}}
                            </h3>

                            <ul class="mxt-wrapper-list-inline">
                                {{#video}}
                                    <li><strong>&#x25ba; {{#i18n}}talks.title.video{{/i18n}}</strong></li>{{/video}}
                                <li class="mxt-text--cat-format">#{{#i18n}}talk.format.{{format}}{{/i18n}}</li>
                            </ul>
                            <ul class="mxt-wrapper-list-inline mb-0 pb-0">
                                {{#speakers}}
                                    <li>
                                        <span class="mxt-text--cat mxt-text--cat-speaker" style="background-color: #e6e6e6; padding: 0.3em;color: #2c233d">{{firstname}}&nbsp;{{lastname}}</span>
                                    </li>
                                {{/speakers}}
                            </ul>
                            <div class="row">
                                <div class="col-12 col-md-9">
                                    {{#markdown}}{{summary}}{{/markdown}}
                                </div>
                                <div class="col-12 col-md-3 mb-4" style="text-align: right">
                                    <a href="{{localePrefix}}/{{event}}/{{slug}}" class="btn btn-outline-primary hollow">{{#i18n}}talks.readmore{{/i18n}}</a>
                                </div>
                            </div>
                        </h2>
                    </div>
                {{/othertalks}}
            </div>
        {{/hasOthertalks}}

    </article>
</div>

{{#sponsors}}
    <div class="row">
        <div class="col-12 col-lg-10 offset-lg-1">
            <div class="text-center row">
                {{#sponsors-gold}}
                    <div class="col-6 text-center col-md-4 col-lg-2">
                        {{> sponsor-detail }}
                    </div>
                {{/sponsors-gold}}
                {{#sponsors-others}}
                    <div class="col-6 text-center col-md-4 col-lg-2">
                        {{> sponsor-detail }}
                    </div>
                {{/sponsors-others}}
            </div>
        </div>
    </div>
{{/sponsors}}

{{#connected}}
    <input type="hidden" id="talkId" value="{{talk.id}}"/>
    <input type="hidden" id="email" value="{{email}}"/>
{{/connected}}


{{> footer}}
<commit_msg>Update speaker display on talks screens on mobile<commit_after>{{> header}}

<div class="mxt-wrapper--header">
    <div style="display: flex;flex-wrap: wrap; align-items: center; align-content: center; flex-direction: row" class="pt-5">
        {{#speakers}}
            <div style="flex: 1" class="p-2">
                <a href="/user/{{login}}"><img src="{{#photoUrl}}{{photoUrl}}{{/photoUrl}}{{^photoUrl}}https://www.gravatar.com/avatar/{{emailHash}}?s=100&?s=100&d={{baseUri}}%2Fimages%2Fpng%2Fmxt-icon--default-avatar.png{{/photoUrl}}"
                    class="mxt-img-avatar__speaker"></a>
                <div><a href="/user/{{login}}">{{firstname}}&nbsp;{{lastname}}</a>   </div>
            </div>
        {{/speakers}}
    </div>
    {{#admin}}
        <div class="mb-5 mt-2">
            <a href="{{localePrefix}}/admin/talks/edit/{{talk.slug}}" class="btn btn-outline-primary" style="margin-bottom: 0">{{#i18n}}common.actions.update{{/i18n}}</a>
        </div>
    {{/admin}}
</div>

<div class="container mxt-wrapper--page-content">
    <article class="callout">
        <h1 class="text-center mxt-text--talk-h1">
            {{talk.title}}
            {{#connected}}
                <button id="favorite" class="btn btn-link">
                    {{#favorites}}
                        <img src="/images/svg/favorites/mxt-favorite.svg" class="mxt-icon--cat__talks"/>
                    {{/favorites}}
                    {{^favorites}}
                        <img src="/images/svg/favorites/mxt-favorite-non.svg" class="mxt-icon--cat__talks"/>
                    {{/favorites}}
                </button>
            {{/connected}}
        </h1>
        <p>{{#markdown}}{{talk.summary}}{{/markdown}}</p>
        {{#talk.topic}}
            <div class="mxt-text--cat mxt-text--cat-{{talk.topic}}">
                <img src="/images/svg/mxt-icon--{{talk.topic}}.svg" class="mxt-icon--cat mxt-icon--cat__talks"
                     alt="{{#i18n}}home.topics.{{talk.topic}}.title{{/i18n}}"/>
                <span>{{#i18n}}home.topics.{{talk.topic}}.title{{/i18n}}</span>
            </div>
        {{/talk.topic}}
        <div><strong>#{{#i18n}}talk.format.{{talk.format}}{{/i18n}}</strong> {{#i18n}}talk.in{{/i18n}} {{#i18n}}talk.language.{{talk.language}}{{/i18n}}</div>
        <div>{{#talk.date}}{{talk.date}}{{/talk.date}}</div>
        <div>{{#talk.start}}{{talk.start}} - {{talk.end}}{{/talk.start}}</div>
        <p class="mxt-text--cat-room">{{#i18n}}{{talk.room}}{{/i18n}}</p>

        {{#talk.description}}
            <p class="mt-1 mb-1">{{#markdown}}{{talk.description}}{{/markdown}}</p>
        {{/talk.description}}
        {{#talk.video}}
            {{#vimeoPlayer}}
                <div class="mxt-wrapper--intrinsic mb-3">
                    <iframe src="{{vimeoPlayer}}" class="mxt-wrapper--video-player" allowfullscreen></iframe>
                </div>
            {{/vimeoPlayer}}
            {{^vimeoPlayer}}
                &#x25ba;&nbsp;{{#i18n}}talk.video.watch{{/i18n}} <a href="{{talk.video}}" target="_blank">{{#i18n}}talk.video.thevideo{{/i18n}}</a>
            {{/vimeoPlayer}}
        {{/talk.video}}

        {{#speakers}}
            <h2 class="mxt-text--talktitle pt-3">{{firstname}} {{lastname}}</h2>
            {{#company}}<p class="mxt-text-speaker-company">{{company}}</p>{{/company}}
            {{#markdown}}{{description}}{{/markdown}}
            <ul class="mxt-wrapper-list-inline">
                {{#links}}
                    <li><a href="{{url}}">{{name}}</a></li>
                {{/links}}
            </ul>
            <br/>
        {{/speakers}}

        <div class="row">
            {{#talk.photoUrls}}
                <div class="col-4">
                    <a href="{{url}}"><img src="{{url}}" aria-label="{{name}}" class="mxt-img--grayscale pb-2"/></a>
                </div>
            {{/talk.photoUrls}}
        </div>

        {{#hasOthertalks}}
            <p>&nbsp;</p>
            <div class="row">
                {{#talk.speakersFirstNames}}<h2 class="mxt-text--talktitle">{{#i18n}}talk.others| {{talk.speakersFirstNames}}{{/i18n}}</h2>{{/talk.speakersFirstNames}}

                {{#othertalks}}
                    <div class="accordion-item">
                        <h2 class="accordion-header p-2" id="heading{{id}}">
                            <h3 class="mxt-text--talktitle">
                                <b>{{event}}</b> -
                                {{title}}
                                {{#isEn}}<span class="mxt-text--cat mxt-text--cat-en">EN</span>{{/isEn}}
                            </h3>

                            <ul class="mxt-wrapper-list-inline">
                                {{#video}}
                                    <li><strong>&#x25ba; {{#i18n}}talks.title.video{{/i18n}}</strong></li>{{/video}}
                                <li class="mxt-text--cat-format">#{{#i18n}}talk.format.{{format}}{{/i18n}}</li>
                            </ul>
                            <ul class="mxt-wrapper-list-inline mb-0 pb-0">
                                {{#speakers}}
                                    <li>
                                        <span class="mxt-text--cat mxt-text--cat-speaker" style="background-color: #e6e6e6; padding: 0.3em;color: #2c233d">{{firstname}}&nbsp;{{lastname}}</span>
                                    </li>
                                {{/speakers}}
                            </ul>
                            <div class="row">
                                <div class="col-12 col-md-9">
                                    {{#markdown}}{{summary}}{{/markdown}}
                                </div>
                                <div class="col-12 col-md-3 mb-4" style="text-align: right">
                                    <a href="{{localePrefix}}/{{event}}/{{slug}}" class="btn btn-outline-primary hollow">{{#i18n}}talks.readmore{{/i18n}}</a>
                                </div>
                            </div>
                        </h2>
                    </div>
                {{/othertalks}}
            </div>
        {{/hasOthertalks}}

    </article>
</div>

{{#sponsors}}
    <div class="row">
        <div class="col-12 col-lg-10 offset-lg-1">
            <div class="text-center row">
                {{#sponsors-gold}}
                    <div class="col-6 text-center col-md-4 col-lg-2">
                        {{> sponsor-detail }}
                    </div>
                {{/sponsors-gold}}
                {{#sponsors-others}}
                    <div class="col-6 text-center col-md-4 col-lg-2">
                        {{> sponsor-detail }}
                    </div>
                {{/sponsors-others}}
            </div>
        </div>
    </div>
{{/sponsors}}

{{#connected}}
    <input type="hidden" id="talkId" value="{{talk.id}}"/>
    <input type="hidden" id="email" value="{{email}}"/>
{{/connected}}


{{> footer}}

{'fraction_non_alphanumeric': 0.21177491682337624, 'fraction_numerical': 0.016996962245045568, 'mean_word_length': 1.5130861504907307, 'pattern_counts': {'":': 0, '<': 243, '<?xml version=': 0, '>': 251, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 14, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6949189', 'n_tokens_mistral': 4542, 'n_tokens_neox': 4223, 'n_words': 530}