New REM client: REM-Client d8bde29, 64-bit (equipment dealer: a Reset view button over the ship; HUD: the time to get to the target, waypoint and best path; player info: career, reputation list and faction card in three columns)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-11-06 10:04:44 +01:00
co-authored by Claude Opus 5.5
parent cf2347d960
commit 7e732b1e4e
5 changed files with 20 additions and 20 deletions
Binary file not shown.
Binary file not shown.
+1 -1
View File
@@ -109,7 +109,7 @@
</div>
</div>
<div class="colm mid">
<div class="col-h"><h3>Your ship</h3></div>
<div class="col-h"><h3>Your ship</h3><span class="tools"><div class="btn" data-action="ship-reset">Reset view<div class="tip">Turns the ship back to its start view and zoom.</div></div></span></div>
<div id="ship"></div>
<div class="cmp" data-if="cmp.size &gt; 0">
<div class="ch"><span class="cl">{{ pick.name }}</span><span class="cv">this</span><span class="cv" data-if="cmp_other != ''">mounted</span></div>
+19 -19
View File
@@ -5,11 +5,13 @@
<style>
.split { flex: 1; display: flex; flex-direction: row; min-height: 0; }
.colm { flex: 1; display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.colm.side { flex: 0 0 42%; margin-right: 18dp; overflow-y: auto; }
/* the career narrow on the left (a stat a line), the reputation list, the picked faction's card beside it */
.colm.side { flex: 0 0 26%; margin-right: 18dp; overflow-y: auto; }
.colm.cardcol { margin-left: 18dp; }
.grid { display: block; margin-bottom: 8dp; }
.stat { display: inline-block; box-sizing: border-box; width: 48%; margin: 0 2% 8dp 0; padding: 8dp 12dp; background-color: #5cc8f010; }
.stat .k { font-family: "Saira SemiCondensed"; font-size: 12dp; letter-spacing: 1.1dp; text-transform: uppercase; color: #8197ad; }
.stat .v { font-family: "IBM Plex Mono"; font-size: 17dp; margin-top: 2dp; }
.stat { display: flex; flex-direction: row; align-items: center; margin-bottom: 4dp; padding: 6dp 10dp; background-color: #5cc8f010; }
.stat .k { flex: 1; min-width: 0; font-family: "Saira SemiCondensed"; font-size: 12dp; letter-spacing: 1.1dp; text-transform: uppercase; color: #8197ad; }
.stat .v { font-family: "IBM Plex Mono"; font-size: 15dp; margin-left: 8dp; }
.list { flex: 1; overflow-y: auto; }
.faction { display: flex; flex-direction: row; align-items: center; padding: 7dp 10dp; margin-bottom: 5dp; border-left: 3dp #24405c; background-color: #5cc8f010; }
.faction:hover { border-left-color: #5cc8f0; }
@@ -43,24 +45,22 @@
<div class="grid"><div class="stat" data-for="s : kills"><div class="k">{{ s.label }}</div><div class="v">{{ s.value }}</div></div></div>
</div>
<div class="colm">
<div data-if="!has_card" class="colm">
<h3 style="margin-bottom: 8dp;">Reputation</h3>
<div class="list">
<div class="hint" data-if="factions.size == 0">You have met no factions yet.</div>
<div class="faction" data-for="f : factions" data-class-own="f.own" data-class-selected="f.selected" data-action="faction" data-attr-data-arg="f.key">
<span class="n">{{ f.name }}</span>
<div class="rep">
<div class="half l"><div class="neg" data-style-width="(f.left * 2) + '%'"></div></div>
<div class="half"><div class="pos" data-style-width="(f.right * 2) + '%'"></div></div>
</div>
<span class="s">{{ f.standing }}</span>
<h3 style="margin-bottom: 8dp;">Reputation</h3>
<div class="list">
<div class="hint" data-if="factions.size == 0">You have met no factions yet.</div>
<div class="faction" data-for="f : factions" data-class-own="f.own" data-class-selected="f.selected" data-action="faction" data-attr-data-arg="f.key">
<span class="n">{{ f.name }}</span>
<div class="rep">
<div class="half l"><div class="neg" data-style-width="(f.left * 2) + '%'"></div></div>
<div class="half"><div class="pos" data-style-width="(f.right * 2) + '%'"></div></div>
</div>
<span class="s">{{ f.standing }}</span>
</div>
</div>
<div data-if="has_card" class="colm">
<div style="display: flex; flex-direction: row; align-items: center; margin-bottom: 8dp;"><h3>{{ card_title }}</h3><div class="btn" style="margin: 0 0 0 auto;" data-action="card-close">Back</div></div>
<div class="card">{{ card }}</div>
</div>
</div>
<div class="colm cardcol" data-if="has_card">
<div style="display: flex; flex-direction: row; align-items: center; margin-bottom: 8dp;"><h3>{{ card_title }}</h3><div class="btn" style="margin: 0 0 0 auto;" data-action="card-close">Close</div></div>
<div class="card">{{ card }}</div>
</div>
</div>
</div>
BIN
View File
Binary file not shown.