index.html

---
layout: default
---

{% assign repository = site.github.public_repositories | where: "full_name", site.repository %}
{% assign repo = repository[0] %}
{% capture edit_prose_url %}http://prose.io/#{{ repo.full_name }}/edit/{{ repo.default_branch }}{% endcapture %}

<div class="jumbotron" style="background: url(/assets/global/main1.jpg) no-repeat; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/global/main1.jpg', sizingMethod='scale');">
  <div class="container"{% if site.data.front.banner.link %} onclick="location.href='{{ site.data.front.banner.link }}'"{% endif %}>
    {% if site.data.front.banner.title %}
    <h1 class="display-5"><span class="bg-warning text-warning">{{ site.data.front.banner.title }}</span></h1>
    {% endif %}
    <ul class="list-unstyled">
      {% if site.data.front.banner.when %}<li><span class="bg-warning text-warning lead">{{ site.data.front.banner.when }}</span></li>{% endif %}
      {% if site.data.front.banner.where %}<li><span class="bg-warning text-warning lead">{{ site.data.front.banner.where }}</span></li>{% endif %}
    </ul>
    {% if site.data.front.banner.description %}
    <p>{{ site.data.front.banner.description }}</p>
    {% endif %}
    {% if site.data.front.banner.ticket %}
    <p class="lead">
      <a class="btn btn-success btn-lg" href="{{ site.data.front.en.banner.ticket }}" role="button">예매하기</a>
    </p>
    {% endif %}
    <ul class="list-inline pull-right edit-link">
      <li><a href="{{ edit_prose_url }}/_data/front.yml"><i class="fa fa-pencil-square-o fa-3x"></i></a></li>
    </ul>
  </div>
</div>

<div class="jumbotron bg-info">
  <div class="container">
    <h2 class="text-info">작품</h2>
    <div class="row">
      {% assign works = site.works | sort:"wid" | reverse  %}
      {% for work in works limit:3 %}
      <div class="list-item col-sm-6">
        <a href="{{ work.url }}"><img class="img-responsive" src="{{ work.featured_image }}" alt="{{ work.title }}"></a>
        <h4><a href="{{ work.url }}" class="text-info">{{ work.title }}</a></h4>
        <p class="card-text">{{ work.description }}</p>
        <a href="{{ work.url }}" class="btn btn-info">더 알아보기</a>
      </div>
      {% endfor %}
    </div>
  </div>
</div>

<div class="jumbotron bg-primary">
  <div class="container">
    <h2><a href="/courses/" class="text-success">체험 프로그램</a></h2>
    <div class="row">
    {% for item in site.data.front.courses_order %}
      {% assign title = item %}{% include course-list-item.html %}
    {% endfor %}
    </div>
  </div>
</div>

<div class="jumbotron">
  <div class="container">
    <h2>꽃밭 소개</h2>
    <div class="row">
      <div class="col-sm-6">
        {{ site.data.front.introduction | escape | markdownify }}
        <img src="/assets/global/ccotbbat.gif" alt="logo" class="pull-right">
        <ul id="download" class="list-inline">
          <li class="list-inline-item" style="margin-bottom: 10px;"><a class="btn btn-lg btn-info" href="/assets/global/ccotbbat-programbook-2019.pdf"><i class="fa fa-download" aria-hidden="true"></i> 프로그램북 (2019)</a></li>
          <li class="list-inline-item" style="margin-bottom: 10px;"><a class="btn btn-lg btn-info" href="/assets/global/ccotbbat-programbook-2010.pdf"><i class="fa fa-download" aria-hidden="true"></i> 프로그램북 (2010)</a></li>
          <li class="list-inline-item" style="margin-bottom: 10px;"><a class="btn btn-lg btn-info" href="/assets/global/profile-ko.pdf"><i class="fa fa-download" aria-hidden="true"></i> 프로필</a></li>
        </ul>
      </div>
      <div class="col-sm-6 history">
        {{ site.data.front.history | escape | markdownify }}
        <!-- <p>&nbsp;</p> -->
        <ul class="list-inline pull-right">
          <li><a href="http://visualtheater.kr" target="_blank"><img src="/assets/global/ccot.gif" alt="꽃"></a></li>
          <li><a href="http://voicetheater.net" target="_blank"><img src="/assets/global/momsori.gif" alt="몸소리" style="height: 70px;"></a></li>
        </ul>
      </div>
    </div>
  </div>
</div>