iapt-platform
/
mint
mirror of https://github.com/iapt-platform/mint.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
							<?PHP
include "../pcdl/html_head.php";
?>

<body>
    <script src="../palicanon/palicanon.js"></script>
    <script src="../term/term.js"></script>

    <?php
    require_once("../pcdl/head_bar.php");
    ?>

    <style>
        #main_video_win iframe {
            width: 100%;
            height: 100%;
        }

        #main_tag {
            font-size: 150%;
            text-align: center;
            margin: 5em 0;
            transition: all 600ms ease
        }

        #main_tag span {
            margin: 2px;
            padding: 2px 12px;
            font-weight: 500;
            transition-duration: 0.2s;
            cursor: pointer;
            font-size: 120%;
            border: unset;
            border-radius: 0;
            border-bottom: 2px solid var(--nocolor);
            display: inline-block;
        }

        #main_tag span:hover {
            background-color: unset;
            color: unset;
            border-color: var(--link-hover-color);
        }

        #main_tag .select {
            border-bottom: 2px solid var(--link-color);
        }

        #tag_selected {
            margin: 1em 0;
        }

        tag {
            background-color: var(--btn-color);
            margin: 2px;
            padding: 2px 12px;
            border-radius: 5px;
            border: 1px solid #fe897c;
        }

        .tag-delete {
            margin-left: 6px;
            color: #f93e3e;
            cursor: pointer;
        }

        .tag-delete:hover {
            color: red;
            font-weight: 700;
        }

        .tag_others {
            margin: 10px 0;
        }

        .canon-tag {
            background-color: #46a6d2;
            border: 0;
            border-radius: 6px;
            color: white;
            font-weight: 400;
        }

        .canon-tag:hover {
            background-color: var(--link-hover-color);
        }

        .sutta_row {
            display: grid;
            align-items: center;
            grid-template-columns: 100px 200px 100px auto;
            width: 100%;
            border-bottom: 1px solid var(--border-line-color);
        }

        .sutta_row div {
            padding: 10px;
            display: flex;
            justify-items: center;
        }

        .sutta_row:hover {
            background-color: var(--drop-bg-color);
        }

        @media screen and (max-width:800px) {
            .sutta_row {
                grid-template-columns: 100px 1fr 1fr;
            }

            .sutta_tag {
                grid-column: 1 / 4;
            }
        }
    </style>
    <script>
        var tag_level = <?php echo file_get_contents("../public/book_tag/tag_list.json"); ?>;
    </script>
    <?php
    //

    require_once "../path.php";
    require_once "../public/_pdo.php";
    require_once '../media/function.php';
    require_once '../public/function.php';

    echo "<div id='course_head_bar' style='background-color:var(--tool-bg-color1);padding:1em 10px 10px 10px;'>";
    echo "<div class='index_inner '>";
    echo "<div style='font-size:140%'>";
    echo "</div>";
    echo '<div id="main_tag"  style="">';
    echo '<span tag="sutta">Sutta</span>';
    echo '<span tag="vinaya">Vinaya</span>';
    echo '<span tag="abhidhamma">Abhidhamma</span>';
    echo '<span tag="mūla">Mūla</span>';
    echo '<span tag="aṭṭhakathā">Aṭṭhakathā</span>';
    echo '<span tag="ṭīkā">ṭīkā</span>';
    echo '<span tag="añña">añña</span>';
    echo '</div>';
    echo '<div id="tag_selected"></div>';
    echo '<div level="0" class="tag_others"></div>';
    echo '<div level="1" class="tag_others"></div>';
    echo '<div level="2" class="tag_others"></div>';
    echo '<div level="3" class="tag_others"></div>';
    echo '<div level="4" class="tag_others"></div>';
    echo '<div level="5" class="tag_others"></div>';
    echo '<div level="100" class="tag_others"></div>';
    echo '<div level="8" class="tag_others"></div>';
    echo "</div>";
    echo '</div>';
    ?>
    <div id="book_list" class='index_inner' style='display: flex;flex-wrap: wrap;'>

    </div>

    <script>
        $(document).ready(function() {
            palicanon_onload();
        });
    </script>
    <?php
    include "../pcdl/html_foot.php";
    ?>