~cytrogen/realm

ref: f6d518240097f488822a520c456a3592915b9725 realm/station.html -rw-r--r-- 2.0 KiB
f6d51824 — Cytrogen 更新联系方式 5 days ago 
                                                                                
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

<!DOCTYPE html>
<html lang="zh-Hans">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>驿站 — Realm</title>
	<meta name="description" content="驿站 — Relay station of the Realm">
	<meta name="theme-color" content="#1a1a2e">
	<link rel="stylesheet" href="realm.css">
</head>
<body>

	<a class="skip-link" href="#content">跳过场景</a>

	<main class="realm-scene" style="--scene-bg: oklch(0.25 0.04 278)">
		<h1 class="visually-hidden">驿站</h1>
		<div class="realm-scene__content">
		<div class="realm-scene__backdrop">
		<svg role="img" aria-labelledby="station-title" viewBox="0 0 400 380">
			<title id="station-title">驿站 — 驿站正门</title>

			<!-- Wall background (close-up view) -->
			<rect class="fill-wall" x="0" y="0" width="400" height="380"/>

			<!-- Ground -->
			<rect class="fill-ground" x="0" y="330" width="400" height="50"/>

			<!-- Door frame -->
			<rect class="fill-wall-light" x="100" y="80" width="200" height="240"/>

			<!-- Door panel -->
			<rect class="fill-door" x="110" y="88" width="180" height="232"/>

			<!-- Notice board on door -->
			<rect class="fill-wall-light" x="150" y="140" width="100" height="50" rx="3"/>
			<text fill="var(--text-dim)" text-anchor="middle" font-family="system-ui, sans-serif" font-size="14">
				<tspan x="200" y="161">驿站还未开放</tspan>
				<tspan x="200" y="177" font-size="10">Not Yet Open</tspan>
			</text>

			<!-- Door handle -->
			<circle class="fill-wall-light" cx="260" cy="240" r="6"/>

			<!-- Front steps -->
			<g class="scene-detail" aria-hidden="true">
				<rect class="fill-path" x="90" y="320" width="220" height="14"/>
				<rect class="fill-path" x="78" y="334" width="244" height="14"/>
				<rect class="fill-path" x="66" y="348" width="268" height="14"/>
			</g>
		</svg>
		</div>
		</div>

		<nav id="content" class="realm-scene__nav realm-nav">
			<a href="neighbors.html">&larr; 返回街道</a>
		</nav>
	</main>

</body>
</html>