Skip to content

Commit bbb4cc8

Browse files
yzmoranyzmoran
authored
Update index.html
1 parent 218f9fb commit bbb4cc8

1 file changed

Lines changed: 87 additions & 86 deletions

File tree

‎index.html‎

Lines changed: 87 additions & 86 deletions
Original file line numberDiff line numberDiff line change
@@ -1,87 +1,88 @@
1-
<!DOCTYPE html>
2-
<html lang="zh-CN">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Oran's Personal Site!!!</title>
7-
<link rel="stylesheet" href="style.css">
8-
</head>
9-
<body>
10-
<div class="search-bar">
11-
<form action="https://www.bing.com/search" method="get" target="_blank">
12-
<input type="text" name="q" class="search-bar" placeholder="使用 Bing 搜索...">
13-
<button type="submit">搜索</button>
14-
</form>
15-
</div>
16-
17-
<div class="personal-info">
18-
<div class="info-card">
19-
<img src="avatar.jpg" alt="长什么样">
20-
<div class="info">
21-
<h1>Oran</h1>
22-
<p>一个不正经的UP at 2024/3/17</p>
23-
<div class="contact">
24-
<a href="https://space.bilibili.com/1611545322" target="_blank">Bilibili</a>
25-
<a href="mailto:3628813087@qq.com">Email</a>
26-
<a href="https://qm.qq.com/cgi-bin/qm/qr?k=3628813087" target="_blank">QQ</a>
27-
</div>
28-
</div>
29-
</div>
30-
<canvas id="particle-canvas"></canvas>
31-
</div>
32-
33-
<div class="new-card-container">
34-
<div class="new-card">
35-
<div class="moving-snake">
36-
<img id="moving-snake" src="snake-Light.svg" alt="一只可爱的贪吃蛇">
37-
</div>
38-
</div>
39-
</div>
40-
41-
<div class="content">
42-
<div class="music-player">
43-
<div id="player-controls">
44-
<button id="prev-button">
45-
上一首
46-
</button>
47-
<button id="play-button">
48-
播放
49-
</button>
50-
<button id="next-button">
51-
下一首
52-
</button>
53-
</div>
54-
<div id="song-info">
55-
<span id="song-name"></span>
56-
</div>
57-
<audio id="audio-player" src="" preload="metadata"></audio>
58-
</div>
59-
60-
<div class="site-navigation">
61-
<h2>常用网站导航</h2>
62-
<div class="button-group">
63-
<a href="https://www.bilibili.com/" target="_blank" class="glass-btn">Bilibili</a>
64-
<a href="https://github.com/" target="_blank" class="glass-btn">Github</a>
65-
<a href="https://locyanfrp.cn/" target="_blank" class="glass-btn">LocyanFRP | 乐青映射</a>
66-
<a href="https://www.lanzoui.com/" target="_blank" class="glass-btn">Lanzoui | 蓝奏云</a>
67-
</div>
68-
</div>
69-
</div>
70-
71-
<div class="info-panel">
72-
<div id="hitokoto"></div>
73-
<div id="weather">
74-
<span id="city_text"></span>
75-
<span id="wea_text"></span>
76-
<span id="tem_text"></span>
77-
<span id="win_text"></span>
78-
<span id="win_speed"></span>
79-
</div>
80-
<div id="clock"></div>
81-
</div>
82-
83-
<div id="click-effect"></div>
84-
85-
<script src="script.js"></script>
86-
</body>
1+
<!DOCTYPE html>
2+
<html lang="zh-CN">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Oran's Personal Site!!!</title>
7+
<link rel="stylesheet" href="style.css">
8+
</head>
9+
<body>
10+
<script src="script.js"></script>
11+
12+
<div class="search-bar">
13+
<form action="https://www.bing.com/search" method="get" target="_blank">
14+
<input type="text" name="q" class="search-bar" placeholder="使用 Bing 搜索...">
15+
<button type="submit">搜索</button>
16+
</form>
17+
</div>
18+
19+
<div class="personal-info">
20+
<div class="info-card">
21+
<img src="avatar.jpg" alt="长什么样">
22+
<div class="info">
23+
<h1>Oran</h1>
24+
<p>一个不正经的UP at 2024/3/17</p>
25+
<div class="contact">
26+
<a href="https://space.bilibili.com/1611545322" target="_blank">Bilibili</a>
27+
<a href="mailto:3628813087@qq.com">Email</a>
28+
<a href="https://qm.qq.com/cgi-bin/qm/qr?k=3628813087" target="_blank">QQ</a>
29+
</div>
30+
</div>
31+
</div>
32+
<canvas id="particle-canvas"></canvas>
33+
</div>
34+
35+
<div class="new-card-container">
36+
<div class="new-card">
37+
<div class="moving-snake">
38+
<img id="moving-snake" src="snake-Light.svg" alt="一只可爱的贪吃蛇">
39+
</div>
40+
</div>
41+
</div>
42+
43+
<div class="content">
44+
<div class="music-player">
45+
<div id="player-controls">
46+
<button id="prev-button">
47+
上一首
48+
</button>
49+
<button id="play-button">
50+
播放
51+
</button>
52+
<button id="next-button">
53+
下一首
54+
</button>
55+
</div>
56+
<div id="song-info">
57+
<span id="song-name"></span>
58+
</div>
59+
<audio id="audio-player" src="" preload="metadata"></audio>
60+
</div>
61+
62+
<div class="site-navigation">
63+
<h2>常用网站导航</h2>
64+
<div class="button-group">
65+
<a href="https://www.bilibili.com/" target="_blank" class="glass-btn">Bilibili</a>
66+
<a href="https://github.com/" target="_blank" class="glass-btn">Github</a>
67+
<a href="https://locyanfrp.cn/" target="_blank" class="glass-btn">LocyanFRP | 乐青映射</a>
68+
<a href="https://www.lanzoui.com/" target="_blank" class="glass-btn">Lanzoui | 蓝奏云</a>
69+
</div>
70+
</div>
71+
</div>
72+
73+
<div class="info-panel">
74+
<div id="hitokoto"></div>
75+
<div id="weather">
76+
<span id="city_text"></span>
77+
<span id="wea_text"></span>
78+
<span id="tem_text"></span>
79+
<span id="win_text"></span>
80+
<span id="win_speed"></span>
81+
</div>
82+
<div id="clock"></div>
83+
</div>
84+
85+
<div id="click-effect"></div>
86+
</body>
8787
</html>
88+

0 commit comments

Comments
 (0)