Embedding

You can embed this interactive controller on your own pages. Just copy-paste one of the code snippets below, according to the position where you would like it to show up. You can change the size by changing the percentage width="25%" to whatever you prefer.

Top left corner

<iframe width="25%" src="https://ferrolho.github.io/gamepad-tester/controller" scrolling="no" style="border: initial; position: absolute; top: 0; left: 0;"></iframe>
<script src="https://cdn.jsdelivr.net/npm/@iframe-resizer/parent@5.0.2"></script>
<script>iframeResize({ license: 'GPLv3' })</script>

Top right corner

<iframe width="25%" src="https://ferrolho.github.io/gamepad-tester/controller" scrolling="no" style="border: initial; position: absolute; top: 0; right: 0;"></iframe>
<script src="https://cdn.jsdelivr.net/npm/@iframe-resizer/parent@5.0.2"></script>
<script>iframeResize({ license: 'GPLv3' })</script>

Bottom left corner

<iframe width="25%" src="https://ferrolho.github.io/gamepad-tester/controller" scrolling="no" style="border: initial; position: absolute; bottom: 0; left: 0;"></iframe>
<script src="https://cdn.jsdelivr.net/npm/@iframe-resizer/parent@5.0.2"></script>
<script>iframeResize({ license: 'GPLv3' })</script>

Bottom right corner

<iframe width="25%" src="https://ferrolho.github.io/gamepad-tester/controller" scrolling="no" style="border: initial; position: absolute; bottom: 0; right: 0;"></iframe>
<script src="https://cdn.jsdelivr.net/npm/@iframe-resizer/parent@5.0.2"></script>
<script>iframeResize({ license: 'GPLv3' })</script>