~cytrogen/realm

ref: 97d34cd52dc2019141e4079a77462de660c6a0dc realm/hosted.html -rw-r--r-- 9.8 KiB
97d34cd5 — Cytrogen 添加博客迁移过渡页：/posts/* 跳转至 blog.cytrogen.icu a month 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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214

<!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="属地 — Hosted services of the Realm">
	<meta name="theme-color" content="#1a1a2e">
	<link rel="stylesheet" href="realm.css">
</head>
<body>

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

	<main class="realm-folder">
		<h1 class="visually-hidden">属地</h1>

		<div class="folder-content">

			<svg role="group" aria-labelledby="scene-hosted-title" viewBox="0 0 800 500">
				<title id="scene-hosted-title">属地 — Walled manor with code repository, monitoring tower, and post office</title>

				<!-- Sky -->
				<rect class="fill-sky" x="0" y="0" width="800" height="500"/>

				<!-- Stars -->
				<g class="scene-detail" aria-hidden="true">
					<rect class="fill-star" x="60" y="25" width="3" height="3"/>
					<rect class="fill-star" x="180" y="50" width="2" height="2"/>
					<rect class="fill-star" x="310" y="15" width="3" height="3"/>
					<rect class="fill-star" x="450" y="40" width="2" height="2"/>
					<rect class="fill-star" x="570" y="20" width="2" height="2"/>
					<rect class="fill-star" x="650" y="55" width="3" height="3"/>
					<rect class="fill-star" x="130" y="75" width="2" height="2"/>
					<rect class="fill-star" x="740" y="35" width="2" height="2"/>
				</g>

				<!-- Moon -->
				<circle class="fill-moon" cx="700" cy="75" r="28" aria-hidden="true"/>
				<circle class="fill-sky" cx="714" cy="66" r="26" aria-hidden="true"/>

				<!-- Distant mountains -->
				<path class="fill-mountain-far" d="M0 270 L90 190 L180 230 L300 170 L420 210 L520 175 L630 225 L730 185 L800 215 L800 310 L0 310 Z" aria-hidden="true"/>
				<path class="fill-mountain" d="M0 300 L70 250 L160 280 L260 230 L360 265 L480 220 L580 270 L680 245 L800 280 L800 330 L0 330 Z" aria-hidden="true"/>

				<!-- Ground -->
				<rect class="fill-ground" x="0" y="310" width="800" height="190"/>

				<!-- ============================
				     Manor walls + battlements
				     ============================ -->

				<!-- Main wall body -->
				<rect class="fill-wall" x="160" y="280" width="480" height="100" aria-hidden="true"/>

				<!-- Battlements (crenellation) -->
				<path class="fill-wall" d="
					M160 280 L160 265 L185 265 L185 258 L210 258 L210 265
					L235 265 L235 258 L260 258 L260 265 L285 265 L285 258 L310 258 L310 265
					L335 265 L335 258 L360 258 L360 265 L385 265 L385 258 L410 258 L410 265
					L435 265 L435 258 L460 258 L460 265 L485 265 L485 258 L510 258 L510 265
					L535 265 L535 258 L560 258 L560 265 L585 265 L585 258 L610 258 L610 265
					L640 265 L640 280 Z
				" aria-hidden="true"/>

				<!-- Wall detail bands -->
				<rect class="fill-wall-dark" x="190" y="355" width="420" height="4" aria-hidden="true"/>
				<rect class="fill-wall-light" x="190" y="330" width="420" height="3" aria-hidden="true"/>

				<!-- ============================
				     Corner towers
				     ============================ -->

				<!-- Left tower -->
				<rect class="fill-wall-dark" x="140" y="230" width="50" height="150" aria-hidden="true"/>
				<path class="fill-wall-dark" d="M140 230 L140 215 L152 215 L152 207 L165 198 L178 207 L178 215 L190 215 L190 230 Z" aria-hidden="true"/>
				<rect class="fill-window" x="157" y="248" width="10" height="15" aria-hidden="true"/>
				<rect class="fill-window" x="157" y="285" width="10" height="15" aria-hidden="true"/>

				<!-- Right tower -->
				<rect class="fill-wall-dark" x="610" y="230" width="50" height="150" aria-hidden="true"/>
				<path class="fill-wall-dark" d="M610 230 L610 215 L622 215 L622 207 L635 198 L648 207 L648 215 L660 215 L660 230 Z" aria-hidden="true"/>
				<rect class="fill-window" x="627" y="248" width="10" height="15" aria-hidden="true"/>
				<rect class="fill-window" x="627" y="285" width="10" height="15" aria-hidden="true"/>

				<!-- ============================
				     Gate (bottom center)
				     ============================ -->

				<!-- Gate pillars -->
				<rect class="fill-wall-dark" x="370" y="340" width="18" height="40" aria-hidden="true"/>
				<rect class="fill-wall-dark" x="412" y="340" width="18" height="40" aria-hidden="true"/>

				<!-- Gate lintel -->
				<rect class="fill-wall-dark" x="365" y="335" width="70" height="12" aria-hidden="true"/>

				<!-- Keystone -->
				<polygon class="fill-accent-dim" points="395,335 405,335 403,328 397,328" aria-hidden="true"/>

				<!-- ============================
				     HOTSPOT: 代码库 (Sourcehut)
				     ============================ -->
				<a class="hotspot" href="https://git.cytrogen.icu" aria-label="代码库 — Sourcehut code repository">
					<title>代码库 — Sourcehut</title>
					<!-- Wide low warehouse with shallow roof -->
					<rect class="hotspot-shape" x="200" y="290" width="130" height="55"/>
					<polygon class="hotspot-shape" points="195,290 265,260 335,290"/>
					<!-- Multiple narrow windows (code lines) -->
					<rect class="fill-window" x="215" y="305" width="8" height="14"/>
					<rect class="fill-window" x="230" y="305" width="8" height="14"/>
					<rect class="fill-window" x="245" y="305" width="8" height="14"/>
					<rect class="fill-window" x="260" y="305" width="8" height="14"/>
					<rect class="fill-window" x="275" y="305" width="8" height="14"/>
					<rect class="fill-window" x="290" y="305" width="8" height="14"/>
					<!-- Door -->
					<rect class="fill-door" x="305" y="325" width="16" height="20"/>
					<!-- Label -->
					<text class="hotspot-label" x="265" y="253" text-anchor="middle">代码库</text>
				</a>

				<!-- ============================
				     HOTSPOT: 监控塔 (Beszel)
				     ============================ -->
				<a class="hotspot" href="https://status.cytrogen.icu" aria-label="监控塔 — Beszel status monitoring">
					<title>监控塔 — Beszel</title>
					<!-- Tall narrow tower -->
					<rect class="hotspot-shape" x="460" y="240" width="40" height="105"/>
					<!-- Pointed spire -->
					<polygon class="hotspot-shape" points="455,240 480,200 505,240"/>
					<!-- Signal beacon at top (accent + glow) -->
					<circle class="fill-accent-shape" cx="480" cy="212" r="5"/>
					<circle class="fill-window-glow" cx="480" cy="212" r="10"/>
					<!-- Vertical windows -->
					<rect class="fill-window" x="473" y="258" width="10" height="12"/>
					<rect class="fill-window" x="473" y="280" width="10" height="12"/>
					<rect class="fill-window" x="473" y="302" width="10" height="12"/>
					<rect class="fill-window" x="473" y="324" width="10" height="12"/>
					<!-- Label -->
					<text class="hotspot-label" x="480" y="193" text-anchor="middle">监控塔</text>
				</a>

				<!-- ============================
				     HOTSPOT: 邮局 (Stalwart)
				     ============================ -->
				<a class="hotspot" href="https://mail.cytrogen.icu" aria-label="邮局 — Stalwart mail server">
					<title>邮局 — Stalwart</title>
					<!-- Medium building -->
					<rect class="hotspot-shape" x="535" y="275" width="70" height="70"/>
					<!-- Peaked roof -->
					<polygon class="hotspot-shape" points="530,275 570,248 610,275"/>
					<!-- Flagpole -->
					<rect class="hotspot-icon" x="590" y="238" width="3" height="37"/>
					<!-- Flag (accent) -->
					<polygon class="fill-accent-shape" points="593,241 612,247 593,253"/>
					<!-- Windows -->
					<rect class="fill-window" x="548" y="290" width="12" height="14"/>
					<rect class="fill-window" x="578" y="290" width="12" height="14"/>
					<!-- Door with mail slot -->
					<rect class="fill-door" x="562" y="322" width="16" height="23"/>
					<rect class="fill-accent-dim" x="565" y="330" width="10" height="3"/>
					<!-- Label -->
					<text class="hotspot-label" x="570" y="241" text-anchor="middle">邮局</text>
				</a>

				<!-- Decorative trees -->
				<g class="scene-detail" aria-hidden="true">
					<!-- Left outside trees -->
					<polygon class="fill-tree" points="50,340 65,285 80,340"/>
					<polygon class="fill-tree" points="45,360 65,315 85,360"/>
					<rect class="fill-tree" x="60" y="360" width="10" height="18"/>

					<polygon class="fill-tree" points="105,345 118,300 131,345"/>
					<polygon class="fill-tree" points="100,365 118,325 136,365"/>
					<rect class="fill-tree" x="113" y="365" width="10" height="14"/>

					<!-- Right outside trees -->
					<polygon class="fill-tree" points="680,345 695,290 710,345"/>
					<polygon class="fill-tree" points="675,365 695,320 715,365"/>
					<rect class="fill-tree" x="690" y="365" width="10" height="18"/>

					<polygon class="fill-tree" points="730,350 743,305 756,350"/>
					<polygon class="fill-tree" points="725,370 743,330 761,370"/>
					<rect class="fill-tree" x="738" y="370" width="10" height="22"/>

					<!-- Far right small tree -->
					<polygon class="fill-tree" points="770,355 780,325 790,355"/>
					<rect class="fill-tree" x="775" y="355" width="8" height="12"/>
				</g>

				<!-- ============================
				     HOTSPOT: Road → 邻邦
				     ============================ -->
				<a class="hotspot" href="neighbors.html" aria-label="邻邦 — Return to neighboring lands">
					<title>邻邦 — Neighboring lands</title>
					<path class="hotspot-shape fill-path" d="M380 500 L420 500 L415 380 L385 380 Z"/>
					<text class="hotspot-label" x="400" y="470" text-anchor="middle">邻邦</text>
				</a>

			</svg>

		</div>

		<nav id="scene-nav-hosted" class="scene-nav" aria-label="属地导航">
			<ul class="scene-nav__list">
				<li><a class="scene-nav__link" href="https://git.cytrogen.icu">代码库 — Sourcehut</a></li>
				<li><a class="scene-nav__link" href="https://status.cytrogen.icu">监控塔 — Beszel</a></li>
				<li><a class="scene-nav__link" href="https://mail.cytrogen.icu">邮局 — Stalwart</a></li>
				<li><a class="scene-nav__link" href="neighbors.html">邻邦 — 返回街道</a></li>
			</ul>
		</nav>
	</main>

</body>
</html>