speakers.html

---
layout: base
---

<script src="/js/scrolltop.js?v=09111651"></script>
<script>
    $(document).ready(function () {
        if (getUrlParameter('jumpTo'))
            $("html, body").scrollTop($('#' + getUrlParameter('jumpTo')).offset().top);
    });
</script>

<div class="wrap speaker_wrap">
    <section>
        <h1 class="title">주요연사</h1>

        <div class="guide_bar_33"></div>

        {% for s in site.data.mainspeakers %}
        <div class="special_speaker_box" id="{{ s.id }}">
            <a name="#speaker{{ s.id }}"></a>
            <div class="person_image">
                <img src="{{ s.image }}" alt="{{ s.kor_name }},{{ s.eng_name }}" class="image"/>
            </div>
            <div class="person_profile">
                <div class="name_social">
                    <div class="kor_name">{{ s.kor_name }}</div>
                    <div class="eng_name">{{ s.eng_name }}</div>

                    <div class="social_wrap">
                        <span class="social">
                            <a href="{{ s.fb }}" class="social_fb" target="_blank">
                                <img src="/images/other/speaker_fb.png" alt="facebook"/>
                            </a>
                            <a href="{{ s.tw }}" class="social_fb" target="_blank">
                                <img src="/images/other/speaker_tw.png" alt="facebook"/>
                            </a>
                        </span>
                    </div>
                </div>
                <div class="organize">{{ s.organize }}</div>
                <div class="guide_bar_90p"></div>
                <div class="describe">
                    {{ s.describe }}
                </div>
                <div class="programs">
                    <img src="images/other/bullet.png" alt="*"/> 관련세션 <br/>

                    <div class="items">
                        {% for p in s.programs %}
                        {{ p.item }} <br/>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
        {% endfor %}
    </section>
</div>
<div class="wrap speaker_wrap second">
    <section>
        <h1 class="title">연사</h1>
        <div class="guide_bar_33"></div>
        <div class="head_description">
            앞으로 추가될 더 많은 연사들을 기대해주세요.
        </div>

        {% for s in site.data.speakers %}
        {% assign indexModulo = forloop.index | modulo:2 %}
        <div class="speaker_box {% if indexModulo == 1 %}left{% else %}right{%endif%}">
            <a id="speaker{{ forloop.index }}"></a>
            <div class="person_image">
                {% if s.image %}
                <img src="{{ s.image }}" alt="{{ s.name }}, {{ s.eng_name }}" class="image"/>
                {% else %}
                <div class="image texted">
                    {% assign namesplit = s.name | split: " "  %}
                    {% assign namefirst = namesplit | first %}
                    {% assign namelast = namesplit | last %}
                    {% assign namesize = namesplit | size %}
                    {{ namefirst | truncate: 1,'' }}{% if namesize == 2 %}{{ namelast | truncate: 1,'' }}{% endif %}
                </div>
                {% endif %}
            </div>
            <div class="person_profile">
                <div class="name_social">
                    <div class="kor_name">{{ s.name }}</div>
                </div>
                <div class="organize">{{ s.organize }}</div>
                <div class="guide_bar_90p"></div>
                <div class="describe">
                    {{ s.describe }}
                </div>
                {% if s.programs %}
                <div class="programs">
                    <img src="images/other/bullet.png" alt="*"/> 관련세션 <br/>

                    <div class="items">
                        {% for p in s.programs %}
                        {{ p.item }} <br/>
                        {% endfor %}
                    </div>
                </div>
                {% endif %}
            </div>
        </div>
        {% endfor %}
    </section>
</div>