├── LICENSE
├── README.md
├── ducky.js
├── img
    └── logo.png
├── index.html
└── stile.css


/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2023 47LeCoste
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # flipperducky-badUSB-payload-generator
  2 | GUI (Graphic user interface) in HTML, CSS, JavaScript, to make easyer and faster to create payload (.txt) for you Flipper Zero's bad-USB function.
  3 | ---
  4 | ## From this gist
  5 | https://gist.github.com/methanoliver/efebfe8f4008e167417d4ab96e5e3cac
  6 | 
  7 | # DuckyScript commands supported by Flipper's BadUSB
  8 | 
  9 | Explanations are only given for commands not present in the original DuckyScript, for everything else refer to [DuckyScript documentation](https://docs.hak5.org/hak5-usb-rubber-ducky/).
 10 | 
 11 | ## Keys
 12 | 
 13 | These mean exactly what one would expect and should need no further explanation.
 14 | 
 15 | + Modifiers: `CTRL`, `CONTROL`, `SHIFT`, `ALT`, `GUI`, `WINDOWS`
 16 | + Combos: `CTRL-ALT`, `CTRL-SHIFT`, `ALT-SHIFT`, `ALT-GUI`, `GUI-SHIFT`
 17 | + Cursor: `DOWNARROW`, `DOWN`, `LEFTARROW`, `LEFT`, `RIGHTARROW`, `RIGHT`, `UPARROW`, `UP`
 18 | + Control and navigation: `ENTER`, `BREAK`, `PAUSE`, `CAPSLOCK`, `DELETE`, `BACKSPACE`, `END`, `ESC`, `ESCAPE`, `HOME`, `INSERT`, `NUMLOCK`, `PAGEUP`, `PAGEDOWN`, `PRINTSCREEN`, `SCROLLOCK`, `SPACE`, `TAB`, `MENU`, `APP`, `SYSRQ`
 19 | + Function: `F1`, `F2`, `F3`, `F4`, `F5`, `F6`, `F7`, `F8`, `F9`, `F10`, `F11`, `F12`
 20 | 
 21 | ## Input
 22 | 
 23 | + `STRING`
 24 | + `ALTSTRING <string>`, `ALTCODE <string>` -- Not present in DuckyScript, these are the equivalent of `STRING`, as if the string was typed in by holding Alt and entering the unicode code of every character, [as described in Windows documentation](https://support.microsoft.com/en-us/office/insert-ascii-or-unicode-latin-based-symbols-and-characters-d13f58d3-7bcb-44a7-a4d5-972ee12e50e0). This is the way to get around the fact that there are no standard ways to switch input keyboard language and important in parts of the world where default keyboard has no Latin characters on it at all. This only works on Windows.
 25 | + `ALTCHAR <code>` -- Altstring is internally a sequence of `ALTCHAR` invocations.
 26 | 
 27 | There is *no* support for `STRINGLN`.
 28 | 
 29 | ## Structural
 30 | 
 31 | + `REM`
 32 | + `ID <vendor:id>` - Equivalent to certain features of DuckyScript's `ATTACKMODE`. executed in preload phase, sets USB id of the keyboard device. For example, `ID 04d9:1702` is an AJAZZ keyboard.
 33 | + `DELAY`
 34 | + `DEFAULT_DELAY`, `DEFAULTDELAY`
 35 | + `REPEAT`
 36 | + `DUCKY_LANG` - ignored, recognized as a command purely for compatibility with existing scripts.
 37 | 
 38 | -----
 39 | 
 40 | # Official documentation
 41 | https://github.com/DarkFlippers/unleashed-firmware/blob/dev/documentation/file_formats/BadUsbScriptFormat.md
 42 | 
 43 | # Command syntax
 44 | BadUsb app uses extended Duckyscript syntax. It is compatible with classic USB Rubber Ducky 1.0 scripts, but provides some additional commands and features, such as custom USB ID, ALT+Numpad input method, SYSRQ command and more functional keys.
 45 | # Script file format
 46 | BadUsb app can execute only text scrips from .txt files, no compilation is required. Both `\n` and `\r\n` line endings are supported. Empty lines are allowed. You can use spaces ore tabs for line indentation.
 47 | # Command set
 48 | ## Comment line
 49 | Just a single comment line. All text after REM command will be ignored by interpreter
 50 | |Command|Parameters|Notes|
 51 | |-|-|-|
 52 | |REM|Comment text||
 53 | 
 54 | ## Delay
 55 | Pause script execution by defined time
 56 | |Command|Parameters|Notes|
 57 | |-|-|-|
 58 | |DELAY|Delay value in ms|Single delay|
 59 | |DEFAULT_DELAY|Delay value in ms|Add delay before every next command|
 60 | |DEFAULTDELAY|Delay value in ms|Same as DEFAULT_DELAY|
 61 | 
 62 | ## Special keys
 63 | |Command|Notes|
 64 | |-|-|
 65 | |DOWNARROW / DOWN||
 66 | |LEFTARROW / LEFT||
 67 | |RIGHTARROW / RIGHT||
 68 | |UPARROW / UP||
 69 | |ENTER||
 70 | |DELETE||
 71 | |BACKSPACE||
 72 | |END||
 73 | |HOME||
 74 | |ESCAPE / ESC||
 75 | |INSERT||
 76 | |PAGEUP||
 77 | |PAGEDOWN||
 78 | |CAPSLOCK||
 79 | |NUMLOCK||
 80 | |SCROLLLOCK||
 81 | |PRINTSCREEN||
 82 | |BREAK|Pause/Break key|
 83 | |PAUSE|Pause/Break key|
 84 | |SPACE||
 85 | |TAB||
 86 | |MENU|Context menu key|
 87 | |APP|Same as MENU|
 88 | |Fx|F1-F12 keys|
 89 | 
 90 | ## Modifier keys
 91 | Can be combined with special key command or single character
 92 | |Command|Notes|
 93 | |-|-|
 94 | |CONTROL / CTRL||
 95 | |SHIFT||
 96 | |ALT||
 97 | |WINDOWS / GUI||
 98 | |CTRL-ALT|CTRL+ALT|
 99 | |CTRL-SHIFT|CTRL+SHIFT|
100 | |ALT-SHIFT|ALT+SHIFT|
101 | |ALT-GUI|ALT+WIN|
102 | |GUI-SHIFT|WIN+SHIFT|
103 | ## String
104 | |Command|Parameters|Notes|
105 | |-|-|-|
106 | |STRING|Text string|Print text string|
107 | ## Repeat
108 | |Command|Parameters|Notes|
109 | |-|-|-|
110 | |REPEAT|Number of additional repeats|Repeat previous command|
111 | ## ALT+Numpad input
112 | On Windows and some Linux systems you can print character by pressing ALT key and entering its code on numpad
113 | |Command|Parameters|Notes|
114 | |-|-|-|
115 | |ALTCHAR|Character code|Print single character|
116 | |ALTSTRING|Text string|Print text string using ALT+Numpad method|
117 | |ALTCODE|Text string|Same as ALTSTRING, presents in some Duckyscript implementations|
118 | ## SysRq
119 | Send [SysRq command](https://en.wikipedia.org/wiki/Magic_SysRq_key)
120 | |Command|Parameters|Notes|
121 | |-|-|-|
122 | |SYSRQ|Single character||
123 | ## USB device ID
124 | You can set custom ID of Flipper USB HID device. ID command should be in the **first line** of script, it is executed before script run.
125 | 
126 | |Command|Parameters|Notes|
127 | |-|-|-|
128 | |ID|VID:PID Manufacturer:Product||
129 | 
130 | Example:
131 | `ID 1234:abcd Flipper Devices:Flipper Zero`
132 | 
133 | VID and PID are hex codes and are mandatory, Manufacturer and Product are text strings and are optional.
134 | 
135 | -----
136 | 
137 | ## DTK user script downloader
138 | https://github.com/cribb-it/DTKDownloader
139 | The DTK(ducktoolkit user script https://ducktoolkit.com/userscripts) downloader doesn't work for me. So if you get it to work send in a PR and I will add the resulting dump here.
140 | 
141 | -----
142 | 
143 | # Helpful hints
144 | 
145 | Here are a bunch of cheatsheets for use in building your scripts [here](https://github.com/FalsePhilosopher/BadUSB-Playground/tree/main/Misc/Cheat_Sheets)
146 | 
147 | Shorten your payloads as much as possible by stringing multiple commands together with variables like `&&` and `;;`, read more into each OS/shell you are targeting and how to achieve this.
148 | 
149 | RTFM for CMD
150 | https://learn.microsoft.com/en-us/windows-server/administration/windows-commands/cmd
151 | 
152 | RTFM for powershell
153 | https://learn.microsoft.com/en-us/powershell/scripting/learn/ps101/04-pipelines?view=powershell-7.3
154 | 
155 | Other ducky scripts can be found here
156 | http://www.theatomheart.net/post/rubber-ducky-payloads/
157 | 


--------------------------------------------------------------------------------
/ducky.js:
--------------------------------------------------------------------------------
  1 |     document.getElementById('bottoneString').addEventListener('click', stringAte);
  2 |     document.getElementById('bottoneAltcode').addEventListener('click', altcodeAte);
  3 |     document.getElementById('bottoneRemark').addEventListener('click', remarkAte);
  4 |     document.getElementById('bottoneAltchar').addEventListener('click', insertChar);
  5 |     document.getElementById('tastoSalva').addEventListener('click', saveOutput);
  6 | 
  7 |     function stringAte() {
  8 |       const input = document.getElementById('inputz');
  9 |       const output = document.getElementById('output');
 10 |       let translatedInput = '';
 11 | 
 12 |       const lines = input.value.split('\n');
 13 |       for (let i = 0; i < lines.length; i++) {
 14 |         const line = lines[i].trim();
 15 | 
 16 |         if (line === '') {
 17 |           continue;
 18 |         } else {
 19 |           translatedInput += `STRING ${line}\n`;
 20 |         }
 21 |       }
 22 | 
 23 |       if (input.value[input.value.length - 1] !== '\n') {
 24 |         translatedInput += '\n';
 25 |       }
 26 | 
 27 |       output.value += translatedInput.trim() + '\n';
 28 |       input.value = '';
 29 |     }
 30 | 
 31 |     function altcodeAte() {
 32 |       const input = document.getElementById('inputz');
 33 |       const output = document.getElementById('output');
 34 |       let translatedInput = '';
 35 | 
 36 |       const lines = input.value.split('\n');
 37 |       for (let i = 0; i < lines.length; i++) {
 38 |         const line = lines[i].trim();
 39 | 
 40 |         if (line === '') {
 41 |           continue;
 42 |         } else {
 43 |           translatedInput += `ALTCODE ${line}\n`;
 44 |         }
 45 |       }
 46 | 
 47 |       if (input.value[input.value.length - 1] !== '\n') {
 48 |         translatedInput += '\n';
 49 |       }
 50 | 
 51 |       output.value += translatedInput.trim() + '\n';
 52 |       input.value = '';
 53 |     }
 54 | 
 55 |     function remarkAte() {
 56 |       const input = document.getElementById('input');
 57 |       const output = document.getElementById('output');
 58 |       let translatedInput = '';
 59 | 
 60 |       const lines = input.value.split('\n');
 61 |       for (let i = 0; i < lines.length; i++) {
 62 |         const line = lines[i].trim();
 63 | 
 64 |         if (line === '') {
 65 |           continue;
 66 |         } else {
 67 |           translatedInput += `REM ${line}\n`;
 68 |         }
 69 |       }
 70 | 
 71 |       if (input.value[input.value.length - 1] !== '\n') {
 72 |         translatedInput += '\n';
 73 |       }
 74 | 
 75 |       output.value += translatedInput.trim() + '\n';
 76 |       input.value = '';
 77 |     }
 78 | 
 79 |     function inserisciEVai(value) {
 80 |       const output = document.getElementById('output');
 81 |         output.value += value + '\n';
 82 |     }
 83 | 
 84 |     function insertChar() {
 85 |       const input = document.getElementById('charInput');
 86 |       const output = document.getElementById('output');
 87 |       let translatedInput = '';
 88 | 
 89 |       const lines = input.value.split('\n');
 90 |       for (let i = 0; i < lines.length; i++) {
 91 |         const line = lines[i].trim();
 92 | 
 93 |         if (line === '') {
 94 |           continue;
 95 |         } else {
 96 |           translatedInput += `ALTCHAR ${line}\n`;
 97 |         }
 98 |       }
 99 | 
100 |       if (input.value[input.value.length - 1] !== '\n') {
101 |         translatedInput += '\n';
102 |       }
103 | 
104 |       output.value += translatedInput.trim() + '\n';
105 |       input.value = '';
106 |     }
107 | 
108 |     function saveOutput() {
109 |       const output = document.getElementById('output');
110 |       const filename = prompt("Enter the payload name", "payload.txt");
111 |       const blob = new Blob([output.value], { type: 'text/plain' });
112 |       const anchor = document.createElement('a');
113 |       anchor.download = filename || 'payload.txt';
114 |       anchor.href = window.URL.createObjectURL(blob);
115 |       anchor.click();
116 |       anchor.remove();
117 |     }
118 | 


--------------------------------------------------------------------------------
/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/grugnoymeme/flipperducky-badUSB-payload-generator/0896dbd3c26f2cca193282113b4ae67870df391a/img/logo.png


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="it">
  3 | 	<head>
  4 | 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
  5 | 		<title>Create DuckyScript Payload</title>
  6 | 		<link rel="stylesheet" href="stile.css">
  7 | 	</head>
  8 | 	<body>
  9 | 		<div class="fixed-header">
 10 | 			<b>Output:</b><br />
 11 | 			<font size="2" style="opacity:45%"><i>Your badUSB payload will be here. At the end of the process, click "Save", and the download will automatically start. You can also edit manually the script before download.</i></font>
 12 | 			<textarea id="output" rows="4" cols="50" placeholder="Here your Payload..."></textarea>
 13 | 			<div class="blocchetto btn">
 14 | 				<button id="tastoSalva" class="tasto-save">Save As...</button>
 15 | 			</div>
 16 | 		</div>
 17 | 		<div class="blocco">
 18 | 			<br /><br />
 19 | 			<center><img src="img/logo.png"></center>
 20 | 		</div>
 21 | 		<div class="blocco">
 22 | 			<div class="blocchetto">
 23 | 				<b>Change ID (VID/PID):</b><br />
 24 | 			</div>
 25 | 			<div class="blocchetto">
 26 | 				<font size="2" style="opacity:45%"><i>Vendor<mark>ID</mark> an Product<mark>ID</mark> are codes used to identify your keyboard. <b><u>ONLY</u></b> if you are targeting a <b>macOS</b>, remember to insert the <mark>ID</mark> command, to change <mark>VID</mark> / <mark>PID</mark>, at the top of your code.</i></font>
 27 | 			</div>
 28 | 			<div class="blocchetto btn">
 29 | 				<button class="bigButtON" onclick="inserisciEVai('ID 05ac:021e Apple:Keyboard')">Change VID/PID (macOS ONLY)</button>
 30 | 			</div>
 31 | 			<div class="blocchetto">
 32 | 				<font size="2" style="opacity:45%"><i>* You can set custom <mark>ID</mark> of Flipper USB HID device. <mark>ID</mark> command should be in the first line of script, it is executed before script run. Unless your target is a macOS (which requires to specify it at the first line of the payload), VID and PID are hex codes and are mandatory, Manufacturer and Product are text strings and are optional.</i></font>
 33 | 			</div>
 34 | 		</div>
 35 | 		<div class="blocco">
 36 | 			<table border="0" width="100%">
 37 | 				<tr valign="top">
 38 | 					<td width="50%">
 39 | 						<b>Remark (REM):</b><br />
 40 | 						<font size="2" style="opacity:45%"><i><mark>REM</mark> is short for Remark and adds a comment to the payload, like a title, the target OS, the functioning of a command or the author's name.</i></font>
 41 | 						<div class="blocchetto">
 42 | 							<textarea id="input" rows="4" cols="50" placeholder="Type your text here."></textarea>
 43 | 						</div>
 44 | 						<div class="blocchetto btn">
 45 | 							<table border="0" width="100%">
 46 | 								<tr valign="top">
 47 | 									<td width="50%">
 48 | 										<button id="bottoneRemark">Write Remark</button>
 49 | 									</td>
 50 | 									<td width="50%">
 51 | 									</td>
 52 | 								</tr>
 53 | 							</table>
 54 | 						</div>
 55 | 					</td>
 56 | 					<td width="50%">
 57 | 						<b>String (STRING/ALTCODE):</b><br />
 58 | 						<font size="2" style="opacity:45%"><i><mark>STRING</mark> injects keystrokes, or "types", the given characters (a-z, 0-9, punctuation & specials).<br />
 59 | 								<mark>ALTCODE</mark> is used instead of <mark>STRING</mark>, to print text string using "ALT+Numpad" method. It works even if non-US keyboard layout is selected</i></font>
 60 | 						<div class="blocchetto">
 61 | 							<textarea id="inputz" rows="4" cols="50" placeholder="Type your text here."></textarea>
 62 | 						</div>
 63 | 						<div class="blocchetto btn">
 64 | 							<table border="0" width="100%">
 65 | 								<tr valign="top">
 66 | 									<td width="50%">
 67 | 										<button id="bottoneString">Write String</button>
 68 | 									</td>
 69 | 									<td width="50%">
 70 | 										<button id="bottoneAltcode">Write Altcode</button>
 71 | 									</td>
 72 | 								</tr>
 73 | 							</table>
 74 | 						</div>
 75 | 					</td>
 76 | 				</tr>
 77 | 			</table>
 78 | 		</div>
 79 | 		<div class="blocco">
 80 | 			<table border="0" width="100%">
 81 | 				<tr valign="top">
 82 | 					<td width="33%">
 83 | 						<b>Delays:</b><br />
 84 | 						<font size="2" style="opacity:45%"><i><mark>DELAY</mark> is expressed in milliseconds (1 sec. = 1000 ms.). The minimum is 100 (0.1 sec.). It increases/decreases by 100 milliseconds each click.<br />
 85 | 								<mark>DEFAULT_DELAY</mark> / <mark>DEFAULTDELAY</mark> add delay before every nex command.</i></font>
 86 | 						<div class="blocchetto">
 87 | 							<button onclick="inserisciEVai('DELAY ' + document.getElementById('delayInput').value)">DELAY</button>
 88 | 							<input id="delayInput" type="number" value="1000" min="100" step="100">
 89 | 						</div>
 90 | 						<div class="blocchetto">
 91 | 							<button onclick="inserisciEVai('DEFAULT_DELAY ' + document.getElementById('defaultDelayInput').value)">DEFAULT DELAY</button>
 92 | 							<input id="defaultDelayInput" type="number" value="1000" min="100" step="100">
 93 | 						</div>
 94 | 						<div class="blocchetto">
 95 | 							<button class="bigButtON" onclick="inserisciEVai('WAIT_FOR_BUTTON_PRESS')">BUTTON_PRESS</button>
 96 | 						</div>
 97 | 					</td>
 98 | 					<td>
 99 | 						<b>Misc. Commands:</b><br />
100 | 						<font size="2" style="opacity:45%"><i><mark>REPEAT</mark> is used to repeat the previous command. It expects the number of additional repeats as parameter.<br />
101 | 								<mark>ALTCHAR</mark> is to display single <mark>ALT+Numpad</mark> Keys (on Windows), or <mark>ALT</mark><mark>(ALT+SHIFT)</mark> Keys (on macOS).<br />
102 | 								Click
103 | 							</i></font><font size="2" style="opacity:100%"><a href="https://www.alt-codes.net" target="new">HERE</a></font><font size="2" style="opacity:45%"><i> for a complete list of available codes for ALT characters.</i></font>
104 | 						<div class="blocchetto btn">
105 | 							<button onclick="inserisciEVai('REPEAT')">REPEAT</button>
106 | 						</div>
107 | 						<div class="blocchetto">
108 | 							<button id="bottoneAltchar">ALTCHAR</button>
109 | 							<input id="charInput" type="number" maxlength="4" placeholder="Code">
110 | 						</div>
111 | 					</td>
112 | 					<td width="33%">
113 | 						<b>Modifier Keys:</b><br />
114 | 						<font size="2" style="opacity:45%"><i><mark>GUI</mark> is used for both: the <mark>WINDOWS(&#8862;)</mark> key on Windows, and the <mark>CMD(&#8984;)</mark> key on macOS. (Targeting Windows, you can use <mark>WINDOWS</mark> key or <mark>GUI</mark> key to get the same result). <mark>CONTROL</mark> and <mark>CTRL</mark> as well. If you need to use more than one "modifier key" at once, use the preloaded "Keys Combos", which you'll find just below these Modifier keys.</i></font>
115 | 						<div class="blocchetto btn">
116 | 							<button onclick="inserisciEVai('GUI')">GUI &#8862; / &#8984;</button>
117 | 							<button onclick="inserisciEVai('WINDOWS')">WINDOWS &#8862;</button>
118 | 						</div>
119 | 						<div class="blocchetto">
120 | 							<button onclick="inserisciEVai('SHIFT')">SHIFT &#8679;</button>
121 | 							<button onclick="inserisciEVai('CTRL')">CTRL &#8963;</button>
122 | 							<button onclick="inserisciEVai('ALT')">ALT &#8997;</button>
123 | 						</div>
124 | 					</td>
125 | 				</tr>
126 | 			</table>
127 | 		</div>
128 | 		<div class="blocco">
129 | 			<table border="0" width="100%">
130 | 				<tr valign="top">
131 | 					<td width="50%">
132 | 						<b>Combos Keys:</b><br />
133 | 						<font size="2" style="opacity:45%"><i><b><u>ONLY</u></b> on <b>Windows</b>: <mark>CTRL-ALT</mark> is the same as to type <mark>ALTgr</mark> (ALT Graphic) and you can use both <mark>ALT-WINDOWS</mark> or <mark>ALT-GUI</mark>, and <mark>WINDOWS-SHIFT</mark> or <mark>GUI-SHIFT</mark> to get the exact same result.</i></font>
134 | 						<div class="blocchetto btn">
135 | 							<button onclick="inserisciEVai('CTRL-ALT')">CTRL-ALT</button>
136 | 							<button onclick="inserisciEVai('CTRL-SHIFT')">CTRL-SHIFT</button>
137 | 							<button onclick="inserisciEVai('ALT-SHIFT')">ALT-SHIFT</button>
138 | 						</div>
139 | 						<div class="blocchetto">
140 | 							<button onclick="inserisciEVai('ALT-GUI')">ALT-GUI</button>
141 | 							<button onclick="inserisciEVai('GUI-SHIFT')">GUI-SHIFT</button>
142 | 						</div>
143 | 					</td>
144 | 					<td width="50%">
145 | 						<b>Arrow Keys / Cursor:</b><br />
146 | 						<font size="2" style="opacity:45%"><i><mark>UP</mark> is the same as <mark>UPARROW</mark>. <mark>DOWN</mark> is the same ad <mark>DOWNARROW</mark>. <mark>LEFT</mark> is the same as <mark>LEFTARROW</mark>. <mark>RIGHT</mark> is the same as <mark>RIGHTARROW</mark>.</i></font>
147 | 						<div class="blocchetto">
148 | 							<table border="0" width="100%">
149 | 								<tr valign="bottom">
150 | 									<td width="33%"></td>
151 | 									<td><button id="arrowButton" onclick="inserisciEVai('UPARROW')">&#8593;</button></td>
152 | 									<td width="33%"></td>
153 | 								</tr>
154 | 							</table>
155 | 						</div>
156 | 						<div class="blocchetto">
157 | 							<button onclick="inserisciEVai('LEFTARROW')">&#8592;</button>
158 | 							<button onclick="inserisciEVai('DOWNARROW')">&#8595;</button>
159 | 							<button onclick="inserisciEVai('RIGHTARROW')">&#8594;</button>
160 | 						</div>
161 | 					</td>
162 | 				</tr>
163 | 			</table>
164 | 		</div>
165 | 		<div class="blocco">
166 | 			<b>Main Control Keys:</b>
167 | 			<div class="blocchetto">
168 | 				<button onclick="inserisciEVai('ENTER')">ENTER &#8629;</button>
169 | 				<button onclick="inserisciEVai('SPACE')">SPACE &#9251;</button>
170 | 				<button onclick="inserisciEVai('BACKSPACE')">BACK SPACE &#9003;</button>
171 | 			</div>
172 | 			<div class="blocchetto">
173 | 				<button onclick="inserisciEVai('TAB')">TAB &#8677;</button>
174 | 				<button onclick="inserisciEVai('CAPSLOCK')">CAPS LOCK &#8682;</button>
175 | 				<button onclick="inserisciEVai('DELETE')">DELETE &#8998;</button>
176 | 			</div>
177 | 		</div>
178 | 		<div class="bloccos">
179 | 			<b>Others Control Keys:</b><br />
180 | 			<font size="2" style="opacity:45%"><i>* The magic <mark>SysRq</mark> key is a key combination understood by the Linux kernel, which allows the user to perform various low-level commands regardless of the system's state. It is often used to recover from freezes, or to reboot a computer without corrupting the filesystem. (<a href="https://en.wikipedia.org/wiki/Magic_SysRq_key">Wikipedia</a>)</i></font>
181 | 			<div class="blocchetto btn">
182 | 				<button onclick="inserisciEVai('SYSRQ')">SysRq (Linux ONLY)</button>
183 | 				<button onclick="inserisciEVai('PRINTSCREEN')">PRINT SCREEN</button>
184 | 				<button onclick="inserisciEVai('ESC')">ESC &#9099;</button>
185 | 				<button onclick="inserisciEVai('PAGEUP')">PAGE UP &#8670;</button>
186 | 				<button onclick="inserisciEVai('PAGEDOWN')">PAGE DOWN &#8671;</button>
187 | 			</div>
188 | 			<div class="blocchetto">
189 | 				<button onclick="inserisciEVai('NUMLOCK')">NUM LOCK</button>
190 | 				<button onclick="inserisciEVai('SCROLLOCK')">SCROLL LOCK</button>
191 | 				<button onclick="inserisciEVai('HOME')">HOME &#8598;</button>
192 | 				<button onclick="inserisciEVai('END')">END &#8600;</button>
193 | 				<button onclick="inserisciEVai('INSERT')">INSERT</button>
194 | 			</div>
195 | 			<div class="blocchetto">
196 | 				<button onclick="inserisciEVai('APP')">APP</button>
197 | 				<button onclick="inserisciEVai('BREAK')">BREAK</button>
198 | 				<button onclick="inserisciEVai('PAUSE')">PAUSE</button>
199 | 				<button onclick="inserisciEVai('MENU')">MENU</button>
200 | 				<button onclick="inserisciEVai('ESCAPE')">ESCAPE</button>
201 | 			</div>
202 | 		</div>
203 | 		<div class="blocco">
204 | 			<b>Function Keys:</b>
205 | 			<div class="blocchetto">
206 | 				<button onclick="inserisciEVai('F1')">F1</button>
207 | 				<button onclick="inserisciEVai('F2')">F2</button>
208 | 				<button onclick="inserisciEVai('F3')">F3</button>
209 | 				<button onclick="inserisciEVai('F4')">F4</button>
210 | 				<button onclick="inserisciEVai('F5')">F5</button>
211 | 				<button onclick="inserisciEVai('F6')">F6</button>
212 | 				<button onclick="inserisciEVai('F7')">F7</button>
213 | 				<button onclick="inserisciEVai('F8')">F8</button>
214 | 				<button onclick="inserisciEVai('F9')">F9</button>
215 | 				<button onclick="inserisciEVai('F10')">F10</button>
216 | 				<button onclick="inserisciEVai('F11')">F11</button>
217 | 				<button onclick="inserisciEVai('F12')">F12</button>
218 | 			</div>
219 | 		</div>
220 | 		<div class="blocco fondo">
221 | 			<b></b>
222 | 			<div class="blocchetto"></div>
223 | 		</div>
224 | 
225 | <script src="ducky.js"></script>
226 | 	</body>
227 | </html>
228 | 


--------------------------------------------------------------------------------
/stile.css:
--------------------------------------------------------------------------------
  1 |     * {
  2 |       box-sizing: border-box;
  3 |     }
  4 | 
  5 |     body {
  6 |       font-family: Arial, sans-serif;
  7 |       padding: 10px;
  8 |       background-color: #F8F8F8;
  9 |     }
 10 | 
 11 | 	mark {
 12 | 	  font-weight: bold;
 13 |       background-color: #B5B5B5;
 14 | 	}
 15 | 
 16 |     h1 {
 17 |       text-align: center;
 18 |       margin-bottom: 20px;
 19 |     }
 20 | 
 21 |     h2, h3 {
 22 |       margin-top: 10px;
 23 |     }
 24 | 
 25 | 	a:link {
 26 | 	  font-weight: bold;
 27 | 	  text-decoration: none;
 28 | 	  color: #00aced;
 29 | 	}
 30 | 	
 31 | 	a:hover {
 32 | 	  font-weight: bold;
 33 | 	  text-decoration: none;
 34 | 	  color: #cc3211;
 35 | 	}
 36 | 	
 37 | 	a:active {
 38 | 	  font-weight: bold;
 39 | 	  text-decoration: none;
 40 | 	  color: #d6f907;
 41 | 	}
 42 | 	
 43 | 	a:visited {
 44 | 	  font-weight: bold;
 45 | 	  text-decoration: none;
 46 | 	  color: #0084b4;
 47 | 	}
 48 | 
 49 |     textarea {
 50 |       width: 100%;
 51 |       padding: 10px;
 52 |       border: 1px solid #00aced;
 53 |       border-radius: 20px;
 54 |       resize: vertical;
 55 |     }
 56 | 
 57 |     .blocco {
 58 |       margin-bottom: 20px;
 59 |     }
 60 | 
 61 |     .blocchetto {
 62 |       display: grid;
 63 |       grid-template-columns: repeat(auto-fit, minmax(15px, 1fr));
 64 |       gap: 5px;
 65 |     }
 66 | 
 67 | 	.blocco.fondo {
 68 | 	  padding-bottom: 150px;
 69 | 	}
 70 | 	
 71 | 	.blocchetto.arrows {
 72 | 	  padding-top: 20px;
 73 | 	}
 74 | 	
 75 | 	.blocchetto.btn {
 76 | 	  padding-top: 3px;
 77 | 	}
 78 | 
 79 |     .blocchetto button {
 80 |       width: 100%;
 81 |       height: 40px;
 82 |       font-size: 12px;
 83 |       font-weight: bold;
 84 |       border: none;
 85 |       background-color: #00aced;
 86 |       color: white;
 87 |       cursor: pointer;
 88 |       border-radius: 20px;
 89 |       box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.25);
 90 |     }
 91 | 
 92 |     .blocchetto button:hover {
 93 |       background-color: #0084b4;
 94 |       color: white;
 95 | 	}
 96 | 
 97 |     .blocchetto input[type="number"],
 98 |     .blocchetto input[type="text"] {
 99 |       width: 100%;
100 |       padding: 10px;
101 |       border: 1px solid #00aced;
102 |       border-radius: 20px;
103 |     }
104 | 
105 |     #bottoneString,
106 | 	#bottoneAltcode,
107 |     #bottoneRemark,
108 | 	#bottoneAltchar;
109 |     #tastoSalva {
110 |       padding: 10px;
111 |       border: none;
112 |       background-color: #00aced;
113 |       color: white;
114 |       font-size: 16px;
115 |       font-weight: bold;
116 |       cursor: pointer;
117 |       border-radius: 20px;
118 |     }
119 | 
120 |     #bottoneString:hover,
121 | 	#bottoneAltcode:hover,
122 |     #bottoneRemark:hover,
123 | 	#bottoneAltchar:hover;
124 |     #tastoSalva:hover {
125 |       background-color: #0084b4;
126 |       color: white;
127 | 	}
128 | 
129 |     .blocchetto > input[type="number"],
130 |     .blocchetto > input[type="text"],
131 |     .blocchetto > button {
132 |       display: block;
133 |       width: 100%;
134 |       margin-bottom: 5px;
135 |     }
136 | 
137 |     .blocchetto .bigButtON {
138 |       width: 100%;
139 |       white-space: normal;
140 |       line-height: 1.2;
141 |       border-radius: 20px;
142 |     }
143 | 
144 |     .fixed-header {
145 |       position: fixed;
146 |       bottom: 0;
147 |       left: 0;
148 |       width: 100%;
149 |       background-color: white;
150 |       padding: 10px;
151 |       box-shadow:  -2px -14px 24px -8px rgba(0, 0, 0, 0.75);
152 |       z-index: 9999;
153 |     }
154 | 
155 |     .tasto-save {
156 |       font-family: Arial, sans-serif;
157 |       font-size: 12px;
158 |     }


--------------------------------------------------------------------------------