examples/index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title>Virtual Gamepad Examples</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Virtual Gamepad Examples" />
    <link rel="icon" href="./favicon.ico" />
    <link rel="stylesheet" href="./page_styles.css" />
</head>

<body>

    <a href="./docs/index.html" id="corner-docs">Docs</a>
    <a href="https://github.com/KW-M/virtual-gamepad-lib/tree/main/examples/" id="corner-docs-l">Source</a>

    <main>
        <h2 style="color:#213547;">Virtual Gamepad Examples</h2>
        <a href="./simple/index.html">Simple Example</a>
        <a href="./multiple_gamepads/index.html">Multiple Gamepads Example</a>
        <a href="./keyboard/index.html">Keyboard & Direct Emulation Example</a>
        <a href="./custom_gamepads/index.html">Custom Game Controller Example</a>
        <a href="./game_engine/index.html">Game Engine Example (3rd Party Library: Phaser 3)</a>
        <a href="./multiple_gamepads/index.html"><img src="./virtual-gamepad-logo-moshed.gif"
                alt="Virtual Gamepad Banner Image" /></a>
    </main>
</body>

<style>
    img {
        display: block;
        margin: 1em auto;
        width: 100%;
        max-width: 500px;
    }

    main {
        font-size: 1.5em;
        border-radius: 0.5em;
        display: block;
        margin: auto;
        padding: 1em 2em;
        background-color: aliceblue;
    }

    main a {
        display: block;
        margin: 1em auto;
        color: rgb(32, 1, 135);
    }
</style>