session.html

---
layout: default
title: "セッション"
copy: "- Beyond the distance(距離を超えて) -"
thumbnail: session.png
---


<div class="container mt-5">
    <div class="row">
        <div class="col-md-6 offset-md-3 col-12">
            <h1>セッション</h1>
            <p>DojoCon Japan 2020 で開催されるセッションをご紹介します</p>
        </div>
    </div>

    <div class="row text-left">

        {% for data in site.data.sessions %}

        <div class="col-md-6 col-12 p-3" id="{{data.title}}">
            <h4 class="ws-title">{{data.title}}</h4>

            <p>
                {{data.time}}
                {% if data.tag %}
                    <span class="badge badge-ws">{{data.tag}}</span>
                {% endif %}

                </p>


            {% if data.profile-img %}
                <div class="my-3">
                    <img src="img/session/{{data.profile-img}}" class="w-100 px-5" alt="">
                </div>
            {%endif%}

            <p class="session-speaker-name">{{data.speaker}} {% if data.affiliation %}（ {{data.affiliation}} ）{%endif%}</p>

            <p>{{data.text}}</p>

            <a href="#{{data.profile-id}}" role="button" data-toggle="collapse" class="btn btn-main btn-sm"><i class="fas fa-angle-down"></i> 登壇者プロフィール</a>
            {% if data.archive-link %}
            　<a href="{{data.archive-link}}" target="_blank" rel="noopener" class="btn btn-sm btn-secondary"><i class="fab fa-youtube"></i> セッションアーカイブ</a>
            {% endif %}
            <div class="collapse mt-3" id="{{data.profile-id}}">

                {% if data.tag == "パネルディスカッション" %}

                    {% for speaker in data.speakers %}

                        <p class="session-speaker-name">{{speaker.name}}（{{speaker.affiliation}}）<span class="badge badge-main">{{speaker.role}}</span></p>

                        <p>{{speaker.text}}</p>

                        <ul>
                        {% for link in speaker.sns %}

                            <li><a href="{{link}}"><i class="fas fa-external-link-alt"></i> {{link}}</a></li>

                        {% endfor %}
                        </ul>

                    {% endfor %}



                {% else %}
                <p>{{data.profile-text}}</p>
                <ul>
                {% for link in data.sns %}
                    <li><a href="{{link}}"><i class="fas fa-external-link-alt"></i> {{link}}</a></li>
                {%endfor%}
                </ul>
                {% endif %}

            </div>



        </div>

        {% endfor %}

    </div>

</div>