mirror of
https://github.com/an-anime-team/an-anime-game-launcher.git
synced 2024-12-25 19:18:17 +03:00
234 lines
12 KiB
HTML
234 lines
12 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
||
<!-- CSS styles -->
|
||
<link rel="stylesheet" href="../css/components.css">
|
||
<link rel="stylesheet" href="../css/settings.css">
|
||
<link rel="stylesheet" href="../css/hint.min.css">
|
||
|
||
<!-- JS scripts -->
|
||
<script>require('../js/lib/components.js');</script>
|
||
<script>require('../js/settings.js');</script>
|
||
|
||
<title i18id="SettingsTitle">Settings</title>
|
||
</head>
|
||
|
||
<body class="body">
|
||
<div class="menu">
|
||
<div class="menu-item menu-item-active" anchor="general" i18id="General">General</div>
|
||
<div class="menu-item" anchor="enhancements" i18id="Enhancements">Enhancements</div>
|
||
<div class="menu-item" anchor="runners" i18id="WineVersion">Wine version</div>
|
||
<div class="menu-item" anchor="dxvks" i18id="DXVK">DXVK</div>
|
||
<div class="menu-item" anchor="shaders" i18id="Shaders">Shaders</div>
|
||
<div class="menu-item" anchor="environment" i18id="Environment">Environment</div>
|
||
<div class="menu-item" anchor="statistics" i18id="Statistics">Statistics</div>
|
||
</div>
|
||
|
||
<div class="settings">
|
||
<div class="settings-item" id="general">
|
||
<h2 i18id="General">General</h2>
|
||
|
||
<div class="select" id="language">
|
||
<span i18id="Language">Language</span>
|
||
|
||
<div class="select-options">
|
||
<ul>
|
||
<li value="en-us">English (US)</li>
|
||
<li value="zh-cn">中文（简化）(Chinese Simplified)</li>
|
||
<li value="de-de">Deutsch (German)</li>
|
||
<li value="fr-fr">Français (French)</li>
|
||
<li value="id-id">Indonesia (Indonesian)</li>
|
||
<li value="ja-jp">日本語 (Japanese)</li>
|
||
<li value="ko-kr">한국어 (Korean)</li>
|
||
<li value="pt-pt">Português (Portuguese)</li>
|
||
<li value="ru-ru">Pусский (Russian)</li>
|
||
<li value="es-es">Español (Spanish)</li>
|
||
<li value="th-th">ภาษาไทย (Thai)</li>
|
||
<li value="zh-tw">中文（繁體）(Chinese Traditional)</li>
|
||
<li value="vi-vn">Tiếng Việt (Vietnamese)</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="selected-item">
|
||
<span>English (US)</span>
|
||
|
||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 330.002 330.002" xml:space="preserve"><path d="M233.252,155.997L120.752,6.001c-4.972-6.628-14.372-7.97-21-3c-6.628,4.971-7.971,14.373-3,21 l105.75,140.997L96.752,306.001c-4.971,6.627-3.627,16.03,3,21c2.698,2.024,5.856,3.001,8.988,3.001 c4.561,0,9.065-2.072,12.012-6.001l112.5-150.004C237.252,168.664,237.252,161.33,233.252,155.997z"/></svg>
|
||
</div>
|
||
</div>
|
||
|
||
<br>
|
||
|
||
<div class="select" id="voicepack">
|
||
<span i18id="Voice">Voice Pack</span>
|
||
|
||
<div class="select-options">
|
||
<ul>
|
||
<li value="en-us">English (US)</li>
|
||
<li value="zh-cn">汉语 (Chinese)</li>
|
||
<li value="ja-jp">日本語 (Japanese)</li>
|
||
<li value="ko-kr">한국어 (Korean)</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="selected-item hint--top hint--medium">
|
||
<span>English (US)</span>
|
||
|
||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 330.002 330.002" xml:space="preserve"><path d="M233.252,155.997L120.752,6.001c-4.972-6.628-14.372-7.97-21-3c-6.628,4.971-7.971,14.373-3,21 l105.75,140.997L96.752,306.001c-4.971,6.627-3.627,16.03,3,21c2.698,2.024,5.856,3.001,8.988,3.001 c4.561,0,9.065-2.072,12.012-6.001l112.5-150.004C237.252,168.664,237.252,161.33,233.252,155.997z"/></svg>
|
||
</div>
|
||
</div>
|
||
|
||
<br>
|
||
|
||
<div class="select" id="gpu">
|
||
<span>GPU</span>
|
||
|
||
<div class="select-options">
|
||
<ul>
|
||
<li value="default">Default</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="selected-item">
|
||
<span>Default</span>
|
||
|
||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 330.002 330.002" xml:space="preserve"><path d="M233.252,155.997L120.752,6.001c-4.972-6.628-14.372-7.97-21-3c-6.628,4.971-7.971,14.373-3,21 l105.75,140.997L96.752,306.001c-4.971,6.627-3.627,16.03,3,21c2.698,2.024,5.856,3.001,8.988,3.001 c4.561,0,9.065-2.072,12.012-6.001l112.5-150.004C237.252,168.664,237.252,161.33,233.252,155.997z"/></svg>
|
||
</div>
|
||
</div>
|
||
|
||
<br>
|
||
|
||
<div class="checkbox" id="discord-rpc">
|
||
Discord RPC
|
||
|
||
<div class="checkbox-mark">
|
||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="45.701px" height="45.7px" viewBox="0 0 45.701 45.7" xml:space="preserve"><g><g><path d="M20.687,38.332c-2.072,2.072-5.434,2.072-7.505,0L1.554,26.704c-2.072-2.071-2.072-5.433,0-7.504 c2.071-2.072,5.433-2.072,7.505,0l6.928,6.927c0.523,0.522,1.372,0.522,1.896,0L36.642,7.368c2.071-2.072,5.433-2.072,7.505,0 c0.995,0.995,1.554,2.345,1.554,3.752c0,1.407-0.559,2.757-1.554,3.752L20.687,38.332z"/></g></g></svg>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="checkbox" id="darkmode">
|
||
Dark Mode
|
||
|
||
<div class="checkbox-mark">
|
||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="45.701px" height="45.7px" viewBox="0 0 45.701 45.7" xml:space="preserve"><g><g><path d="M20.687,38.332c-2.072,2.072-5.434,2.072-7.505,0L1.554,26.704c-2.072-2.071-2.072-5.433,0-7.504 c2.071-2.072,5.433-2.072,7.505,0l6.928,6.927c0.523,0.522,1.372,0.522,1.896,0L36.642,7.368c2.071-2.072,5.433-2.072,7.505,0 c0.995,0.995,1.554,2.345,1.554,3.752c0,1.407-0.559,2.757-1.554,3.752L20.687,38.332z"/></g></g></svg>
|
||
</div>
|
||
</div>
|
||
|
||
<br>
|
||
</div>
|
||
|
||
<div class="settings-item" id="enhancements">
|
||
<h2 i18id="Enhancements">Enhancements</h2>
|
||
|
||
<div class="select" id="hud">
|
||
<span>HUD</span>
|
||
|
||
<div class="select-options">
|
||
<ul>
|
||
<li value="none">None</li>
|
||
<li value="dxvk">DXVK</li>
|
||
<li value="mangohud">MangoHud</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="selected-item">
|
||
<span>None</span>
|
||
|
||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 330.002 330.002" xml:space="preserve"><path d="M233.252,155.997L120.752,6.001c-4.972-6.628-14.372-7.97-21-3c-6.628,4.971-7.971,14.373-3,21 l105.75,140.997L96.752,306.001c-4.971,6.627-3.627,16.03,3,21c2.698,2.024,5.856,3.001,8.988,3.001 c4.561,0,9.065-2.072,12.012-6.001l112.5-150.004C237.252,168.664,237.252,161.33,233.252,155.997z"/></svg>
|
||
</div>
|
||
</div>
|
||
|
||
<br>
|
||
|
||
<div class="checkbox" id="gamemode">
|
||
GameMode
|
||
|
||
<div class="checkbox-mark">
|
||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="45.701px" height="45.7px" viewBox="0 0 45.701 45.7" xml:space="preserve"><g><g><path d="M20.687,38.332c-2.072,2.072-5.434,2.072-7.505,0L1.554,26.704c-2.072-2.071-2.072-5.433,0-7.504 c2.071-2.072,5.433-2.072,7.505,0l6.928,6.927c0.523,0.522,1.372,0.522,1.896,0L36.642,7.368c2.071-2.072,5.433-2.072,7.505,0 c0.995,0.995,1.554,2.345,1.554,3.752c0,1.407-0.559,2.757-1.554,3.752L20.687,38.332z"/></g></g></svg>
|
||
</div>
|
||
</div>
|
||
|
||
<br>
|
||
|
||
<div class="checkbox" id="autodelete-dxvk-logs">
|
||
<span i18id="AutoDeleteDXVKLogs">Auto-delete DXVK logs</span>
|
||
|
||
<div class="checkbox-mark">
|
||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="45.701px" height="45.7px" viewBox="0 0 45.701 45.7" xml:space="preserve"><g><g><path d="M20.687,38.332c-2.072,2.072-5.434,2.072-7.505,0L1.554,26.704c-2.072-2.071-2.072-5.433,0-7.504 c2.071-2.072,5.433-2.072,7.505,0l6.928,6.927c0.523,0.522,1.372,0.522,1.896,0L36.642,7.368c2.071-2.072,5.433-2.072,7.505,0 c0.995,0.995,1.554,2.345,1.554,3.752c0,1.407-0.559,2.757-1.554,3.752L20.687,38.332z"/></g></g></svg>
|
||
</div>
|
||
</div>
|
||
|
||
<br>
|
||
|
||
<br>
|
||
</div>
|
||
|
||
<div class="settings-item" id="runners">
|
||
<h2 i18id="WineVersion">Wine version</h2>
|
||
|
||
<div class="list" id="runners-list"></div>
|
||
</div>
|
||
|
||
<div class="settings-item" id="dxvks">
|
||
<h2>DXVK</h2>
|
||
|
||
<div class="list" id="dxvk-list"></div>
|
||
</div>
|
||
|
||
<div class="settings-item" id="shaders">
|
||
<h2 i18id="Shaders">Shaders</h2>
|
||
|
||
<div class="select" id="shaders-list">
|
||
<span i18id="Shaders">Shaders</span>
|
||
|
||
<div class="select-options">
|
||
<ul>
|
||
<li value="none">None</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="selected-item hint--top hint--small">
|
||
<span>None</span>
|
||
|
||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 330.002 330.002" xml:space="preserve"><path d="M233.252,155.997L120.752,6.001c-4.972-6.628-14.372-7.97-21-3c-6.628,4.971-7.971,14.373-3,21 l105.75,140.997L96.752,306.001c-4.971,6.627-3.627,16.03,3,21c2.698,2.024,5.856,3.001,8.988,3.001 c4.561,0,9.065-2.072,12.012-6.001l112.5-150.004C237.252,168.664,237.252,161.33,233.252,155.997z"/></svg>
|
||
</div>
|
||
</div>
|
||
|
||
<br>
|
||
</div>
|
||
|
||
<div class="settings-item" id="environment">
|
||
<h2 i18id="EnvironmentalVariables">Environmental variables</h2>
|
||
|
||
<div class="properties-list" id="env-list">
|
||
<table>
|
||
<tr>
|
||
<th i18id="Name">Name</th>
|
||
<th i18id="Value">Value</th>
|
||
</tr>
|
||
</table>
|
||
|
||
<div class="properties-list-buttons">
|
||
<button class="button" id="add" i18id="Add">Add</button>
|
||
<button class="button" id="delete" i18id="Delete">Delete</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="settings-item" id="statistics">
|
||
<h2 i18id="Statistics">Statistics</h2>
|
||
|
||
<div>
|
||
<span i18id="YouPlayedFor">You've played for</span>
|
||
<span id="play-hours"></span>
|
||
<span i18id="hours">hours</span>
|
||
<span id="play-minutes"></span>
|
||
<span i18id="minutes">minutes</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|