ku-cloud.github.io/seminar.html at master · KU-Cloud/ku-cloud.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
---
layout: page
---

<style>
    .feather {
        width: calc(1em + 1.5rem);
        margin-left: 1rem;
        margin-bottom: 2px;
        padding-left: 1rem;
        padding-right: 0.5rem;
        border-left: 1px solid #dee2e6;
    }


    .feather:first-child {
        width: calc(1em + 0.5rem);
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
    }
</style>

{% assign seminars = site.data.seminars | reverse %}

<div class="container text-center">
    <div class="jumbotron">
        <div id="scheduled">
            <h1 class="display-4">{{ seminars[0].title }}</h1>

            <p class="lead">
                <i data-feather="mic"></i>{{ seminars[0].speacker }}
                <i data-feather="map-pin"></i>{{ seminars[0].location }}
                <i data-feather="clock"></i>
                <time datetime="{{ seminars[0].date }}">
                    {{ seminars[0].date | date: "%a, %b %d, %y, %I:%M %p %Z" }}
                </time>
            </p>

            <hr class="my-4">

            <small>
                본 세미나는 공개 세미나 형태로 진행됩니다. 논문의 원본은 저작권 문제로 공개할 수 없으며, 발표 당일 출력물로 제공해드립니다.
            </small>
        </div>
        <div id="commingSoon" class="d-none">

            <h1 class="display-4">Coming Soon</h1>

            <hr class="my-4">

            <small>
                현재 확정된 세미나 일정이 없습니다. 보통 매주 금요일 오후 7시 애기능 생활관 302호에서 진행됩니다.
            </small>
        </div>
    </div>
</div>

{% include title-container.html title="Recent Seminars" %}
<div class="content container">
    <ul id="recent" class="list-unstyled">
        {% for seminar in seminars limit:6 %}
        {% include seminar-item.html seminar=seminar %}
        {% endfor %}
    </ul>

    <hr class="my-5">

    <p class="text-center">
        <a href="/seminar/history"><i data-feather="list"></i>see all history</a>
    </p>
</div>

<script>
    $(function () {
        var $scheduled = $('#scheduled');
        var $recent = $('#recent');

        // the scheduled date has not passed
        if ((new Date($('time', $scheduled).attr("datetime"))).getTime() > Date.now()) {
            $recent.children().first().remove();
            return;
        }

        var $commingSoon = $('#commingSoon');

        $scheduled.addClass('d-none');
        $commingSoon.removeClass('d-none');
        $recent.children().last().remove();
    });
</script>