Embed

<!DOCTYPE html>
<html>
<head>
    <title>Halyard Consulting - AI Portfolio</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #e61e26;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            color: #ffffff;
        }
        table {
            width: 100%;
            max-width: 1200px;
            text-align: center;
        }
        h1 {
            margin: 20px 0;
        }
        p {
            margin: 20px 0;
            font-family: 'Times New Roman', Times, serif;
            font-size: 14pt;
        }
        #mindstudio-frame {
            width: 80%;
            height: 90vh;
            border: 1px solid rgba(0, 0, 0, 0.1);
            border-radius: 8px;
            outline: none;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
    </style>
    <script>
        function generateUniqueUserId() {
            return 'user_' + Math.random().toString(36).substr(2, 9);
        }

        function embedBot() {
            var userId = generateUniqueUserId();
            window.MindStudioSettings = {
                publicToken: "pk7ae782963268894159a318bf2bf50675",
                appId: "0aa4de58-4c80-499e-b38c-40808095d0c1",
                userId: userId,

                targetId: "mindstudio-frame",
                debugging: true,

                options: {
                    autoFocus: true,
                    disableThreads: true,
                    minimizeThreadPanel: true,
                    launchVariables: {
                        myVariable: "My Value"
                    }
                }
            };

            var script = document.createElement('script');
            script.src = "https://api.mindstudio.ai/v1/embed.js";
            document.head.appendChild(script);
        }

        window.onload = embedBot;
    </script>
</head>
<body>
    <table>
        <tr>
            <td><h1>Welcome to the Halyard AI Portfolio</h1></td>
        </tr>
        <tr>
            <td><p>These are our public-facing bots. Please feel free to test them out and let us know what you think.</p></td>
        </tr>
        <tr>
            <td><iframe id="mindstudio-frame" referrerpolicy="origin" title="AI Embed" frameborder="0"></iframe></td>
        </tr>
    </table>
</body>
</html>
