-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
45 lines (45 loc) · 2.16 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
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>
梧桐叶落
</title>
<link rel="stylesheet" type="text/css" href="./normalize.css">
<link rel="stylesheet" type="text/css" href="./sakura.css">
<link rel="stylesheet" type="text/css" href="./rx_problem_1/problem-1.css">
</head>
<body>
<h1 style="font-family:楷体; font-size:150%">梧桐一叶落，天下尽知秋</h1>
<br>
<p style="font-family:楷体; font-size:100%">立秋日，太史局委官吏于禁廷内，以梧桐树植于殿下，俟交立秋时，太史官穿秉奏曰：“秋来。”其时梧叶应声飞落一二片，以寓报秋意。都城内外，侵晨满街叫卖楸叶，妇人女子及儿童辈争买之，剪如花样，插于鬓边，以应时序。</p>
<br>
<p style="text-align: center; max-width: 26em;">
<button style="float:left" onclick="location.href=('./rx_problem_1/rx-problem-1-2022-8.php')">华中大秋历</button>
<button onclick="location.href=('./rx_problem_2/index.html')">留言板</button>
<button style="float:right" onclick="location.href=('./rx_problem_3/index.php')">sh600000</button>
</p>
<p id="img_para" style="text-align: right; margin-top: 5%; max-width: 38em;">
<img id="illustration" src="./sources/zero.png" style="max-width: 24em;" alt="梧桐一叶">
</p>
<div class="bottomtab">
<a href="../index.html" style="color:#1d846e; margin-right: 20px;">梧桐叶落</a>
@wyywwi <a href="https://www.github.com/wyywwi" style="color:#1d846e; margin-left: 20px;">github</a>
</div>
<script>
//放在尾部引入方能改变图片
let time = new Date();
let random = time.getMilliseconds();
let image = document.getElementById("illustration");
let image_para = document.getElementById("img_para");
if( random % 3 == 1){
image.src = "./sources/Camellia.png";
}
else if( random % 3 == 2){
image_para.style.textAlign = "left";
image.src = "./sources/Chrysanthemum.png";
}
else{
image.src = "./sources/Sycamore_leaves.png";
}
</script>
</body>