Rin-sHub/index.html at main · RinLit-233-shiroko/Rin-sHub · 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
<!doctype html>
<html lang="zh">
<head>
    <script src="./js/public_style.js"></script>  <!-- 公共样式 -->
    <script src="./js/load_waterfall.js"></script>  <!-- 自动加载配置 -->
    <script src="./js/controls.js"></script>  <!-- 控件 -->
    <script src="./js/index.js"></script>  <!-- 主程序 -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="icon" href="./assets/favicon.ico">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" media="(max-width: 1200px)" href="./css/index_mobile.css">
    <link rel="stylesheet" href="./assets/icon/FluentSystemIcons-Resizable.css">
    <title>🥵 RinLit 的 Hub</title>
</head>
<body>
    <!-- Header -->
    <div id="header"></div> <!-- 用公共样式引入 -->

    <!-- Filter -->
    <div class="filter">
        <div class="wrapper">
            <div class="search">
                <input type="text" placeholder="查查 RinLit 的 Hub" id="searchInput">
                <button class="pushButton tool" id="clearButton" style="border-radius: 0">
                    <i class="icon-ic_fluent_dismiss_20_filled"></i>
                </button>
                <button class="pushButton tool" id="searchButton">
                    <i class="icon-ic_fluent_search_20_filled"></i>
                </button>
            </div>
        </div>
    </div>

    <!-- WaterFall -->
    <div class="waterfall">
        <div class="wrapper" id="gallery">
        </div>
    </div>

    <!-- Img Viewer -->
    <div class="image-viewer" id="image-viewer">
        <div class="container">
            <img id="viewer-image" src="updates/images/blank.png" alt="114514">

            <div class="toolbar">
                <div class="range-container"> <!-- 滑动条 -->
                    <input type="range" min="10" max="250" value="100"
                           id="scale-range" data-target="scale-text">  <!-- 数据指向scale-text -->
                </div>
                <span id="scale-text">100%</span>
                <button class="pushButton transparent tool" id="closeButton">
                    <i class="icon-ic_fluent_dismiss_20_filled"></i>
                </button>
            </div>
        </div>
    </div>

    <!-- r18_alert -->
    <div class="alert" id="r18_alert">
        <div class="window">
            <div class="layout-container red">
                <span class="window_title">年龄认证 / Age Verification</span>
                <h2>本页面包含可能包含 R-18 的内容，请确认您的年龄以继续访问。</h2>
            </div>
            <div class="layout-container transparent">
                <p>本网站可能包含<strong>未成年人不适宜</strong>的内容，请确认您的年龄后再访问。本网站只是 RinLit 和她的**群友一起发电的地方，并不代表本网站内容的真实性、准确性、完整性或可靠性。</p>
                <a href="#" class="hyperLinkLabel" onclick="setAge(false)">显示更多详情</a>
            </div>
            <div class="layout-container bottom">
                <button class="pushButton primary" onclick="setAge(true)">我已满 18 岁 - 进入</button>
                <button class="pushButton" onclick="setAge(false)">我未满 18 岁 - 退出</button>
            </div>
        </div>
    </div>

    <!-- footer -->
    <div id="footer"></div> <!-- 用公共样式引入 -->
</body>
</html>