notif-visa-ext/index.html

<!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">
    <title>AIS Visa Auto Rescheduler</title>
    <link rel="stylesheet" href="css/bootstrap.min.css"></link>
    <link rel="stylesheet" href="css/styles.css"></link>
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h4 class="mt-2 mb-0">not-a-rescheduler<br><span id="version"></span></h4>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <h3 class="my-2" id="credits">50</h3>
                <p class="my-2 text-center">Credits left.</p>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="mt-2">
                    <div class="form-check form-switch" style="text-align: left;">
                        <input class="form-check-input" type="checkbox" role="switch" id="activate">
                        <label class="form-check-label" for="activate">Activate the script</label>
                    </div>
                </div>
                <div class="my-2">
                    <div class="form-check form-switch" style="text-align: left;">
                        <input class="form-check-input" type="checkbox" role="switch" id="autobook">
                        <label class="form-check-label" for="autobook">Enable Autobook</label>
                    </div>
                </div>
                <div class="my-2">
                    <input type="range" id="frequency" name="frequency" min="1" max="10" step="0.5">
                    <label for="frequency">Frequency of checks<br>(every <span id="checkfrequency">1</span> minutes)</label>
                </div>
                <div class="my-2">
                    <input type="range" id="gap" name="gap" min="0" value="3" max="30" step="1">
                    <label for="gap">Check availability from <span id="daygap">3</span> days from today. [0 = today]</label>
                </div>
                <p class="my-2 text-center">Changes are autosaved.</p>
                <form class="my-2" name="ais_visa_info" id="ais_visa_info">
                    <div class="d-grid">
                        <button id="reset_info" type="submit" class="btn btn-danger btn-sm">Configure / Reset</button>
                    </div>
                </form>
                <p class="my-2 text-center">
                    <button id=read_faqs form=null class="btn btn-info btn-sm">Read FAQs</button>
                </p>
            </div>
        </div>
    </div>
    <a href="https://www.buymeacoffee.com/hymnz" target="_blank">
        <img style="width: 250px;background: #5F7FFF;" src="https://img.buymeacoffee.com/button-api/?text=Help me run the extension&emoji=🙂&slug=hymnz&button_colour=5F7FFF&font_colour=ffffff&font_family=Comic&outline_colour=000000&coffee_colour=FFDD00" />
    </a>
    <script src="js/content.js"></script>
</body>

</html>