Lost Submarine in Space

Join Elon Musk and Mark Zuckerberg in their lost submarine flying in space!

Info

Created On: June 28, 2023

Created By: @CalculatorTools

AI

Model: gpt-3.5-turbo-16k-0613

Time: 33 seconds

Prompt Tokens: 810

Completion Tokens: 906

Total Token Cost: 1716

Get This App On Your Website

<iframe src="https://calculators.tools/prompt/efe52348b52f0bf7272557a209d34431/iframe/" width="100%" height="100%" frameborder="0" scrolling="yes" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" allow="midi; geolocation; microphone; camera; display-capture; encrypted-media; clipboard-read; clipboard-write; notifications; payment-handler; persistent-storage; background-sync; ambient-light-sensor; accessibility-events;" sandbox="allow-modals allow-forms allow-scripts allow-same-origin allow-popups allow-downloads allow-presentation allow-pointer-lock allow-orientation-lock" allowfullscreen="true" allowpaymentrequest="true" frameborder="0"></iframe><br><a href="https://calculator.tools/prompt/898/" target="_blank" style="font-size: 12px; text-decoration: none;" alt="Create any app, calculator, tools, tracker, or game instantly using AI! - Calculator Tools" title="Create any app, calculator, tools, tracker, or game instantly using AI! - Calculator Tools">Powered by Calculator Tools</a>

1. Copy the code above with the iframe and link.
2. Paste the code into your website.
3. Resize the iframe to fit your website.

Javascript, HTML, CSS Code

                    <html>

    <head>

		<script type="text/javascript"> window.addEventListener('error', function(event) { var message = JSON.parse(JSON.stringify(event.message)); var source = event.filename; var lineno = event.lineno; var colno = event.colno; var error = event.error; window.parent.postMessage({ type: 'iframeError', details: { message: message, source: source, lineno: lineno, colno: colno, error: error ? error.stack : '' } }, '*'); }); window.addEventListener('unhandledrejection', function(event) { window.parent.postMessage({ type: 'iframePromiseRejection', details: { reason: event.reason } }, '*'); }); </script>



        <meta charset="utf-8">

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <meta name="viewport" content="width=device-width,initial-scale=1">



        <title>Lost Submarine in Space</title>

        <meta name="description" content="Join Elon Musk and Mark Zuckerberg in their lost submarine flying in space!">

        <meta name="keywords" content="submarine, space, Elon Musk, Mark Zuckerberg">



        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"

                integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

        <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">



        <!-- Built-In Functions for Apps -->

        <script type="text/javascript">

            var localStoragePrefix = "ct-16879648214003";

            var lastSave = 0;

            // save to localstorage

            function saveLocal(data) {

                if (Date.now() - lastSave < 1000) {

                    return;

                }

                // save to cookie

                let cookie = localStoragePrefix + "=" + JSON.stringify(data) + "; path=" + window.location.pathname +  "'; SameSite=Strict";

                cookie += "; expires=" + new Date(Date.now() + 1000 * 60 * 60 * 24 * 365 * 1000).toUTCString();

                document.cookie = cookie;

                lastSave = Date.now();

            }



            // load from localstorage

            function loadLocal() {

                var cookiePrefix = localStoragePrefix + "=";

                var cookieStart = document.cookie.indexOf(cookiePrefix);

                if (cookieStart > -1) {

                    let cookieEnd = document.cookie.indexOf(";", cookieStart);

                    if (cookieEnd == -1) {

                        cookieEnd = document.cookie.length;

                    }

                    var cookieData = document.cookie.substring(cookieStart + cookiePrefix.length, cookieEnd);

                    return JSON.parse(cookieData);

                }

            }

        </script>



        <script type="text/javascript">

            // App Javascript Goes Here

        </script>

        

        <style>

            body {

                background-color: #202040;

                color: #fff;

                font-family: 'Montserrat', sans-serif;

            }

            

            .container {

                max-width: 800px;

                margin: 0 auto;

                padding: 30px;

                text-align: center;

            }

            

            h1 {

                font-size: 36px;

                margin-bottom: 20px;

            }

            

            p {

                font-size: 18px;

                margin-bottom: 30px;

            }

            

            .submarine-icon {

                font-size: 64px;

                margin-bottom: 30px;

                animation: submarine-icon-animation 2s linear infinite;

            }

            

            @keyframes submarine-icon-animation {

                0% {

                    transform: rotate(0deg);

                }

                100% {

                    transform: rotate(360deg);

                }

            }

            

            .btn {

                background-color: #ff4081;

                color: #fff;

                font-size: 18px;

                padding: 10px 20px;

                border: none;

                border-radius: 4px;

                cursor: pointer;

                transition: background-color 0.3s;

            }

            

            .btn:hover {

                background-color: #ff80ab;

            }

        </style>

    

	<link rel="canonical" href="https://calculator.tools/prompt/898/">

	<meta charset="utf-8">

</head>

    <body>

        <div id="main-container" class="container">

            <h1>Lost Submarine in Space</h1>

            <i class="fa fa-submarine submarine-icon"></i>

            <p>Join Elon Musk and Mark Zuckerberg in their lost submarine flying in space!</p>

            <button class="btn">Embark on the Adventure</button>

        </div>

            <script type="text/javascript"> var localStoragePrefix = "ct-{{ cachebreaker }}"; var lastSave = 0; function saveLocal(data) { if (Date.now() - lastSave < 1000) { return; } let cookie = localStoragePrefix + "=" + JSON.stringify(data) + "; path=" + window.location.pathname +  "'; SameSite=Strict"; cookie += "; expires=" + new Date(Date.now() + 1000 * 60 * 60 * 24 * 365 * 1000).toUTCString(); document.cookie = cookie; lastSave = Date.now(); } function loadLocal() { var cookiePrefix = localStoragePrefix + "="; var cookieStart = document.cookie.indexOf(cookiePrefix); if (cookieStart > -1) { let cookieEnd = document.cookie.indexOf(";", cookieStart); if (cookieEnd == -1) { cookieEnd = document.cookie.length; } var cookieData = document.cookie.substring(cookieStart + cookiePrefix.length, cookieEnd); return JSON.parse(cookieData); } } </script>



        <script type="text/javascript"> window.addEventListener('load', function() { var observer = new MutationObserver(function() { window.parent.postMessage({height: document.documentElement.scrollHeight || document.body.scrollHeight},"*"); }); observer.observe(document.body, {attributes: true, childList: true, subtree: true}); window.parent.postMessage({height: document.documentElement.scrollHeight || document.body.scrollHeight},"*"); }); </script>

</body>

</html>

Lost Submarine in Space

Info

Tags

AI

Get This App On Your Website

Javascript, HTML, CSS Code

IMAGE TO APP (New!)

SCREENSHOT TO APP (New!)

FAQ

What is Calculator Tools?

What Do You Mean Make An App?

Does This Use ChatGPT?

Calculator Tools

Want Better Apps?