Skip to content

Commit 322df24

Browse files
committed
1 parent 00e5764 commit 322df24

2 files changed

Lines changed: 39 additions & 36 deletions

File tree

include/css/index.css

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
@font-face {
2+
font-family: "JetBrains Mono";
3+
src: url("../JetBrainsMono.ttf") format("truetype");
4+
}
5+
6+
:root {
7+
--9_6-color: #999999;
8+
--5_6-color: #555555;
9+
--mono-font: "JetBrains Mono";
10+
--tahoma-font: Tahoma;
11+
--bg-img: url("../bg.jpg");
12+
}
13+
14+
body {
15+
background-image: var(--bg-img);
16+
background-size: cover;
17+
background-repeat: no-repeat;
18+
background-position: center center;
19+
background-attachment: fixed;
20+
min-height: 100%;
21+
background-color: var(--5_6-color);
22+
}
23+
24+
.chinese {
25+
font-family: var(--tahoma-font),system-ui;
26+
color: var(--9_6-color);
27+
}
28+
29+
.english {
30+
font-family: var(--mono-font), system-ui;
31+
color: var(--9_6-color);
32+
}
33+
34+
code pre {
35+
font-family: var(--mono-font),system-ui;
36+
}

index.html

Lines changed: 3 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -28,42 +28,7 @@
2828
<title>首页 - 红蓝灯的个人网站</title>
2929
<script src="include/prism.js"></script>
3030
<link href="include/prism.css" rel="stylesheet">
31-
<style>
32-
@font-face {
33-
font-family: "JetBrains Mono";
34-
src: url("include/JetBrainsMono.ttf") format("truetype");
35-
}
36-
37-
:root {
38-
--9_6-color: #999999;
39-
--5_6-color: #555555;
40-
--mono-font: "JetBrains Mono";
41-
--tahoma: Tahoma;
42-
--bg-img: url("include/bg.jpg");
43-
}
44-
45-
body {
46-
background-image: var(--bg-img);
47-
background-size: cover;
48-
background-repeat: no-repeat;
49-
background-position: center center;
50-
background-attachment: fixed;
51-
min-height: 100%;
52-
background-color: var(--5_6-color,#555555); /*避免无法加载导致出现纯白 Avoid failing to load and resulting in pure white*/
53-
}
54-
55-
.chinese {
56-
font-family: var(--tahoma),system-ui;
57-
color: var(--9_6-color,#999999);
58-
}
59-
.english {
60-
font-family: var(--mono-font), system-ui;
61-
color: var(--9_6-color,#999999);
62-
}
63-
code pre {
64-
font-family: var(--mono-font),system-ui;
65-
}
66-
</style>
31+
<link href="include/css/index.css" rel="stylesheet">
6732
</head>
6833
<body class="line-numbers" style="min-height: 100vh;">
6934
<div id="main" style="display: table-cell;top: 0;height: auto !important;max-height: 75%;position: absolute;margin-left: 15%;width: 65%;margin-right: 15%;padding: 1% 2% 2%;border-radius: 25px;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(5px);">
@@ -115,7 +80,9 @@
11580
nine
11681
ten
11782
</p>
83+
<br/>
11884
</div>
85+
<br/>
11986
<div id="copyright" style="display: table-cell;position: absolute;height: auto;bottom: 0;width: 65%;min-height: 5%;margin-left: 15%;margin-right: 15%;margin-top: 2.5%;padding: 1% 2% 2.5%;border-radius: 25px;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(5px);">
12087
<p class="chinese" style="text-align: center;">© 2025 红蓝灯 保留所有权利</p>
12188
<p class="english" style="text-align: center;">© 2025 RBL All Rights Reserved</p>

0 commit comments

Comments
 (0)