<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Hello HomeController!</title>
        <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
        <link href="/assets/libext/jq/boot5-ba3853b8af9779b96fbe4b2d6f143567.css" rel="stylesheet" >
        <script src="/assets/libext/jq/jquery-9afc4325c73ade4ffa73ae9a63c6bc64.js" ></script>
        <script src="/assets/libext/jq/boot5-7a45b592999556dac69e1265a5038a4c.js" ></script>
        <!-- HighCharts CDN -->
        <script src="https://code.highcharts.com/highcharts.js"></script>
        <script src="https://code.highcharts.com/modules/exporting.js"></script>

        <!-- DATATABLE CDN -->
        <link href="https://cdn.datatables.net/v/bs5/jszip-3.10.1/dt-2.0.8/af-2.7.0/b-3.0.2/b-colvis-3.0.2/b-html5-3.0.2/b-print-3.0.2/cr-2.0.3/date-1.5.2/fc-5.0.1/fh-4.0.1/kt-2.12.1/r-3.0.2/rg-1.5.0/rr-1.5.0/sc-2.4.3/sb-1.7.1/sp-2.3.1/sl-2.0.3/sr-1.4.1/datatables.min.css" rel="stylesheet">
        <script src="https://cdn.datatables.net/v/dt/dt-2.0.8/datatables.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/vfs_fonts.js"></script>
        <script src="https://cdn.datatables.net/v/bs5/jszip-3.10.1/dt-2.0.8/af-2.7.0/b-3.0.2/b-colvis-3.0.2/b-html5-3.0.2/b-print-3.0.2/cr-2.0.3/date-1.5.2/fc-5.0.1/fh-4.0.1/kt-2.12.1/r-3.0.2/rg-1.5.0/rr-1.5.0/sc-2.4.3/sb-1.7.1/sp-2.3.1/sl-2.0.3/sr-1.4.1/datatables.min.js"></script>

                
            <script>
        //const eventSource = new EventSource("https\u003A\/\/mercure.wizi.eu\/.well\u002Dknown\/mercure\u003Ftopic\u003Dhttps\u00253A\u00252F\u00252Fexample.com\u00252Fmy\u002Dprivate\u002Dtopic");
        const eventSource = new EventSource("https://mercure.wizi.eu/.well-known/mercure?topic=https%3A%2F%2Fexample.com%2Fmy-private-topic");
        eventSource.onmessage = event => {
            // Will be called every time an update is published by the server
            console.log(JSON.parse(event.data));
        }
    </script>
    </head>
    <body data-bs-theme="dark">
    <main class="row">
        <div class="col-2 d-none d-lg-block">
            <!-- Begin left content -->
            <div class="container">


            </div>
        </div>
        <div class="col">

            <img src="/assets/img/kknock_logo_white-e77c59b7ccef2592f6abc91f1adb0a32.png" alt="Logo de Knock Knock" width="110" height="110"><br>
                        <style>
    .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
    .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
</style>

<div class="example-wrapper">
    <h1>Knock! ✅</h1>

    Knock! Knock! Knock!

</div>
        </div>

    </main>
    </body>
</html>
