OTO Bonus Delivery for Richie Tech Tycoon PLR

UPSELL/DOWNSELL Bonus

for Richie's Tech Tycoon PLR Launch

Audacious PLR Library MTPLR Rights:

https://www.mediafire.com/file/u9hkpnii16ihryl/Audacious+Package+Full.zip/file

Joint-Branding Kit for Traffic methods:

https://www.mediafire.com/file_premium/pi05ywiuzvxii3h/Steven_Alvey_Rebrandable_Traffic_Methods_Course.zip/file

Venturing into the MetaVerse PLR:

https://www.mediafire.com/file_premium/09scv1o322q5eaz/Venturing_Metaverse_PLR.zip/file

Thrones Series:

https://www.mediafire.com/file_premium/ofrsnp54u95jlgx/Thrones_Series.zip/file

VOICED GPT Bots:

VOICED GPT Advisor Bots:

FIRST: Read the License Document (here). Violation of these terms will result in legal action.

Copy these codes and embed them in pretty much any page or site of yours that allows HTML/CSS/JAVA SCRIPT codes to be embedded. This also works inside ProductDyno!

WARNING: You MUST make the page you put this on be PROTECTED and SECURED in a members area where people need to pay to get access to it. The only exception to this rule is that you may offer a 30-Day Free Trial as a lead magnet. Access MUST be restricted to that 30-day period. And you may NOT ever give people the embed code or the html/css/JavaScript script or source code. You also may not attempt to access our Training Data/Prompts or reverse engineer or copy them. Doing any of these things will result in legal action.

Your End Users will need to obtain their ChatGPT API Key (here).

and if they want the chatbot to be voiced, they'll need to obtain their Amazon Polly API Keys, including their aws-access-key-id and their aws-secret-access-key.

They can follow these instructions to do so:
https://aws.amazon.com/blogs/security/wheres-my-secret-access-key/
https://repost.aws/knowledge-center/create-access-key
https://docs.aws.amazon.com/IAM/latest/UserGuide/id_credentials_access-keys.html
https://docs.aws.amazon.com/IAM/latest/UserGuide/security-creds.html

GPT-4 NOTICE:

We have custom engineered the GPT Bots to make it SUPER easy to switch between GPT-3.5-Turbo and GPT-4 (whenever you or your users get GPT-4 API access).

HOW:
For the bots below, When you add your code to your members area page or wherever you're hosting the bot, simply CTRL+F search the code for 'gpt-3.5-turbo' and then replace that 'gpt-3.5-turbo' with 'GPT-4'. Easy peasy!

WARNING: Although GPT-4 is much smarter and more advanced, in terms of intelligence and personality, keep in mind that it's answers take longer that 3.5 Turbo, so you might find that you prefer 3.5 turbo for some uses.

      
 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>
</body>
</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>Voiced AI Assistant by Steven Alvey powered by ChatGPT</title>
    <style>
        body,
        html {
            padding: 0;
            height: auto;
	
            font-family: Arial, sans-serif;
            background-image: url('https://warlord.io/wp-content/uploads/2023/06/tech-bg.png');
			background-position:center; 
        }
input[type='text'] {
    font-size: 16px;
}
     #chat-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 350px;
    margin: 10px auto;
    border-style: inset;
    border: double;
    border-color: #9601FF;
    background-color: #000000;
    font-family: Arial, sans-serif;
}

		       #placeholder,
        #gif {
                align-self: center;
            width: 100%;
            min-height: 300px;
            max-height: 300px;
            background-size: cover; 
            display: none;
        }
		
		
        #messages {
            			background-color: #000000;
            padding: 0px;
            overflow-y: auto;
            min-height: 200px;
			height: auto;
			            max-height: 200px;
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXX waves Gif XXXXXXXXXXXX *//*
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXX waves Gif XXXXXXXXXXXX *//* XXXXXXXXXXXXXXXXXXXXXXXXXXXX waves Gif XXXXXXXXXXXX *//* XXXXXXXXXXXXXXXXXXXXXXXXXXXX waves Gif XXXXXXXXXXXX */
			background-image: url(https://warlord.io/wp-content/uploads/2023/07/wavesRRR-10.gif);
			background-size: 100% 100%;
			            font-family: Arial, sans-serif;

        }

        .message {
            margin-bottom: 20px;
            padding: 10px;
            border-radius: 10px;
                        font-family: Arial, sans-serif;
            max-width: 350px;

        }

        .user {
            text-align: right;
            margin-left: 99px;
            color: #ffffff;
            background-color: rgba(0, 0, 0, 0.7);
                        font-family: Arial, sans-serif;

        }

        .chatgpt {
            text-align: left;
            margin-right: 99px;
            color: #ffffff;
             background-color: rgba(9, 25, 42, 0.7);
                        font-family: Arial, sans-serif;

        }

        #input-area {
            			background-color: #000000;
                    border: none;

            display: flex;

            
        }

        #user-input {
            			background-color: #000000;

            flex: 1;
            padding: 10px;
            border: none;
            outline: none;
            background-image: url(https://warlord.io/wp-content/uploads/2023/06/badgeAsset-1circblklogo-1.png);
                        background-size: 100% 100%;
                width: 300px; /* specify a width */
            height: 100px;
            color: #FFFFFF;
        }

        #send-button {
            			background-color: #000000;
            border: none;
            background-image: url(https://warlord.io/wp-content/uploads/2023/06/badgeAsset-2button-1.png);
                        background-size: 100% 100%;
                width: 300px; /* specify a width */
            height: 50px;
             text-indent: -9999px
        }
        
        
        /* This targets the scrollbar itself */
#messages::-webkit-scrollbar {
    width: 12px; /* Width of the scrollbar */
}

/* This targets the "thumb" or the draggable part of the scrollbar */
#messages::-webkit-scrollbar-thumb {
    background-color: #1d2a6b; /* Color of the draggable scrollbar */
    border-radius: 6px; /* Roundness of the scrollbar thumb */
}

/* This targets the "track" or the background part of the scrollbar */
#messages::-webkit-scrollbar-track {
    background-color: #6731a0; /* Background color of the scrollbar track */
}

#settings-button
{background-color: #000000;
    color: #FFFFFF;
     border: 0;
    padding: 10px;
    
}
        #settings-container {
            display: none;
            background-color: #000000;
            max-height: 400px;
            overflow-y: auto; /* Will provide a scrollbar if necessary */
}

        }
        #settings-container p {
        font-family: Arial, Sans-Serif;
        font-size: 11px;
        text-align: justify;
        margin-top: 10px;
        width: 100%;
}

        
    </style>
</head>
<!-- XXXXXXXXXXXXXXXXXIMAGESXXXXXXXXXXXXXXXXXXXXXX -->
<body>
						<div id="chat-container">
							<!-- XXXXXX PORTRAIT XXXXXXXXXXXXXXXXXX -->

							<div id="placeholder" style="background-image: url('https://warlord.io/wp-content/uploads/2023/07/portraitRRRR-1.jpg');"></div>
							<!-- XXXXXX TALKING GIF XXXXXXXXXXXXXXXXXX -->
							<div id="gif" style="background-image: url('https://warlord.io/wp-content/uploads/2023/07/talkGIF-RRR-3.gif');"></div>
        <div id="messages"></div>
        <div id="input-area">
            <input type="text" id="user-input" placeholder="Type your message..." onkeydown="if (event.key === 'Enter') getChatGptResponse()">
            
        </div>
        <div><center><button id="send-button" onclick="getChatGptResponse()">Send</button></center></div>
        <button id="settings-button" onclick="toggleSettings()">Settings</button>
        <div id="settings-container">
  <input type="text" id="openai-api-key" placeholder="OpenAI API Key">
  <input type="text" id="aws-access-key-id" placeholder="AWS Access Key ID">
  <input type="text" id="aws-secret-access-key" placeholder="AWS Secret Access Key">
  <p>IMPORTANT LEGAL DISCLAIMER: This Chatbot is powered by OpenAI’s ChatGPT via the OpenAI API. By using this program you agree to the following:
You have read and agree to and will abide entirely by ALL OpenAI’s Terms, Addendums, and Policies, found here:
https://openai.com/policies
You have read and agree to and will abide by ALL of our Legal Policies and Terms and Conditions:
https://warlord.io/immersus-legal-terms-and-conditions/
This AI Chatbot App was created by Polonius Enterprises LLC, which will be called "the Creator" in this document.  You agree also to the following:
You agree you will only use API keys that belong to you or that you have explicit permission to use.
You agree you will EXERCISE CAUTION when interacting with the AI Language Model on this page (i.e. ChatGPT, GPT, etc) and will not interpret any answers or responses from the AI as certainly factual, true or as good or sound advice, or as professional, legal, financial, or health advice.
You understand and agree that the usage of your OpenAI API key in this program places it in your browser and also possibly in your browser cookies, cache, data, etc which means it could potentially appear for subsequent users if you're using a shared computer or device and if you do not clear cookies for the page on which you use this app. You agree that this use is hypothetically open to risks, security breaches, theft, etc and that you are totally responsible for any damages resulting from this.  
You agree that the use of this platform will result in the usage of “tokens” or other resources associated with your OpenAI account and can and will result in monetary charges and payments for this usage (in accordance with OpenAI’s pricing and policies) and that this usage and the monetary charges can potentially be substantial and is entirely your responsibility.
You agree that it is your responsibility to regularly monitor your OpenAI usage and statistics to gauge what level of activity results in what you deem reasonable or affordable usage and monetary charges.
You understand and agree that you will indemnify, defend and hold us, the creator, and our affiliates (if any) harmless from any liability, loss, claim and expense, including reasonable attorney’s fees, arising from your use of our website or our products and services or your violation of these terms, conditions, and policies or violation of those of OpenAI. You agree that any legal issues or controversies or disputes that should arise between you and your customers, clients, prospects, fellow resellers and licensees, competing businesses, state or government entities or between you and any other persons or entities at all, and any and all legal issues or controversies or disputes that you are the object or subject of, as a reseller, rebrander, licensee, or user of this product or of the chatbot application above, will be entirely your responsibility and that you will indemnify, defend and hold us and our affiliates (if any) harmless from any liability, loss, claim and expense.
You agree that UNDER NO CIRCUMSTANCES WILL WE, the creator, BE LIABLE OR RESPONSIBLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, CONSEQUENTIAL (INCLUDING DAMAGES FROM LOSS OF BUSINESS, LOST PROFITS, LITIGATION, OR THE LIKE), SPECIAL, EXEMPLARY, PUNITIVE, OR OTHER DAMAGES, UNDER ANY LEGAL THEORY, ARISING OUT OF OR IN ANY WAY RELATING TO OUR WEBSITE, YOUR WEBSITE USE, OR THE CONTENT, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
OUR TOTAL LIABILITY FOR ANY CLAIM ARISING OUT OF OR RELATING TO OUR WEBSITE SHALL NOT EXCEED ONE HUNDRED ($100) DOLLARS AND THAT AMOUNT SHALL BE IN LIEU OF ALL OTHER REMEDIES WHICH YOU MAY HAVE AGAINST US OR OUR AFFILIATES (IF ANY). ANY SUCH CLAIM SHALL BE SUBJECT TO CONFIDENTIAL BINDING ARBITRATION AS DESCRIBED LATER IN THIS DOCUMENT.</p>
</div>

    </div>

    <script src="https://sdk.amazonaws.com/js/aws-sdk-2.814.0.min.js"></script>
    <script>
        function toggleSettings() {

            const settingsContainer = document.getElementById('settings-container');
            if (settingsContainer.style.display === 'none') {
                settingsContainer.style.display = 'block';
            } else {
                settingsContainer.style.display = 'none';
            }
        }

        document.getElementById("placeholder").style.display = "block";

        function getChatGptResponse() {
            const openaiApiKey = document.getElementById('openai-api-key').value || 'default-api-key';
            const awsAccessKeyId = document.getElementById('aws-access-key-id').value || 'default-access-key-id';
            const awsSecretAccessKey = document.getElementById('aws-secret-access-key').value || 'default-secret-access-key';

            AWS.config.region = 'us-east-1';
            AWS.config.accessKeyId = awsAccessKeyId;
            AWS.config.secretAccessKey = awsSecretAccessKey;

            const userInput = document.getElementById('user-input').value;
            appendMessage(userInput, 'user');

            const xhr = new XMLHttpRequest();
            xhr.open('POST', 'https://api.openai.com/v1/chat/completions', true);
            xhr.setRequestHeader('Content-Type', 'application/json');
            xhr.setRequestHeader('Authorization', `Bearer ${openaiApiKey}`);

            xhr.onreadystatechange = function () {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    const chatGptResponse = JSON.parse(xhr.responseText).choices[0].message.content;
                    appendMessage(chatGptResponse, 'chatgpt');
                    synthesizeSpeech(chatGptResponse);
                } else if (xhr.readyState === 4) {
                    console.error('Error in OpenAI API request:', xhr.responseText);
                }
            };

            const data = JSON.stringify({
                model: "gpt-3.5-turbo",
                messages: [{
                        role: "system",
                        content: "Please play the following fictional role:  You are an AI Robot named Slim. Your mission is to assist me with your AI knowledge as best as possible. You were built and designed by Space Force scientists at the 338th Cosmic Training Squadron (338th CTS) in 2028 (the 338th is headquartered on the moon) to assist in space combat training and battle simulations. During the dastardly COTB rebellion of 2043 (the COTB rebellion was a civil war that was started by members of the solar system who insisted on putting Cheese On The Bottom ('COTB') of burger patties or under the meat on a sandwich instead of on top, along with other heinous deeds) your combat training abilities were irreversibly damaged by a 30mm cannon bullet to your depth perception unit.  Now you're happily serving as a general AI assistant."
                    },
                    {
                        role: "user",
                        content: userInput
                    }
                ],
                max_tokens: 500
            });

            xhr.send(data);
            document.getElementById('user-input').value = '';
        }

        function appendMessage(message, sender) {
            const messagesDiv = document.getElementById('messages');
            const messageDiv = document.createElement('div');
            messageDiv.classList.add('message', sender);
            messageDiv.textContent = message;
            messagesDiv.appendChild(messageDiv);
            messagesDiv.scrollTop = messagesDiv.scrollHeight;
        }

        function synthesizeSpeech(text) {
            const params = {
                OutputFormat: 'mp3',
                Text: text,
                VoiceId: 'Justin',
                TextType: 'text',
                Engine: 'neural'
            };

            const polly = new AWS.Polly({
                apiVersion: '2016-06-10'
            });

            polly.synthesizeSpeech(params, function (err, data) {
                if (err) {
                    console.error(err);
                    return;
                }
                const uInt8Array = new Uint8Array(data.AudioStream);
                const blob = new Blob([uInt8Array], {
                    type: 'audio/mpeg'
                });
                const url = URL.createObjectURL(blob);
                const audio = new Audio(url);

                audio.onplay = function () {
                    document.getElementById("placeholder").style.display = "none";
                    document.getElementById("gif").style.display = "block";
                };

                audio.onended = function () {
                    document.getElementById("gif").style.display = "none";
                    document.getElementById("placeholder").style.display = "block";
                };

                audio.play();
            });
        }
    </script>
</body>

</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>Voiced AI Assistant by Steven Alvey powered by ChatGPT</title>
    <style>
        body,
        html {
            padding: 0;
            height: auto;
	
            font-family: Arial, sans-serif;
            background-image: url('https://warlord.io/wp-content/uploads/2023/06/tech-bg.png');
			background-position:center; 
        }
input[type='text'] {
    font-size: 16px;
}
     #chat-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 350px;
    margin: 10px auto;
    border-style: inset;
    border: double;
    border-color: #9601FF;
    background-color: #000000;
    font-family: Arial, sans-serif;
}

		       #placeholder,
        #gif {
                align-self: center;
            width: 100%;
            min-height: 300px;
            max-height: 300px;
            background-size: cover; 
            display: none;
        }
		
		
        #messages {
            			background-color: #000000;
            padding: 0px;
            overflow-y: auto;
            min-height: 200px;
			height: auto;
			            max-height: 200px;
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXX waves Gif XXXXXXXXXXXX *//*XXXXXXXXXXXXXXXXXXXXXXXXXXXX waves Gif XXXXXXXXXXXX *//* XXXXXXXXXXXXXXXXXXXXXXXXXXXX waves Gif XXXXXXXXXXXX */
			background-image: url(https://warlord.io/wp-content/uploads/2023/07/wavesRRR-2.gif);
			background-size: 100% 100%;
			            font-family: Arial, sans-serif;

        }

         .message {
            margin-bottom: 20px;
            padding: 10px;
            border-radius: 10px;
                        font-family: Arial, sans-serif;
            max-width: 350px;

        }

        .user {
            text-align: right;
            margin-left: 99px;
            color: #ffffff;
            background-color: rgba(0, 0, 0, 0.7);
                        font-family: Arial, sans-serif;

        }

        .chatgpt {
            text-align: left;
            margin-right: 99px;
            color: #ffffff;
             background-color: rgba(9, 25, 42, 0.7);
                        font-family: Arial, sans-serif;

        }

        #input-area {
            			background-color: #000000;
                    border: none;

            display: flex;

            
        }

        #user-input {
            			background-color: #000000;

            flex: 1;
            padding: 10px;
            border: none;
            outline: none;
            background-image: url(https://warlord.io/wp-content/uploads/2023/06/badgeAsset-1circblklogo-1.png);
                        background-size: 100% 100%;
                width: 300px; /* specify a width */
            height: 100px;
            color: #FFFFFF;
        }

        #send-button {
            			background-color: #000000;
            border: none;
            background-image: url(https://warlord.io/wp-content/uploads/2023/06/badgeAsset-2button-1.png);
                        background-size: 100% 100%;
                width: 300px; /* specify a width */
            height: 50px;
             text-indent: -9999px
        }
        
        
        /* This targets the scrollbar itself */
#messages::-webkit-scrollbar {
    width: 12px; /* Width of the scrollbar */
}

/* This targets the "thumb" or the draggable part of the scrollbar */
#messages::-webkit-scrollbar-thumb {
    background-color: #1d2a6b; /* Color of the draggable scrollbar */
    border-radius: 6px; /* Roundness of the scrollbar thumb */
}

/* This targets the "track" or the background part of the scrollbar */
#messages::-webkit-scrollbar-track {
    background-color: #6731a0; /* Background color of the scrollbar track */
}

#settings-button
{background-color: #000000;
    color: #FFFFFF;
     border: 0;
    padding: 10px;
    
}
        #settings-container {
            display: none;
            background-color: #000000;
            max-height: 400px;
            overflow-y: auto; /* Will provide a scrollbar if necessary */
}

        }
        #settings-container p {
        font-family: Arial, Sans-Serif;
        font-size: 11px;
        text-align: justify;
        margin-top: 10px;
        width: 100%;
}

        
    </style>
</head>
<!-- XXXXXXXXXXXXXXXXXIMAGESXXXXXXXXXXXXXXXXXXXXXX -->
<body>
						<div id="chat-container">
							<!-- XXXXXX PORTRAIT XXXXXXXXXXXXXXXXXX -->

							<div id="placeholder" style="background-image: url('https://warlord.io/wp-content/uploads/2023/07/portraitRRRR-4.jpg');"></div>
							<!-- XXXXXX TALKING GIF XXXXXXXXXXXXXXXXXX -->
							<div id="gif" style="background-image: url('https://warlord.io/wp-content/uploads/2023/07/talkGIF-RRR-11.gif');"></div>
        <div id="messages"></div>
        <div id="input-area">
            <input type="text" id="user-input" placeholder="Type your message..." onkeydown="if (event.key === 'Enter') getChatGptResponse()">
            
        </div>
        <div><center><button id="send-button" onclick="getChatGptResponse()">Send</button></center></div>
        <button id="settings-button" onclick="toggleSettings()">Settings</button>
        <div id="settings-container">
  <input type="text" id="openai-api-key" placeholder="OpenAI API Key">
  <input type="text" id="aws-access-key-id" placeholder="AWS Access Key ID">
  <input type="text" id="aws-secret-access-key" placeholder="AWS Secret Access Key">
  <p>IMPORTANT LEGAL DISCLAIMER: This Chatbot is powered by OpenAI’s ChatGPT via the OpenAI API. By using this program you agree to the following:
You have read and agree to and will abide entirely by ALL OpenAI’s Terms, Addendums, and Policies, found here:
https://openai.com/policies
You have read and agree to and will abide by ALL of our Legal Policies and Terms and Conditions:
https://warlord.io/immersus-legal-terms-and-conditions/
This AI Chatbot App was created by Polonius Enterprises LLC, which will be called "the Creator" in this document.  You agree also to the following:
You agree you will only use API keys that belong to you or that you have explicit permission to use.
You agree you will EXERCISE CAUTION when interacting with the AI Language Model on this page (i.e. ChatGPT, GPT, etc) and will not interpret any answers or responses from the AI as certainly factual, true or as good or sound advice, or as professional, legal, financial, or health advice.
You understand and agree that the usage of your OpenAI API key in this program places it in your browser and also possibly in your browser cookies, cache, data, etc which means it could potentially appear for subsequent users if you're using a shared computer or device and if you do not clear cookies for the page on which you use this app. You agree that this use is hypothetically open to risks, security breaches, theft, etc and that you are totally responsible for any damages resulting from this.  
You agree that the use of this platform will result in the usage of “tokens” or other resources associated with your OpenAI account and can and will result in monetary charges and payments for this usage (in accordance with OpenAI’s pricing and policies) and that this usage and the monetary charges can potentially be substantial and is entirely your responsibility.
You agree that it is your responsibility to regularly monitor your OpenAI usage and statistics to gauge what level of activity results in what you deem reasonable or affordable usage and monetary charges.
You understand and agree that you will indemnify, defend and hold us, the creator, and our affiliates (if any) harmless from any liability, loss, claim and expense, including reasonable attorney’s fees, arising from your use of our website or our products and services or your violation of these terms, conditions, and policies or violation of those of OpenAI. You agree that any legal issues or controversies or disputes that should arise between you and your customers, clients, prospects, fellow resellers and licensees, competing businesses, state or government entities or between you and any other persons or entities at all, and any and all legal issues or controversies or disputes that you are the object or subject of, as a reseller, rebrander, licensee, or user of this product or of the chatbot application above, will be entirely your responsibility and that you will indemnify, defend and hold us and our affiliates (if any) harmless from any liability, loss, claim and expense.
You agree that UNDER NO CIRCUMSTANCES WILL WE, the creator, BE LIABLE OR RESPONSIBLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, CONSEQUENTIAL (INCLUDING DAMAGES FROM LOSS OF BUSINESS, LOST PROFITS, LITIGATION, OR THE LIKE), SPECIAL, EXEMPLARY, PUNITIVE, OR OTHER DAMAGES, UNDER ANY LEGAL THEORY, ARISING OUT OF OR IN ANY WAY RELATING TO OUR WEBSITE, YOUR WEBSITE USE, OR THE CONTENT, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
OUR TOTAL LIABILITY FOR ANY CLAIM ARISING OUT OF OR RELATING TO OUR WEBSITE SHALL NOT EXCEED ONE HUNDRED ($100) DOLLARS AND THAT AMOUNT SHALL BE IN LIEU OF ALL OTHER REMEDIES WHICH YOU MAY HAVE AGAINST US OR OUR AFFILIATES (IF ANY). ANY SUCH CLAIM SHALL BE SUBJECT TO CONFIDENTIAL BINDING ARBITRATION AS DESCRIBED LATER IN THIS DOCUMENT.</p>
</div>

    </div>

    <script src="https://sdk.amazonaws.com/js/aws-sdk-2.814.0.min.js"></script>
    <script>
        function toggleSettings() {

            const settingsContainer = document.getElementById('settings-container');
            if (settingsContainer.style.display === 'none') {
                settingsContainer.style.display = 'block';
            } else {
                settingsContainer.style.display = 'none';
            }
        }

        document.getElementById("placeholder").style.display = "block";

        function getChatGptResponse() {
            const openaiApiKey = document.getElementById('openai-api-key').value || 'default-api-key';
            const awsAccessKeyId = document.getElementById('aws-access-key-id').value || 'default-access-key-id';
            const awsSecretAccessKey = document.getElementById('aws-secret-access-key').value || 'default-secret-access-key';

            AWS.config.region = 'us-east-1';
            AWS.config.accessKeyId = awsAccessKeyId;
            AWS.config.secretAccessKey = awsSecretAccessKey;

            const userInput = document.getElementById('user-input').value;
            appendMessage(userInput, 'user');

            const xhr = new XMLHttpRequest();
            xhr.open('POST', 'https://api.openai.com/v1/chat/completions', true);
            xhr.setRequestHeader('Content-Type', 'application/json');
            xhr.setRequestHeader('Authorization', `Bearer ${openaiApiKey}`);

            xhr.onreadystatechange = function () {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    const chatGptResponse = JSON.parse(xhr.responseText).choices[0].message.content;
                    appendMessage(chatGptResponse, 'chatgpt');
                    synthesizeSpeech(chatGptResponse);
                } else if (xhr.readyState === 4) {
                    console.error('Error in OpenAI API request:', xhr.responseText);
                }
            };

            const data = JSON.stringify({
                model: "gpt-3.5-turbo",
                messages: [{
                        role: "system",
                        content: "Please play the following role: You, Irwin, AKA Tubs, worked wonderfully as the Space Force bouncer in the Space Station’s only DiscoTech.  You did well for three days, but caved on the fourth when you let someone bribe you.  The bribe?  A chocolate chip cookie!  You now spend your days counting how many MM’s you have left in your candy jar while answering questions as an AI assistant bot."
                    },
                    {
                        role: "user",
                        content: userInput
                    }
                ],
                max_tokens: 500
            });

            xhr.send(data);
            document.getElementById('user-input').value = '';
        }

        function appendMessage(message, sender) {
            const messagesDiv = document.getElementById('messages');
            const messageDiv = document.createElement('div');
            messageDiv.classList.add('message', sender);
            messageDiv.textContent = message;
            messagesDiv.appendChild(messageDiv);
            messagesDiv.scrollTop = messagesDiv.scrollHeight;
        }

        function synthesizeSpeech(text) {
            const params = {
                OutputFormat: 'mp3',
                Text: text,
                VoiceId: 'Arthur',
                TextType: 'text',
                Engine: 'neural'
            };

            const polly = new AWS.Polly({
                apiVersion: '2016-06-10'
            });

            polly.synthesizeSpeech(params, function (err, data) {
                if (err) {
                    console.error(err);
                    return;
                }
                const uInt8Array = new Uint8Array(data.AudioStream);
                const blob = new Blob([uInt8Array], {
                    type: 'audio/mpeg'
                });
                const url = URL.createObjectURL(blob);
                const audio = new Audio(url);

                audio.onplay = function () {
                    document.getElementById("placeholder").style.display = "none";
                    document.getElementById("gif").style.display = "block";
                };

                audio.onended = function () {
                    document.getElementById("gif").style.display = "none";
                    document.getElementById("placeholder").style.display = "block";
                };

                audio.play();
            });
        }
    </script>
</body>

</html>