REM-Freelancer/REM-Mod
5
0
Fork 0
Code Issues 25 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

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)

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
flathack
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
Download Patch File Download Diff File Expand all files Collapse all files
EXE/remui/playerinfo.rml
+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>