New REM client: REM-Client a099656, 64-bit (HUD ship status: the ship as a wireframe with its damage in the shield ring, power / thrust / speed wings; inventory: smaller, credits, the picked piece's figures; main menu, loading bar and message box in the HUD look)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-11-06 13:32:46 +01:00
co-authored by Claude Opus 5.5
parent f5511d92bb
commit 2835d6bee1
6 changed files with 90 additions and 50 deletions
+10 -6
View File
@@ -4,16 +4,20 @@
<link type="text/rcss" href="rem.rcss"/>
<style>
body.loaddoc { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; background-color: transparent; pointer-events: none; }
.load { position: absolute; left: 50%; bottom: 60dp; transform: translateX(-50%); width: 420dp; padding: 10dp 16dp 12dp 16dp; decorator: ninepatch(fw, fw-i); }
.load .t { font-family: "Saira SemiCondensed"; font-weight: 700; font-size: 18dp; letter-spacing: 4dp; color: #dbe6f0; text-align: center; margin-bottom: 8dp; }
.load .track { position: relative; height: 4dp; background-color: #24405c; border-radius: 2dp; }
.load .sweep { position: absolute; top: 0; width: 25%; height: 4dp; background-color: #f2b13c; border-radius: 2dp; }
/* a small HUD panel (cut corners): the title with its three slashes, a segmented rail as the HUD's
bars with the amber sweep running over it (the loading screen's own phase: no real progress) */
.load { position: absolute; left: 50%; bottom: 60dp; transform: translateX(-50%); width: 460dp; padding: 12dp 22dp 16dp 26dp; decorator: ninepatch(fw, fw-i); }
.load .t { font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 18dp; letter-spacing: 3dp; color: #e8f4ff; margin-bottom: 10dp; }
.load .t .sl { margin-left: 10dp; letter-spacing: -1dp; color: #5cc8f0; }
.load .track { position: relative; height: 8dp; display: flex; flex-direction: row; }
.load .sg { flex: 1; height: 8dp; margin-right: 2dp; background-color: #f2b13c26; }
.load .sweep { position: absolute; top: 0; width: 25%; height: 8dp; background-color: #f2b13ccc; }
</style>
</head>
<body class="loaddoc" data-model="loading">
<div class="load" data-if="shown">
<div class="t">LOADING</div>
<div class="track"><div class="sweep" data-style-left="sweep"></div></div>
<div class="t">LOADING<span class="sl">\\\</span></div>
<div class="track"><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sg"></div><div class="sweep" data-style-left="sweep"></div></div>
</div>
</body>
</rml>