-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
154 lines (136 loc) · 7.37 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!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">
<meta name="description" content="Create and Customise your own CS:GO Config Files in a matter of seconds with ConfigAce, the easiest autoexec (cfg) generator for Counter-Strike Global Offensive">
<title>Config Ace | The #1 CS:GO Autoexec Tool</title>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="favicons/android-chrome-512x512.png">
<link rel="manifest" href="site.webmanifest">
<script data-ad-client="ca-pub-3277040688747423" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</head>
<body class="container" id="body">
<div id="popup-container" class="hidden">
<form id="popup-closer"><input type="submit" class="secondary-submit" value="Close"></form>
<h1>Config Ace ✪</h1>
<caption>Config Ace is a tool that makes creating CS:GO Config files super simple.</caption>
<h2>What is a Config File?</h2>
<p>A config file also known as "autoexec" is a file that Counter-Strike: Global Offensive players use to store their CS:GO custom settings.</p>
<p>You can use it to setup basic things such as your <b>crosshair</b>, <b>fps limit</b> and <b>senstivity</b> settings, but also more complicating things like <b>viewmodel</b>, <b>buy binds</b> or <b>radar</b></b>.</p>
<p>You can even setup configurations for particular game modes for example a <b>128 tick 1v1 configuration</b>.</p>
<p>The file extension for a config file is <i>.cfg</i></p>
<h2>Getting Started</h2>
<h3>Starting from an existing config file*</h3>
<p>The 📤 button allows you to load in your own config files.</p>
<p>*<i>The feature is still experimental</i>.</p>
<h3>Starting using CS:GOs default bindings</h3>
<p>The 🔃 button will load all of CS:GOs default binds. Useful as a starting template.</p>
<h3>Binding a Key to a Command</h3>
<ol>
<li>Select a key from the onscreen keyboard.</li>
<li>Choose any command from the command menu (e.g. <i>cl_crosshair_style</i>).</li>
<li>Optionally, provide a value you want this command to take (e.g. 3)</li>
<li>Click the button (or the Enter key) to save.</li>
</ol>
<aside>You can <b>update</b> any bind by selecting the key it is bound to and clicking on it again.</aside>
<br>
<aside>You can <b>delete</b> all binds using the ❌ key, or <b>delete</b> a specific bind by clicking the delete button in the command menu.</aside>
<h3>Creating the config (.cfg) file</h3>
<ol>
<li>Click any of the 💾 buttons to directly export to a config file.</li>
</ol>
<h3>How to use a .cfg file</h3>
<p>For most people, it will be as simple as moving the file to the directory where Counter-Strike: Global Offensive is installed.</p>
<p>The path may look something like: <i>C:\Program Files (x86)\Steam\steamapps\common\Counter-Strike Global Offensive\csgo\cfg</i></p>
<p>You can now reference your config file by name in the <b>console</b>, or you can add it to your <b>CS:GO launch options</b> on Steam.</p>
<span>Have a suggestion or some feedback? Create a <a target="_blank" href="https://github.com/samuelsogbesan/config-ace/issues/new?title=[📝] Suggestion: Suggestion Title Goes Here&body=Write here about your suggestion. Thanks for the contribution! ✌️" referrerpolicy="no-referrer">GitHub Issue</a></span>
<form id="popup-closer-2"><input type="submit" class="secondary-submit" value="Get Started"></form>
</div>
<div id="content-blocker" class="hidden"></div>
<header style="width: 100%; display: flex; justify-content: center;">
<nav id="main-menu">
<a id="main-brand" href="/">Config Ace ✪</a>
<ul style="display: none;">
<li><button id="slide-menu-button" href="/">Menu</button></li>
</ul>
</nav>
</header>
<nav id="side-menu">
<form id="help-form">
<input type="submit" value="?" class="circular-submit" title="Get Help">
</form>
<form id="file-form">
<label for="file-upload" class="circular-submit" title="Upload a config file to start from">
📤
<input id="file-upload" name="file" type="file" class="hidden" accept=".cfg" required value="default.cfg">
</label>
<input id="file-form-submit" type="submit" class="hidden">
</form>
<form id="default-file-form">
<label for="default-file-form-submit" class="circular-submit" title="Load CSGOs default bindings">
🔃
</label>
<input id="default-file-form-submit" type="submit" class="hidden">
</form>
</nav>
<div class="search-nav" tabindex="0">
<span id="current-key"><key></span>
<form id="search-form">
<input id="main-search" name="search" class="search" type="search" placeholder="Search for a command... 🔍" autocomplete="off">
<div id="search-tray" class="hidden">
<div id="search-form-results-container" class="hidden">
<label class="results-label" for="value">Select a command</label>
<select name="result" id="search-results" size=10 required></select>
<i>no results</i>
</div>
<div id="search-form-value-container" class="hidden">
<label for="value">Give a value for the command</label>
<input id="command-value-input" name="value" class="search" type="search" placeholder="Provide a value... 🔍 (optional)" autocomplete="off">
</div>
<div id="search-form-bindtype-container" class="hidden">
<div class="radio-pill">
<input type="radio" id="bind-option" class="hidden" name="bindtype" value="bind" checked="true">
<label for="bind-option">bind</label>
<input type="radio" id="bindtoggle-option" class="hidden" name="bindtype" value="BindToggle">
<label for="bindtoggle-option">BindToggle*</label>
</div>
<small id="bindtoggle-warning" class="warning hidden">*BindToggle cycles through the available values for your command, so the value you provide will be ignored.</small>
</div>
<div id="search-form-submit-container" class="hidden">
<input id="search-results-submit" class="secondary-submit" name="create" type="submit" value="Create/Update Bind">
<input id="search-results-submit-delete" class="secondary-submit" name="delete" type="submit" disabled="true" value="Delete Bind">
</div>
</div>
</form>
</div>
<section class="main-section">
<textarea id="config-panel" class="board" readonly placeholder="Config Preview Window (empty)"></textarea>
<form id='keyboard'></form>
<!-- Config Ace Square Ad Placement -->
<div class="ad">
<span>Your ad here!</span>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-3277040688747423"
data-ad-slot="7342150198"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
</div>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</section>
<section id="slide-menu" style="display: none;">
<ul>
<li>
</li>
</ul>
</section>
<footer id="toast">
<span id="instruction-box">Select a key to bind a command to by using the on-screen keyboard.</span>
</footer>
<script defer src="index.js"></script>
</body>
</html>