mirror of
https://github.com/MichaelScottsman/LiquidAss-Frame.git
synced 2026-10-20 18:01:55 +02:00
73 lines
4.3 KiB
HTML
73 lines
4.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Glass Shell P2 — Settings: System (root view, top of page)</title>
|
|
<link rel="stylesheet" href="kit.css">
|
|
<link rel="stylesheet" href="window-nav-shared.css">
|
|
<link rel="stylesheet" href="settings.css">
|
|
</head>
|
|
<body>
|
|
<div class="lgk-view" data-room="lounge">
|
|
|
|
<!-- tab-bar ornament (window-nav §3.3): Steam's frame menu, Settings selected; +25 mm (popup z, PLAN §1.7) -->
|
|
<div data-wn="tabbar" data-right="302" data-cy="426" data-sel="steam settings"></div>
|
|
|
|
<!-- ============ Steam's main window, /settings/system, root view. Route glass mode "window": 1280 x 656 (PLAN §1.2) -->
|
|
<div class="lgk-overlay" style="left:320px; top:66px">
|
|
<div class="lgk-glass st-win" data-mat="window" data-dz="0" data-tier="T5 window cover (T1: smoky tint + edge cues)">
|
|
|
|
<!-- laser mode: the hovered Internet row gets only the light spot; System keeps the brighter selection pill (T-SEL) -->
|
|
<div data-st="sidebar" data-sel="system" data-hover="internet" data-hx="72%" data-hy="44%"></div>
|
|
<!-- detail toolbar: no title at scroll 0 (the hero is the title); Steam's search collapsed to the magnifier circle -->
|
|
<div data-st="toolbar"></div>
|
|
|
|
<div class="st-scroll top">
|
|
<div class="st-col" style="top:116px">
|
|
<!-- compact hero: the 60 px circle is the page's one decorative pop (+10 mm, non-interactive crop, PLAN §1.7) -->
|
|
<div class="st-hero"><span data-chip="system" data-cls="md"></span><div class="t-title1">System</div></div>
|
|
|
|
<!-- drill-down rows (T3, P-S1 + P-S4): each opens one or more of Steam's own sections as a sub-view -->
|
|
<div class="st-plat">
|
|
<div class="st-r first"><span class="lab">About</span><span class="val">steamframe</span><i data-si="chevr" class="chev"></i></div>
|
|
<div class="st-r last"><span class="lab">Updates</span><span class="st-badge">1</span><span class="val">Update available</span><i data-si="chevr" class="chev"></i></div>
|
|
</div>
|
|
<div class="st-gap20"></div>
|
|
<!-- Steam's own rows, shown inline at the root -->
|
|
<div class="st-plat">
|
|
<div class="st-r first last"><span class="lab">Select preferred language</span><span class="st-pop">English<i data-si="updown"></i></span></div>
|
|
</div>
|
|
<div class="st-sh">System Settings</div>
|
|
<div class="st-plat">
|
|
<div class="st-r first two"><span class="lab">24-hour clock<span class="desc">Show the time in 24-hour format</span></span><span class="lgk-toggle"></span></div>
|
|
<div class="st-r" style="min-height:96px"><span class="lab">Timezone</span><span class="st-pop rich"><span style="display:grid; gap:5px"><span>Europe/London</span><span class="sub">UTC+01:00</span></span><i data-si="updown"></i></span></div>
|
|
<div class="st-r"><span class="lab">Default to Desktop Mode on startup</span><span class="lgk-toggle"></span></div>
|
|
<div class="st-r last"><span class="lab">Enable Developer Mode</span><span class="lgk-toggle on"></span></div>
|
|
</div>
|
|
<div class="st-gap20"></div>
|
|
<div class="st-plat">
|
|
<div class="st-r first"><span class="lab">SteamOS Crash Report</span><span class="val">On</span><i data-si="chevr" class="chev"></i></div>
|
|
<div class="st-r last"><span class="lab">Advanced</span><i data-si="chevr" class="chev"></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Steam's legend holds only Select (A) and Back (B): the quiet legend in the 64 px margin, never hidden (PLAN §1.10).
|
|
Laser mode: labels only, no glyph badges (VP P-26) -->
|
|
<div data-st="legend" data-mode="laser" data-legends="A:Select|B:Back"></div>
|
|
</div>
|
|
|
|
<!-- the window-bar row (window-nav §3.5; shown while the laser is on the dashboard) and the dashboard bar -->
|
|
<div data-wn="winbar" data-cx="960" data-y="806" data-dim=".85"></div>
|
|
<div data-wn="bar" data-cx="960" data-y="904"></div>
|
|
|
|
<!-- laser on the Internet row (SteamVR draws beam and dot; the shell's pointer proxy marks the hit in native mode) -->
|
|
<div data-wn="laser" data-to="602,286" data-from="1460,1100"></div>
|
|
</div>
|
|
<script src="settings-shared.js"></script>
|
|
<script src="settings-icons.js"></script>
|
|
<script src="window-nav-shared.js"></script>
|
|
<script src="kit.js"></script>
|
|
</body>
|
|
</html>
|