Load Speed Imporve

Split fonts into three, reducing the file size of each. By only loading the ones required, the loading speed is boosted.
yuanretro · May 9, 2024 · 5aa8e20 · 5aa8e20
1 parent 6ea8e66
commit 5aa8e20
Show file tree

Hide file tree

Showing 15 changed files with 419 additions and 0 deletions.
diff --git a/yuanshen.dev-20240509-1.zip b/yuanshen.dev-20240509-1.zip
diff --git a/yuanshen.dev-20240509-1/404.html b/yuanshen.dev-20240509-1/404.html
@@ -0,0 +1,39 @@
+<html>
+	<head>
+		<meta charset="UTF-8"/>
+		<title>404 Not Found</title>
+	</head>
+	<style>
+		@font-face {
+			font-family: 'GenshinImpactNoZh';
+			src: url('./gichn_mini_nozh.ttf');
+			font-weight: normal;
+			font-style: normal;
+		}
+
+		.body {
+			font-family: 'GenshinImpactNoZh';
+		}
+
+		.navi {
+			float: left;
+			margin-right: 50px;
+		}
+	</style>
+	<body class="body">
+		<ul>
+			<li class="navi"><a href="./index.html">Main</a></li>
+			<li class="navi"><a href="./music.html">Music</a></li>
+			<li class="navi"><a href="./pinball.html">JS Pinball Game</a></li>
+			<li class="navi"><a href="./about.html">About</a></li>
+		</ul>
+		<br />
+		<center>
+			<h1>404 Not Found</h1>
+			<h2>How about we explore the area ahead of us later~</h2>
+		</center>
+		<hr>
+		<center>Genshen Impact(Yuanshen) Retro Computing Hub(GIRCH)</center>
+		<center>Powered by nginx</center>
+	</body>
+</html>
diff --git a/yuanshen.dev-20240509-1/GenshinTheme.mp3 b/yuanshen.dev-20240509-1/GenshinTheme.mp3
diff --git a/yuanshen.dev-20240509-1/Liyue.mp3 b/yuanshen.dev-20240509-1/Liyue.mp3
diff --git a/yuanshen.dev-20240509-1/about.html b/yuanshen.dev-20240509-1/about.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>GIRCH(Legacy)-About</title>
+	</head>
+	<style>
+		@font-face {
+			font-family: 'GenshinImpactNoZh';
+			src: url('./gichn_mini_nozh.ttf');
+			font-weight: normal;
+			font-style: normal;
+		}
+
+		.body {
+			font-family: 'GenshinImpactNoZh';
+		}
+
+		.navi {
+			float: left;
+			margin-right: 50px;
+		}
+	</style>
+	<body class="body">
+		<ul>
+			<li class="navi"><a href="./index.html">Main</a></li>
+			<li class="navi"><a href="./music.html">Music</a></li>
+			<li class="navi"><a href="./pinball.html">JS Pinball Game</a></li>
+			<li class="navi"><a href="./about.html">About</a></li>
+		</ul>
+		<br />
+		<h2>About me...</h2>
+		<p>
+			I am a high-school retro computing enthusiast, and I wish to share my experience and joy with everyone...
+			In 2017, I got interested in computer hardware. Since then, I frequently visited local computer stores
+			and e-waste recyclers to collect vintage computer hardwares. Now I actually got plenty of them! In the
+			past few years, many people had helped me and taught me lots of useful knowledge. Huge thanks to them!
+			If you want to get in touch with me, please read the "Contact me..." section down below.
+		</p>
+		<h2>Contact me...</h2>
+		The easiest way to get in touch with me is by email: <a
+			href="mailto:[email protected]">[email protected]</a> (or <a
+			href="mailto:[email protected]">[email protected]</a>),
+		but you can also leave messages on my blog <a href="https://www.lijiaxuan.xyz/">https://www.lijiaxuan.xyz/</a>.
+		<h2>Source code...</h2>
+		<p>The source code of this website is available here: <a
+				href="https://github.com/lijiaxuan1811/yuanshen.dev">https://github.com/lijiaxuan1811/yuanshen.dev</a>.
+			Feel free to use them!</p>
+	</body>
+</html>
diff --git a/yuanshen.dev-20240509-1/gichn_mini.ttf b/yuanshen.dev-20240509-1/gichn_mini.ttf
diff --git a/yuanshen.dev-20240509-1/gichn_mini_nozh.ttf b/yuanshen.dev-20240509-1/gichn_mini_nozh.ttf
diff --git a/yuanshen.dev-20240509-1/gichn_mini_zhlv1.ttf b/yuanshen.dev-20240509-1/gichn_mini_zhlv1.ttf
diff --git a/yuanshen.dev-20240509-1/gichn_mini_zhlv2.ttf b/yuanshen.dev-20240509-1/gichn_mini_zhlv2.ttf
diff --git a/yuanshen.dev-20240509-1/index.html b/yuanshen.dev-20240509-1/index.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>GIRCH(Legacy)-Main</title>
+	</head>
+	<style>
+		@font-face {
+			font-family: 'GenshinImpactNoZh';
+			src: url('./gichn_mini_nozh.ttf');
+			font-weight: normal;
+			font-style: normal;
+		}
+
+		.body {
+			font-family: 'GenshinImpactNoZh';
+		}
+
+		.navi {
+			float: left;
+			margin-right: 50px;
+		}
+	</style>
+	<body class="body">
+		<ul>
+			<li class="navi"><a href="./index.html">Main</a></li>
+			<li class="navi"><a href="./music.html">Music</a></li>
+			<li class="navi"><a href="./pinball.html">JS Pinball Game</a></li>
+			<li class="navi"><a href="./about.html">About</a></li>
+		</ul>
+		<br />
+		<a>
+			<h2>Welcome to Genshin Impact(Yuanshen) Retro Computing Hub(GIRCH)...</h2>
+			<br />
+			<img src="./paimon.gif" width="150" height="246">
+			<br />
+			This site is friendly towards older browsers and slow internet speed...
+			<br />
+			Have fun!
+		</a>
+	</body>
+</html>
diff --git a/yuanshen.dev-20240509-1/music.html b/yuanshen.dev-20240509-1/music.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>GIRCH(Legacy)-Music</title>
+	</head>
+	<style>
+		@font-face {
+			font-family: 'GenshinImpactNoZh';
+			src: url('./gichn_mini_nozh.ttf');
+			font-weight: normal;
+			font-style: normal;
+		}
+
+		.body {
+			font-family: 'GenshinImpactNoZh';
+		}
+
+		.navi {
+			float: left;
+			margin-right: 50px;
+		}
+	</style>
+	<body class="body">
+		<ul>
+			<li class="navi"><a href="./index.html">Main</a></li>
+			<li class="navi"><a href="./music.html">Music</a></li>
+			<li class="navi"><a href="./pinball.html">JS Pinball Game</a></li>
+			<li class="navi"><a href="./about.html">About</a></li>
+		</ul>
+		<br />
+		<p>
+			This page contains several songs from different video games.
+			<br />
+			Feel free to test your system with them!
+			PS:Unfortunately audio is not well supported before HTML 5,<br />so if you have trouble playing the songs
+			here, please use the direct links that take the players' place.
+			<br />
+			1.Genshin Impact Main Theme-HOYO-MIX/Yu-Peng Chen (mp3 format)
+			<br />
+			<audio src="./GenshinTheme.mp3" controls>Your browser doesn't seem to support HTML 5 and audio
+				element,<br />but you can still download it <a href="./GenshinTheme.mp3">here</a>.</audio>
+			<br />
+			2.Liyue-HOYO-MIX/Yu-Peng Chen (mp3 format)
+			<br />
+			<audio src="./Liyue.mp3" controls>Your browser doesn't seem to support HTML 5 and audio element,<br />but
+				you can still download it <a href="./Liyue.mp3">here</a>.</audio>
+			<br />
+			3.Deep Mountain-Team Shanghai Alice/ZUN (mp3 format)
+			<br />
+			<audio src="./th07_02.mp3" controls>Your browser doesn't seem to support HTML 5 and audio element,<br />but
+				you can still download it <a href="./th07_02.mp3">here</a>.</audio>
+			<br />
+		</p>
+	</body>
+</html>
diff --git a/yuanshen.dev-20240509-1/paimon.bmp b/yuanshen.dev-20240509-1/paimon.bmp
diff --git a/yuanshen.dev-20240509-1/paimon.gif b/yuanshen.dev-20240509-1/paimon.gif