Skip to content

Commit 7e546ed

Browse files
JaioCGJaioCG
committed
feat: new binds options
- New binds: viewsnap_next, reset_sens, merged taunt and fast taunt - Removed broken hold binds (funneling, dialogue) - Added hoverable text for the toggle/hold/misc binds.
1 parent 077a022 commit 7e546ed

File tree

2 files changed

+158
-153
lines changed

2 files changed

+158
-153
lines changed

‎index.html

+150-151
Original file line numberDiff line numberDiff line change
@@ -202,158 +202,157 @@ <h3>Bind Mode</h3>
202202
</span>
203203
</div>
204204
<div class="binds">
205+
<span>Hover over the toggle/hold/misc binds for a more detailed explenation of how they work, or visit the <a href="https://github.com/p2sr/srconfigs?tab=readme-ov-file#binds">srconfigs README</a>.</span>
205206
<div>
206-
<h3>Player Control</h3>
207-
<span>
208-
<input type="radio" id="bind_control_forward" name="key_action" value="+forward">
209-
<label for="bind_control_forward">Forward</label>
210-
</span>
211-
<span>
212-
<input type="radio" id="bind_control_back" name="key_action" value="+back">
213-
<label for="bind_control_back">Back</label>
214-
</span>
215-
<span>
216-
<input type="radio" id="bind_control_left" name="key_action" value="+moveleft">
217-
<label for="bind_control_left">Left</label>
218-
</span>
219-
<span>
220-
<input type="radio" id="bind_control_right" name="key_action" value="+moveright">
221-
<label for="bind_control_right">Right</label>
222-
</span>
223-
<span>
224-
<input type="radio" id="bind_control_jump" name="key_action" value="+jump">
225-
<label for="bind_control_jump">Jump</label>
226-
</span>
227-
<span>
228-
<input type="radio" id="bind_control_crouch" name="key_action" value="+duck">
229-
<label for="bind_control_crouch">Crouch</label>
230-
</span>
231-
<span>
232-
<input type="radio" id="bind_control_blue" name="key_action" value="+attack">
233-
<label for="bind_control_blue">Shoot blue</label>
234-
</span>
235-
<span>
236-
<input type="radio" id="bind_control_orange" name="key_action" value="+attack2">
237-
<label for="bind_control_orange">Shoot orange</label>
238-
</span>
239-
<span>
240-
<input type="radio" id="bind_control_use" name="key_action" value="+use">
241-
<label for="bind_control_use">Use</label>
242-
</span>
243-
<span>
244-
<input type="radio" id="bind_control_zoom" name="key_action" value="+zoom">
245-
<label for="bind_control_zoom">Zoom</label>
246-
</span>
247-
</div>
248-
<div>
249-
<h3>Toggle Binds</h3>
250-
<span>
251-
<input type="radio" id="bind_toggle_dialogue" name="key_action" value="dialogue_toggle">
252-
<label for="bind_toggle_dialogue">Dialogue</label>
253-
</span>
254-
<span>
255-
<input type="radio" id="bind_toggle_funneling" name="key_action" value="funneling_toggle">
256-
<label for="bind_toggle_funneling">Funneling</label>
257-
</span>
258-
<span>
259-
<input type="radio" id="bind_toggle_fullbright" name="key_action" value="fullbright_toggle">
260-
<label for="bind_toggle_fullbright">Fullbright</label>
261-
</span>
262-
<span>
263-
<input type="radio" id="bind_toggle_lowsens" name="key_action" value="lowsens_toggle">
264-
<label for="bind_toggle_lowsens">Low-sens</label>
265-
</span>
266-
<span>
267-
<input type="radio" id="bind_toggle_useswap" name="key_action" value="useswap_toggle">
268-
<label for="bind_toggle_useswap">Use-swap</label>
269-
</span>
270-
<span>
271-
<input type="radio" id="bind_toggle_supershoot" name="key_action" value="supershoot_toggle">
272-
<label for="bind_toggle_supershoot">Supershoot</label>
273-
</span>
274-
<span>
275-
<input type="radio" id="bind_toggle_30fps" name="key_action" value="30fps_toggle">
276-
<label for="bind_toggle_30fps">30FPS</label>
277-
</span>
278-
<span>
279-
<input type="radio" id="bind_toggle_contimes" name="key_action" value="contimes_toggle">
280-
<label for="bind_toggle_contimes">Contimes</label>
281-
</span>
282-
</div>
283-
<div>
284-
<h3>Hold Binds</h3>
285-
<span>
286-
<input type="radio" id="bind_hold_dialogue" name="key_action" value="+dialogue">
287-
<label for="bind_hold_dialogue">Dialogue</label>
288-
</span>
289-
<span>
290-
<input type="radio" id="bind_hold_funneling" name="key_action" value="+funneling">
291-
<label for="bind_hold_funneling">Funneling</label>
292-
</span>
293-
<span>
294-
<input type="radio" id="bind_hold_fullbright" name="key_action" value="+fullbright">
295-
<label for="bind_hold_fullbright">Fullbright</label>
296-
</span>
297-
<span>
298-
<input type="radio" id="bind_hold_lowsens" name="key_action" value="+lowsens">
299-
<label for="bind_hold_lowsens">Low-sens</label>
300-
</span>
301-
<span>
302-
<input type="radio" id="bind_hold_useswap" name="key_action" value="+useswap">
303-
<label for="bind_hold_useswap">Use-swap</label>
304-
</span>
305-
<span>
306-
<input type="radio" id="bind_hold_supershoot" name="key_action" value="+supershoot">
307-
<label for="bind_hold_supershoot">Supershoot</label>
308-
</span>
309-
<span>
310-
<input type="radio" id="bind_hold_30fps" name="key_action" value="+30fps">
311-
<label for="bind_hold_30fps">30FPS</label>
312-
</span>
313-
<span>
314-
<input type="radio" id="bind_hold_contimes" name="key_action" value="+contimes">
315-
<label for="bind_hold_contimes">Contimes</label>
316-
</span>
317-
</div>
318-
<div>
319-
<h3>Misc</h3>
320-
<span>
321-
<input type="radio" id="bind_misc_taunt" name="key_action" value="taunt">
322-
<label for="bind_misc_taunt">Taunt</label>
323-
</span>
324-
<span>
325-
<input type="radio" id="bind_misc_fasttaunt" name="key_action" value="taunt fast">
326-
<label for="bind_misc_fasttaunt">Fast taunt</label>
327-
</span>
328-
<span>
329-
<input type="radio" id="bind_misc_stopvideos" name="key_action" value="stopvideos">
330-
<label for="bind_misc_stopvideos">Stop videos</label>
331-
</span>
332-
<span>
333-
<input type="radio" id="bind_misc_reset" name="key_action" value="do_reset">
334-
<label for="bind_misc_reset">Reset run</label>
335-
</span>
336-
<span>
337-
<input type="radio" id="bind_misc_restartlvl" name="key_action" value="restart_level">
338-
<label for="bind_misc_restartlvl">Restart level</label>
339-
</span>
340-
<span>
341-
<input type="radio" id="bind_misc_save" name="key_action" value="save">
342-
<label for="bind_misc_save">Save:</label>
343-
</span>
344-
<span>
345-
<input type="radio" id="bind_misc_load" name="key_action" value="load">
346-
<label for="bind_misc_load">Load:</label>
347-
</span>
348-
<span>
349-
<input type="radio" id="bind_misc_saveload" name="key_action" value="saveload">
350-
<label for="bind_misc_saveload">Save-load:</label>
351-
</span>
352-
<span>
353-
<input type="text" id="bind_saveload_name">
354-
</span>
355-
<button id="reset_bind">Clear</button>
356-
</div>
207+
<div>
208+
<h3>Player Control</h3>
209+
<span>
210+
<input type="radio" id="bind_control_forward" name="key_action" value="+forward">
211+
<label for="bind_control_forward">Forward</label>
212+
</span>
213+
<span>
214+
<input type="radio" id="bind_control_back" name="key_action" value="+back">
215+
<label for="bind_control_back">Back</label>
216+
</span>
217+
<span>
218+
<input type="radio" id="bind_control_left" name="key_action" value="+moveleft">
219+
<label for="bind_control_left">Left</label>
220+
</span>
221+
<span>
222+
<input type="radio" id="bind_control_right" name="key_action" value="+moveright">
223+
<label for="bind_control_right">Right</label>
224+
</span>
225+
<span>
226+
<input type="radio" id="bind_control_jump" name="key_action" value="+jump">
227+
<label for="bind_control_jump">Jump</label>
228+
</span>
229+
<span>
230+
<input type="radio" id="bind_control_crouch" name="key_action" value="+duck">
231+
<label for="bind_control_crouch">Crouch</label>
232+
</span>
233+
<span>
234+
<input type="radio" id="bind_control_blue" name="key_action" value="+attack">
235+
<label for="bind_control_blue">Shoot blue</label>
236+
</span>
237+
<span>
238+
<input type="radio" id="bind_control_orange" name="key_action" value="+attack2">
239+
<label for="bind_control_orange">Shoot orange</label>
240+
</span>
241+
<span>
242+
<input type="radio" id="bind_control_use" name="key_action" value="+use">
243+
<label for="bind_control_use">Use</label>
244+
</span>
245+
<span>
246+
<input type="radio" id="bind_control_zoom" name="key_action" value="+zoom">
247+
<label for="bind_control_zoom">Zoom toggle</label>
248+
</span>
249+
</div>
250+
<div>
251+
<h3 title="Pressing toggle binds once enables the effect, then pressing again disables the effect">Toggle Binds</h3>
252+
<span title="Toggles in-game brightness">
253+
<input type="radio" id="bind_toggle_fullbright" name="key_action" value="fullbright_toggle">
254+
<label for="bind_toggle_fullbright">Fullbright</label>
255+
</span>
256+
<span title="Toggles lower sensitivity for more precise aiming">
257+
<input type="radio" id="bind_toggle_lowsens" name="key_action" value="lowsens_toggle">
258+
<label for="bind_toggle_lowsens">Low-sens</label>
259+
</span>
260+
<span title="Toggle scroll up being bound to +use (customizable to be both scroll directions)">
261+
<input type="radio" id="bind_toggle_useswap" name="key_action" value="useswap_toggle">
262+
<label for="bind_toggle_useswap">Use-swap</label>
263+
</span>
264+
<span title="Toggles scroll being bound to shoot blue (customizable to be shoot orange)">
265+
<input type="radio" id="bind_toggle_supershoot" name="key_action" value="supershoot_toggle">
266+
<label for="bind_toggle_supershoot">Supershoot</label>
267+
</span>
268+
<span title="Toggles on-screen developer text">
269+
<input type="radio" id="bind_toggle_contimes" name="key_action" value="contimes_toggle">
270+
<label for="bind_toggle_contimes">Contimes</label>
271+
</span>
272+
<span title="Toggles the maximum FPS to 30 (for use in Any%)">
273+
<input type="radio" id="bind_toggle_30fps" name="key_action" value="30fps_toggle">
274+
<label for="bind_toggle_30fps">30FPS</label>
275+
</span>
276+
<span title="Toggles being able to hear dialogue">
277+
<input type="radio" id="bind_toggle_dialogue" name="key_action" value="dialogue_toggle">
278+
<label for="bind_toggle_dialogue">Dialogue</label>
279+
</span>
280+
<span title="Toggles portal funneling (being pulled towards portals when falling)">
281+
<input type="radio" id="bind_toggle_funneling" name="key_action" value="funneling_toggle">
282+
<label for="bind_toggle_funneling">Funneling</label>
283+
</span>
284+
</div>
285+
<div>
286+
<h3 title="Holding down the key enables the effect, letting go disables the effect">Hold Binds</h3>
287+
<span title="Hold down for brighter in-game brightness">
288+
<input type="radio" id="bind_hold_fullbright" name="key_action" value="+fullbright">
289+
<label for="bind_hold_fullbright">Fullbright</label>
290+
</span>
291+
<span title="Hold down for lower sensitivity for more precise aiming">
292+
<input type="radio" id="bind_hold_lowsens" name="key_action" value="+lowsens">
293+
<label for="bind_hold_lowsens">Low-sens</label>
294+
</span>
295+
<span title="Hold down change scroll up to be +use (customizable to be both scroll directions)">
296+
<input type="radio" id="bind_hold_useswap" name="key_action" value="+useswap">
297+
<label for="bind_hold_useswap">Use-swap</label>
298+
</span>
299+
<span title="Hold down to change scroll to be shoot blue (customizable to be shoot orange)">
300+
<input type="radio" id="bind_hold_supershoot" name="key_action" value="+supershoot">
301+
<label for="bind_hold_supershoot">Supershoot</label>
302+
</span>
303+
<span title="Hold down to enable on-screen developer text">
304+
<input type="radio" id="bind_hold_contimes" name="key_action" value="+contimes">
305+
<label for="bind_hold_contimes">Contimes</label>
306+
</span>
307+
<span title="Hold down to change the maximum FPS to 30 (for use in Any%)">
308+
<input type="radio" id="bind_hold_30fps" name="key_action" value="+30fps">
309+
<label for="bind_hold_30fps">30FPS</label>
310+
</span>
311+
</div>
312+
<div>
313+
<h3>Misc</h3>
314+
<span title="Automatically swaps to next viewsnap value in a map">
315+
<input type="radio" id="bind_misc_viewsnapnext" name="key_action" value="viewsnap_next">
316+
<label for="bind_misc_viewsnapnext">Viewsnap</label>
317+
</span>
318+
<span title="Reset to your normal sensitivity after lowsens/viewsnaps">
319+
<input type="radio" id="bind_misc_resetsens" name="key_action" value="reset_sens">
320+
<label for="bind_misc_resetsens">Reset sensitivity</label>
321+
</span>
322+
<span title="In-air taunt bind for co-op, as well as fast taunts if it is downloaded.">
323+
<input type="radio" id="bind_misc_taunt" name="key_action" value="taunt fast;taunt">
324+
<label for="bind_misc_taunt">Taunt (+ Fast taunt)</label>
325+
</span>
326+
<span title="Skips cutscene videos like Co-op intro">
327+
<input type="radio" id="bind_misc_stopvideos" name="key_action" value="stopvideos">
328+
<label for="bind_misc_stopvideos">Stop cutscene videos</label>
329+
</span>
330+
<span id="Reset speedrun, works in both fullgame and challenge mode">
331+
<input type="radio" id="bind_misc_reset" name="key_action" value="do_reset">
332+
<label for="bind_misc_reset">Reset run</label>
333+
</span>
334+
<span title="Restarts the current level">
335+
<input type="radio" id="bind_misc_restartlvl" name="key_action" value="restart_level">
336+
<label for="bind_misc_restartlvl">Restart level</label>
337+
</span>
338+
<span title="Creates a save using the name below ('quick' reccomended)">
339+
<input type="radio" id="bind_misc_save" name="key_action" value="save">
340+
<label for="bind_misc_save">Save:</label>
341+
</span>
342+
<span title="Loads a save using the name below ('quick' reccomended)">
343+
<input type="radio" id="bind_misc_load" name="key_action" value="load">
344+
<label for="bind_misc_load">Load:</label>
345+
</span>
346+
<span title="Both saves and Loads a save using the name below (for Any%)">
347+
<input type="radio" id="bind_misc_saveload" name="key_action" value="saveload">
348+
<label for="bind_misc_saveload">Save-load:</label>
349+
</span>
350+
<span>
351+
<input type="text" id="bind_saveload_name">
352+
</span>
353+
<button id="reset_bind">Clear</button>
354+
</div>
355+
</div>
357356
</div>
358357
</div>
359358
<button id="gen_cfg">Generate</button>

‎style.css

+8-2
Original file line numberDiff line numberDiff line change
@@ -193,7 +193,13 @@ main {
193193
gap: 30px;
194194
}
195195

196-
.keybinder .binds {
196+
.binds {
197+
background: #ddd;
198+
padding: 20px;
199+
max-width: 650px;
200+
}
201+
202+
.keybinder .binds > div {
197203
display: flex;
198204
flex-direction: row;
199205
justify-content: center;
@@ -202,7 +208,7 @@ main {
202208
padding: 20px;
203209
}
204210

205-
.keybinder .binds > div {
211+
.keybinder .binds > div > div{
206212
display: flex;
207213
flex-direction: column;
208214
gap: 5px;

0 commit comments

Comments
 (0)