-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
170 lines (170 loc) · 12.2 KB
/
index.html
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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>江西省铜鼓中学初2602班级网站</title>
<meta name="description" content="江西省铜鼓中学初2602班级网站" />
<link rel="stylesheet" href="./assets/css/main.css" />
</head>
<body>
<s-page theme="auto">
<s-drawer id="sidebar-drawer">
<div slot="start" id="sidebar">
<s-scroll-view id="nav">
<s-ripple data-page="home">
<s-icon type="home"></s-icon>
主页
</s-ripple>
<s-ripple data-page="pictures">
<s-icon>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960">
<path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm40-80h480L570-480 450-320l-90-120-120 160Zm-40 80v-560 560Z"></path>
</svg>
</s-icon>
图片集
</s-ripple>
</s-scroll-view>
<div id="nav-buttons-container">
<s-picker id="theme-picker" onchange="themePickerChanged()">
<s-tooltip slot="trigger">
<s-icon-button slot="trigger">
<s-icon>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960">
<path d="M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 32.5-156t88-127Q256-817 330-848.5T488-880q80 0 151 27.5t124.5 76q53.5 48.5 85 115T880-518q0 115-70 176.5T640-280h-74q-9 0-12.5 5t-3.5 11q0 12 15 34.5t15 51.5q0 50-27.5 74T480-80Zm0-400Zm-220 40q26 0 43-17t17-43q0-26-17-43t-43-17q-26 0-43 17t-17 43q0 26 17 43t43 17Zm120-160q26 0 43-17t17-43q0-26-17-43t-43-17q-26 0-43 17t-17 43q0 26 17 43t43 17Zm200 0q26 0 43-17t17-43q0-26-17-43t-43-17q-26 0-43 17t-17 43q0 26 17 43t43 17Zm120 160q26 0 43-17t17-43q0-26-17-43t-43-17q-26 0-43 17t-17 43q0 26 17 43t43 17ZM480-160q9 0 14.5-5t5.5-13q0-14-15-33t-15-57q0-42 29-67t71-25h70q66 0 113-38.5T800-518q0-121-92.5-201.5T488-800q-136 0-232 93t-96 227q0 133 93.5 226.5T480-160Z"></path>
</svg>
</s-icon>
</s-icon-button>
主题
</s-tooltip>
<s-picker-item selected="true">跟随系统</s-picker-item>
<s-picker-item>亮色模式</s-picker-item>
<s-picker-item>暗色模式</s-picker-item>
</s-picker>
</div>
</div>
<div id="main-content">
<!-- 顶栏 -->
<s-appbar>
<s-icon-button slot="navigation" onclick="toggleSidebar()">
<s-icon type="menu"></s-icon>
</s-icon-button>
<div slot="headline">江西省铜鼓中学初2602班</div>
<s-tooltip slot="action">
<s-bottom-sheet slot="trigger" id="info-sheet">
<s-icon-button slot="trigger">
<s-icon>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960">
<path d="M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"></path>
</svg>
</s-icon>
</s-icon-button>
<div>
<h2>更多信息</h2>
<s-button type="filled-tonal" onclick="window.open('https://github.com/sjt-2024/tgyz2602')">
<s-icon slot="start">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path
d="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9 23.5 23.2 38.1 55.4 38.1 91v112.5c0.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z"></path>
</svg>
</s-icon>
GitHub
</s-button>
<s-button type="filled-tonal" onclick="showDeveloperList()">
<s-icon slot="start">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960">
<path d="M400-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM80-160v-112q0-33 17-62t47-44q51-26 115-44t141-18h14q6 0 12 2-8 18-13.5 37.5T404-360h-4q-71 0-127.5 18T180-306q-9 5-14.5 14t-5.5 20v32h252q6 21 16 41.5t22 38.5H80Zm560 40-12-60q-12-5-22.5-10.5T584-204l-58 18-40-68 46-40q-2-14-2-26t2-26l-46-40 40-68 58 18q11-8 21.5-13.5T628-460l12-60h80l12 60q12 5 22.5 11t21.5 15l58-20 40 70-46 40q2 12 2 25t-2 25l46 40-40 68-58-18q-11 8-21.5 13.5T732-180l-12 60h-80Zm40-120q33 0 56.5-23.5T760-320q0-33-23.5-56.5T680-400q-33 0-56.5 23.5T600-320q0 33 23.5 56.5T680-240ZM400-560q33 0 56.5-23.5T480-640q0-33-23.5-56.5T400-720q-33 0-56.5 23.5T320-640q0 33 23.5 56.5T400-560Zm0-80Zm12 400Z"></path>
</svg>
</s-icon>
开发者名单
</s-button>
</div>
</s-bottom-sheet>
更多信息
</s-tooltip>
</s-appbar>
<!-- 页面 -->
<div id="pages-container">
<s-scroll-view id="page-home">
<div class="big-title">江西省铜鼓中学初2602班级网站</div>
<div id="home-cards">
<s-card class="home-card" id="card-info" type="outlined">
<div slot="headline" id="card-info-title"></div>
<div slot="text" id="card-info-content"></div>
</s-card>
<s-card class="home-card" id="card-pictures" type="outlined">
<div slot="headline">图片集</div>
<div slot="text"></div>
<s-button slot="action" onclick="gotoPage('pictures')">前往</s-button>
</s-card>
</div>
</s-scroll-view>
<div id="page-pictures">
<s-tab id="main-tab" onchange="mainTabChanged()">
<s-tab-item selected="true" data-tab="seven">
<div slot="text">七年级</div>
</s-tab-item>
</s-tab>
<s-scroll-view id="tab-content">
<div id="none-text">-- NONE --</div>
<s-scroll-view id="pictures">
<s-card class="picture-group" type="outlined">
<s-ripple class="picture-group-title">
<div class="headline">title</div>
<s-icon class="icon" type="chevron_down"></s-icon>
</s-ripple>
<div class="sub-pictures-container">
<div class="sub-pictures">
<s-ripple>
<div class="headline">test</div>
<div class="description">test</div>
</s-ripple>
</div>
</div>
</s-card>
</s-scroll-view>
</s-scroll-view>
</div>
<!-- 开发者名单 -->
<div id="page-developers">
<div class="big-title">开发者名单</div>
<div id="developer-list">
<s-card clickable="true" onclick="window.open('https://github.com/lingbopro')">
<div class="name">lingbopro</div>
<div class="role">主开发,设计</div>
</s-card>
<s-card clickable="true" onclick="window.open('https://github.com/sjt-2024')">
<div class="name">sjt-2024</div>
<div class="role">策划</div>
</s-card>
<s-card clickable="true" onclick="window.open('https://github.com/Minemetero')">
<div class="name">Minemetero</div>
<div class="role">打杂,情绪支持</div>
</s-card>
</div>
</div>
</div>
</div>
</s-drawer>
<!-- 用户不可见的东西 -->
<div id="tooltips">
<s-dialog id="picture-view-dialog" size="full" ondismiss="pictureViewDialogClosed()">
<div slot="headline" id="picture-view-title">图片查看</div>
<s-scroll-view slot="text" id="picture-view-content">
<div id="picture-view-image-wrapper">
<img id="picture-view-image" src="" alt="Image" />
</div>
<div id="picture-view-description"></div>
</s-scroll-view>
<s-button slot="action" type="text" onclick="downloadPicture(); event.stopPropagation()">下载</s-button>
<s-button slot="action" type="text">完成</s-button>
</s-dialog>
<a id="download-link" href="" download target="_blank">114514</a>
</div>
</s-page>
<script defer src="https://unpkg.com/sober@0.2.21/dist/sober.min.js"></script>
<script defer src="./assets/js/data.js"></script>
<script defer src="./assets/js/main.js"></script>
</body>
</html>