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

<head>
    <script type="text/javascript">
        caches.delete("blazor-resources-/").then(function (e) {
        });
    </script>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="google-adsense-account" content="ca-pub-2681653092270302">
    <title>Tipbot</title>
    <base href="/" />
    <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
    <link href="css/app.css?v=1.0.2" rel="stylesheet"/>
    <link rel="icon" type="image/png" href="Assets/TipbotLogo.svg" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
    <link href='https://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet'>
    <link href="Tipbot.styles.css" rel="stylesheet" />
    <link href="_content/Syncfusion.Blazor/styles/bootstrap5.css" rel="stylesheet" />
    <script src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js"  type="text/javascript"></script>
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <script src="_content/Microsoft.Authentication.WebAssembly.Msal/AuthenticationService.js"></script>
<script src="https://js.stripe.com/v3/buy-button.js"></script>
    <script src="https://kit.fontawesome.com/e150c07fce.js" crossorigin="anonymous"></script>
</head>

<body>
    <div id="app">
        <svg class="loading-progress">
            <circle r="40%" cx="50%" cy="50%" />
            <circle r="40%" cx="50%" cy="50%" />
        </svg>
        <div class="loading-progress-text"></div>
    </div>

    <div id="blazor-error-ui">
        An unhandled error has occurred.
        <a href="" class="reload">Reload</a>
        <a class="dismiss">🗙</a>
    </div>
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <script src="_framework/blazor.webassembly.js"></script>
    <script src="js/animation.js"></script>
<script>
    function ScrollRight(Element, Width) {
        document.getElementById(Element).scrollBy({
            top: 0, left: 255, behavior: "smooth"
        })
    }
    function ScrollLeft(Element, Width) {
        document.getElementById(Element).scrollBy({
            top: 0, left: -255, behavior: "smooth"
        })
    }
</script>

</body>

</html>
