<!doctype html>
<html lang="zh">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>学生助手</title>
    <link href="assets/css/main.css" type="text/css" rel="stylesheet">
</head>

<body>
    <div id="popup">
        <header>
            <img src="assets/image/logo.png" alt="Logo" id="logo">
            <div id="weather">
                <span id="weatherSite">北京</span>
                <img id="svg_w" src="./assets/image/weather/icons/100.svg">
                <span id='weatherText'></span>
                <span id="weatherTemp"></span>
            </div>
        </header>
        <div id="back"></div>
        <div id="article">
            <div id="buttons">
                <button id="transform">翻译</button>
                <div id="clock">番茄钟</div>
                <button id="btnScreenshot">截图</button>
            </div>
            <div class="setting">
                <ul>
                    <li>
                        <div class="setting-item">
                            <span>广告屏蔽</span>
                            <div class="button">
                                <input type="checkbox" id="button-1" class="checkbox" />
                                <div class="knobs"></div>
                                <div class="layer"></div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="setting-item">
                            <span>鼠标样式</span>
                            <div class="button">
                                <input type="checkbox" id="button-2" class="checkbox" />
                                <div class="knobs"></div>
                                <div class="layer"></div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="setting-item">
                            <span>点击特效</span>
                            <div class="button">
                                <input type="checkbox" id="button-3" class="checkbox" />
                                <div class="knobs"></div>
                                <div class="layer"></div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="setting-item">
                            <span>访问页自动跳转</span>
                            <div class="button">
                                <input type="checkbox" id="btnDirectUrl" class="checkbox" />
                                <div class="knobs"></div>
                                <div class="layer"></div>
                            </div>
                        </div>
                    </li>

                </ul>
            </div>
        </div>
        <iframe src="assets/html/pomodoro/popup.html" id="pomodoro" style="border: 0; height: 450px; display: none;"></iframe>
    </div>
    <script src="assets/js/lib/jquery.min.js"></script>
    <script src="assets/js/popup.js"></script>
    <script src="assets/js/popup2.js"></script>
</body>

</html>