
<script type="module" src="/web_components/js/core/WebC__Container.mjs"                   ></script>
<script type="module" src="/web_components/js/elements/api/WebC__API_Markdown_To_Html.mjs"></script>
<script type="module" src="/web_components/js/elements/ui/WebC__Video.mjs"                ></script>
<script type="module" src="/web_components/js/elements/markdown/WebC__Markdown__Card.mjs" ></script>

<style>
    #cbr-logo { max-width: 300px; /* Set a default max width */
                width: 100%; /* Ensure the image scales with the container */
               }
</style>

<div class="container-fluid">

    <webc-api-markdown-to-html content_path='en/web-site/home-page/welcome.md'> </webc-api-markdown-to-html>

    <webc-container>
        <webc-video title="An Introduction to The Cyber Boardroom"         width="100%" height="275" url="https://470426667096-cbr.s3.eu-west-2.amazonaws.com/cbr_website_static/assets/videos/video-tcb__introduction__27-feb-2024.mp4"> </webc-video>
        <webc-video title="Meet Athena, your GenAI Cyber Security Advisor" width="100%" height="275" url="https://470426667096-cbr.s3.eu-west-2.amazonaws.com/cbr_website_static/assets/videos/video-tcb__meet-athena__25-feb-2024.mp4"></webc-video>
    </webc-container>

    <webc-container>
        <webc-markdown-card content_path='en/web-site/home-page/card-1.md'> </webc-markdown-card>
        <webc-markdown-card content_path='en/web-site/home-page/card-2.md'> </webc-markdown-card>
    </webc-container>

<!--    <div class="row">-->
<!--        <div class="col-12">-->
<!--            <div class="card">-->
<!--                <div class="card-body">-->
<!--                    <div id="hero">-->
<!--                        <div class="d-flex justify-content-center align-items-center">-->
<!--                            <p>-->
<!--                                <img alt="CBR Logo" src="{{ config.ASSETS_ROOT }}/{{ config.CBR_LOGO }}" class="img-fluid" id="cbr-logo">-->
<!--                            </p>-->
<!--                        </div>-->

<!--                        <p>-->
<!--                            <b id="welcome-to-the-cyber-boardroom">Welcome {{ first_name }} to The Cyber Boardroom</b>, the one-stop shop that boards of directors rely on for their cyber readiness.-->
<!--                        </p>-->


<!--                        <p>The Cyber Boardroom’s mission is to help you understand your organisation’s cyber security agenda, as well as fulfil your duties as a board member.-->
<!--                        </p>-->
<!--                        <p>To help you with any questions you might have on cyber security and the risks your organisation faces, we have created an engaging AI advisor-->
<!--                            named <a href="athena">Athena</a>.-->
<!--                        </p>-->
<!--                        <p>To ensure <a href="athena">Athena</a> delivers a personalised experience, go to your profile section, scroll down, and add as many-->
<!--                            prompts as you want.-->
<!--                        </p>-->
<!--                        <p>In addition, we are building a customised library of short videos and valuable content aimed at enhancing your knowledge of cyber security,-->
<!--                            which will help you optimise your engagement with <a href="athena">Athena</a>.-->
<!--                        </p>-->

<!--                        <table width="100%" >-->
<!--                            <tr>-->
<!--                                <td style="padding: 10px"><b>An Introduction to The Cyber Boardroom:</b></td>-->
<!--                                <td style="padding: 10px"><b>Meet Athena, your GenAI Cyber Security Advisor:</b></td>-->
<!--                            </tr>-->
<!--                            <tr>-->
<!--                                <td style="padding: 10px">-->
<!--                                    <video width="100%" height="275" controls>-->
<!--                                      <source src="https://470426667096-cbr.s3.eu-west-2.amazonaws.com/cbr_website_static/assets/videos/video-tcb__introduction__27-feb-2024.mp4" type="video/mp4">-->
<!--                                      Your browser does not support the video tag.-->
<!--                                    </video>-->
<!--                                </td>-->
<!--                                <td style="padding: 10px">-->
<!--                                    <video width="100%" height="275" controls>-->
<!--                                      <source src="https://470426667096-cbr.s3.eu-west-2.amazonaws.com/cbr_website_static/assets/videos/video-tcb__meet-athena__25-feb-2024.mp4" type="video/mp4">-->
<!--                                      Your browser does not support the video tag.-->
<!--                                    </video>-->

<!--&lt;!&ndash; note: by removing the use of youtube into video embeddings, we went from-->
<!-- - 72 requests, 3.3 MB transferred, 8.6 MB resources,  Finish: 7.47 s , to-->
<!-- - 27 requests, 884 kB transferred, 879 kB resources, Finish: 235 ms-->
<!--&ndash;&gt;-->
<!--&lt;!&ndash;                                    <iframe width="100%"-->
<!--                                            height="275"-->
<!--                                            src="https://www.youtube.com/embed/YMVeEArHyUU?si=sRaMK77Mv_cFSekg"-->
<!--                                            title="YouTube video player"-->
<!--                                            frameborder="0"-->
<!--                                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"-->
<!--                                            allowfullscreen>-->
<!--                                    </iframe>-->
<!--                                </td>-->
<!--                                <td  style="padding: 10px">-->
<!--                                    <iframe width="100%"-->
<!--                                            height="275"-->
<!--                                            src="https://www.youtube.com/embed/HsIGgO3h15Q?si=E8-yYTrXanOPS6JH"-->
<!--                                            title="YouTube video player"-->
<!--                                            frameborder="0"-->
<!--                                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"-->
<!--                                            allowfullscreen>-->
<!--                                    </iframe>-->
<!--&ndash;&gt;-->
<!--                                </td>-->
<!--                            </tr>-->
<!--                        </table>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->

<!--        <div class="col-6">-->
<!--            <div class="_card">-->
<!--                <div class="_card-body">-->
<!--                    <div class="responsive-iframe">-->


<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->

<!--        </div>-->
<!--    </div>-->

<!--    <div class="row">-->

<!--        <div class="col-lg-6">-->

<!--            <div class="card">-->
<!--                <div class="card-body">-->
<!--                    <h3 class="card-title">Athena </h3>-->
<!--                    <h6 class="card-subtitle">Your AI cyber security advisor</h6>-->
<!--                    <div id="visitor"  style="height: 180px; width: 100%; max-height: 290px; position: relative;" class="c3">-->
<!--                        <p><a href="athena">Athena</a> takes her name from the Greek goddess of wisdom, courage and strategic warfare. Her mission is-->
<!--to help you with any questions you might have on cyber security.-->
<!--                        </p>-->
<!--                        <p>-->
<!--Athena’s extensive training will provide you with information, strategic guidance and advice on the-->
<!--cyber security risks your organisation faces.-->
<!--</p>-->
<!--                        <div class="col text-center">-->
<!--                            <a href="athena">-->
<!--                                <button class="btn btn-success mx-auto">Go</button>-->
<!--                            </a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->

<!--        <div class="col-lg-6">-->
<!--            <div class="card">-->
<!--                <div class="card-body">-->
<!--                    <h3 class="card-title">Cyber security content </h3>-->
<!--                    <h6 class="card-subtitle">The Cyber Boardroom’s curated content</h6>-->
<!--                    <div id="visitor"  style="height: 180px; width: 100%; max-height: 290px; position: relative;" class="c3">-->

<!--                        <p style="height: 140px">-->
<!--                            We have developed short modules that will increase your knowledge and understanding of key cyber security topics.-->
<!--                        </p>-->


<!--                        <div class="col text-center">-->
<!--                            <a href="content">-->
<!--                                <button class="btn btn-success mx-auto">Go</button>-->
<!--                            </a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->

</div>

