daARA/daARA_after_lecture.html at main · BUZZINGPolarBear/daARA · 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
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900" rel="stylesheet">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">

    <title>After Lecture</title>
</head>

<body>

    <div id="title-bar">
        <div id="title" onclick="location.href='daARA_main.html'">daARA</div>
          <div id="title-bar-btns">
            <img src = "img/Back.png" class="titleBTN" id="back-btn" style="width: 18px; height: 18px;" onclick="location.href='daARA_main.html'">
             <img src = "img/Minimize.png" class="titleBTN" id="min-btn">
             <img src = "img/Maximize.png" class="titleBTN" id="max-btn">
             <img src = "img/Close.png" class="titleBTN" id="close-btn">
          </div>
        </div>
    </div>
    <div id="Page3">
        <link rel="stylesheet" href="styles/daARA_after_lecture_style.css">
        <link rel="stylesheet" href="styles/style.css">
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
        <link rel="stylesheet" href="styles/daARA_main_style.css">

        <div class="wrapper d-flex align-items-stretch">
            <nav id="sidebar">
                <div class="p-4 pt-5">
                    <a href="#" class="img logo rounded-circle mb-5"
                        style="background-image: url(img/daARA-ICON.ico); background-size: 90%;" onclick="location.href='daARA_main.html'"></a>
                    <ul class="list-unstyled components mb-5">
                        <li>
                            <a href="#homeSubmenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">강의관리</a>
                            <ul class="collapse list-unstyled" id="homeSubmenu">
                                <li>
                                    <a href="#" onclick="location.href='daARA_UpLoad.html'">강의 추가하기</a>
                                </li>
                                <li>
                                    <a href="#" onclick="location.href='daARA_Admin.html'">학생 관리하기</a>
                                </li>
                            </ul>
                        </li>

                        <li class="active">
                            <a href="#" onclick="location.href='daARA_InLecture.html'">강의 시작하기</a>
                        </li>
                        <li>
                            <a href="daARA_how_to_use.html">사용법</a>
                        </li>
                        <li>
                            <a href="#homeSubmenu2" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">About daARA</a>
                            <ul class="collapse list-unstyled" id="homeSubmenu2">
                                <li>
                                    <a href="#" onclick="location.href='daARA_about.html'">Team daARA</a>
                                </li>
                                <li>
                                    <a href="#" onclick="location.href='daARA_release_note.html'">Release Note</a>
                                </li>
                            </ul>
                        </li>
                    </ul>

                    <div class="footer" style="background-color: #1D1919;">
                        <p>
                            <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
                            Copyright &copy;
                            <script>document.write(new Date().getFullYear());</script> All rights reserved | This template
                            is made with <i class="icon-heart" aria-hidden="true"></i> by <a href="https://colorlib.com"
                                target="_blank">Colorlib.com</a>
                            <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
                        </p>
                    </div>

                </div>
            </nav>
                <div class="p-4 pt-5">
                    <div id="root" style='margin-left : 100px; color : white; padding-top : 90px;'>
                        <text id='LevelName'>출석 결과

                            <p>
                                <button class="button is-light" style="margin: 20px 0 20px 20px;" id="downloadResultBTN">출석 결과 다운받기</button>
                            </p>
                            <P id='Description' style="font-weight: 200; margin: 20px 0 50px 20px">버튼을 클릭하여 오늘의 출석 결과를 다운받으실 수 있습니다.</P>
                        </text>
                        <text id='LevelName' style="padding-top: 10px;">감정인식 로그
                            <p>
                                <canvas id="EmotionResultBarGraphCavas" ></canvas>
                                <button class="button is-light" id="viewLogBTN" >출석 로그 자세히 보기</button>
                            </p>

                        </text>
                    </div>
                </div>
        </div>
    </div>
<script src = "js/daARA_afterLecture.js"></script>
</html>