- Scan ID:
- defcfb26-e582-4364-9739-7ec4d90cd7acFinished
- Submitted URL:
- https://ergj3.com/
- Report Finished:
Links · 0 found
The outgoing links identified from the page
JavaScript Variables · 44 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| 0 | object |
| 1 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| user_paid_for_no_ads | boolean |
| user_object | object |
| freestar | object |
| script | object |
| gtag | function |
Console log messages · 11 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| error | network |
|
| log | javascript |
|
| log | other |
|
| verbose | dom |
|
| verbose | dom |
|
| error | network |
|
| warning | other |
|
| warning | other |
|
| log | javascript |
|
| error | other |
|
| log | javascript |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html><head>
<title>DeepAI</title>
<script type="application/ld+json">{
"@context": "http://schema.org",
"@graph": [
{
"@type": "Website",
"url": "https://deepai.org",
"name": "DeepAI",
"description": "Artificially intelligent tools for naturally creative humans.",
"publisher": {
"@type": "Organization",
"url": "https://deepai.org",
"name": "DeepAI",
"legalName": "Deep AI, Inc.",
"description": "Artificially intelligent tools for naturally creative humans.",
"email": "[email protected]",
"foundingDate": "April, 20, 2017",
"foundingLocation": "California",
"sameAs": [
"https://github.com/deepai-org",
"https://angel.co/deepai",
"https://www.linkedin.com/company/deepai/",
"https://twitter.com/DeepAI",
"https://www.crunchbase.com/organization/deepai"
],
"founders": [
{
"@type": "Person",
"name": "Kevin Baragona",
"email": "[email protected]",
"image": "https://media.licdn.com/mpr/mpr/shrinknp_200_200/AAEAAQAAAAAAAAIoAAAAJDBlYWNlZTZiLTJkYTUtNDcwNy05MjI5LTBiY2JlMTA1M2ZkNA.jpg",
"sameAs": [
"https://www.linkedin.com/in/kevin-baragona-b8671860"
]
}
]
}
}
]
}</script>
<script async="" src="?_=%2F7.19.0%2Fbundle.min.js%23%2FtYdwm4UMfsBYcuxqPV2%2BVo7jjbnxBeu3x%2FbW43y" integrity="sha384-ztBHD5Kyf+YJqkbZijnUhyS5dYdQDCEfB2QjYao1rVJ1qBpQn+WMbafstDcVTHnB" crossorigin="anonymous" onload="Sentry.init({ dsn: 'https://[email protected]/1460722' });"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="?_=%2Fstatic%2Fimages%2Ffavicon.ico%23%2FtYdwm4UMfsHdsG2uvkquFs5" type="image/x-icon">
<link rel="icon" href="?_=%2Fstatic%2Fimages%2Ffavicon.ico%23%2FtYdwm4UMfsHdsG2uvkquFs5" type="image/x-icon">
<link href="?family=Atkinson&_=%2Fcss%23%2FtYdwm4UMfsFfMqyqL5juEY5jCf0zVO%2BlRKaVQ%3D%3D" hyperlegible'="" rel="stylesheet">
<meta name="description" content="Artificially intelligent tools for naturally creative humans.">
<meta property="og:url" content="https://deepai.org/">
<meta property="og:site_name" content="DeepAI">
<meta property="og:type" content="article">
<meta property="og:title" content="DeepAI">
<meta property="og:description" content="Artificially intelligent tools for naturally creative humans.">
<meta property="og:image" content="">
<!-- PLACE THIS SECTION INSIDE OF YOUR HEAD TAGS -->
<!-- Below is a recommended list of pre-connections, which allow the network to establish each connection quicker, speeding up response times and improving ad performance. -->
<link rel="preconnect" href="?_=%2F%23%2FtYdwm4UMfsCPdSzub5qsl0pjzD%2B" crossorigin="">
<link rel="preconnect" href="?_=%2F%23%2FtYdwm4UMfsBPdSzub5qsl0pjzD%2B" crossorigin="">
<link rel="preconnect" href="?_=%2F%23%2FtYdwm4UMfsAPdSzub5qsl0pjzD%2B" crossorigin="">
<link rel="preconnect" href="?_=%2F%23%2FtYdwm4UMfsHPdSzub5qsl0pjzD%2B" crossorigin="">
<link rel="preconnect" href="?_=%2F%23%2FtYdwm4UMfsAPcWruupruQQ%2FhDHszk6o1l%2BWV48%3D" crossorigin="">
<link rel="preconnect" href="?_=%2F%23%2FtYdwm4UMfsQPcWruupruQQ%2FhDHszk6o1l%2BWV48%3D" crossorigin="">
<link rel="preconnect" href="?_=%2F%23%2FtYdwm4UMfsQdsezqfUqplw%2Fjjbm2Ei73l%2BWV48%3D" crossorigin="">
<link rel="preconnect" href="?_=%2F%23%2FtYdwm4UMfsRZsijqL51okgwlCH6yFS5lRKaVQ%3D%3D" crossorigin="">
<link rel="preconnect" href="?_=%2F%23%2FtYdwm4UMfsTetyjt751okgwlDHwz0yolRKaVQ%3D%3D" crossorigin="">
<link rel="preconnect" href="?_=%2F%23%2FtYdwm4UMfsAftToquVluV09gTHhk1mi1g%3D%3D" crossorigin="">
<link rel="preconnect" href="?_=%2F%23%2FtYdwm4UMfsBZ8ipuvRhpQc9jy8%3D" crossorigin="">
<link rel="preconnect" href="?_=%2F%23%2FtYdwm4UMfsCY83oueRouEg6hTC73lWg" crossorigin="">
<link rel="preconnect" href="?_=%2F%23%2FtYdwm4UMfsAd8rouP9qsUA%2Fjja41FS53haHWZb2ukTljAfXaQ%3D%3D" crossorigin="">
<!-- Below is a link to a CSS file that accounts for Cumulative Layout Shift, a new Core Web Vitals subset that Google uses to help rank your site in search -->
<!-- The file is intended to eliminate the layout shifts that are seen when ads load into the page. If you don't want to use this, simply remove this file -->
<!-- To find out more about CLS, visit https://web.dev/vitals/ -->
<link rel="stylesheet" href="?_=%2Fdeepai-org%2Fcls.css%23%2FtYdwm4UMfsCPdSzub5qsl0pjzD%2B">
<script data-cfasync="false" type="text/javascript">
var user_paid_for_no_ads = false;
try{
var user_object = JSON.parse(localStorage.getItem('user'));
if(user_object.userprofile2){
if(user_object.userprofile2.locked_out_due_to_no_payment_info === false){
user_paid_for_no_ads = true;
}
}
}catch(e){
console.log('error checking user login for ads removal', e)
}
var freestar = freestar || {};
freestar.queue = freestar.queue || [];
freestar.config = freestar.config || {};
freestar.config.disabledProducts = {
videoAdhesion: true,
stickyFooter: false,
pushdown: true,
sideWall: true,
superflex: true,
dynamicAds: true,
googleInterstitial: true
};
freestar.config.enabled_slots = [];
freestar.initCallback = function () { (freestar.config.enabled_slots.length === 0) ? freestar.initCallbackCalled = false : freestar.newAdSlots(freestar.config.enabled_slots) }
if(!user_paid_for_no_ads){
console.log('user has not paid for no ads, loading ads');
// inject a async script tag to load the ads.js file
var script = document.createElement('script');
script.src = 'https://a.pub.network/deepai-org/pubfig.min.js';
script.async = true;
document.head.appendChild(script);
}else{
console.log('user has paid for no ads, not loading ads');
}
</script><script src="https://a.pub.network/deepai-org/pubfig.min.js" async=""></script>
<style type="text/css">html{background-color:#170a2c;font-family:'Atkinson Hyperlegible'}button,input,optgroup,select,textarea{font-family:'Atkinson Hyperlegible';font-size:100%;line-height:1.15;margin:0}body{margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(180deg,#7729aa -13.13%,#170a2d 0.17%,#0a061d 6.9%,rgba(10,6,30,0.99) 36.38%,#010311 98.59%)!important}a{text-decoration:none}header{height:78px;overflow:hidden;width:100%;z-index:10}header a.logo-link,footer a.logo-link{display:flex;color:white!important;cursor:pointer;margin-right:10px}header nav{display:flex;margin-left:auto;max-height:62px;background:var(--clear);border:1px solid transparent;border-radius:12px}header nav:hover{background:rgba(255,255,255,0.12)}header ul{list-style-type:none;margin:0;padding:0;display:flex;flex-direction:row;white-space:nowrap;align-items:center;min-width:46px;justify-content:center}header ul li{display:block;float:left;font-size:16px;color:#fff;line-height:25px}header ul li a{text-decoration:none;cursor:pointer}.drop-menu-button{display:block;width:46px;height:45px;padding:0;margin:0;border:none;background:transparent;cursor:pointer}.menu-icon{font-size:30px;font-weight:bold;cursor:pointer;vertical-align:middle;pointer-events:none}header ul li a:hover{text-decoration:none}header ul li.dropdown:hover{cursor:pointer}header .dropdown{position:unset}ul li.dropdown ul{visibility:hidden;opacity:0;display:none;position:absolute;transition:all 0.5s ease;top:auto;z-index:10;right:13px;margin:auto;margin-top:20px;width:296px;border-radius:12px;border:1px solid rgba(255,255,255,0.13);background:rgba(142,142,142,0.02);-webkit-backdrop-filter:blur(114px);-moz-backdrop-filter:blur(114px);backdrop-filter:blur(114px)}.show-dropdown{visibility:visible!important;opacity:1!important;display:block!important}ul li.dropdown ul a{clear:both;display:block;margin:0;margin:0px 10px;height:45px;position:relative}ul li.dropdown ul li{margin:4px 5px;cursor:pointer}.search-bar-container{background:#212121;border-radius:30px;margin:0 9px 0 9px;height:32px;width:100%;max-width:450px;border:1px solid #ffffffa6;display:flex;flex-direction:row;align-items:center;box-shadow:inset 0px 2px 4px rgb(32 33 36 / 27%)}.search-bar-container img{height:17px;margin:8px}.search-bar{width:100%}.search-bar input{width:100%;height:100%;border:none;padding:0;color:white;background-color:rgba(0,0,0,0)}.loading{background:url(?_=%2Fstatic%2Fimages%2Floading.gif%23%2FtYdwm4UMfsHdsG2uvkquFs5) no-repeat right center!important;background-size:contain!important}.loading-center{background:url(?_=%2Fstatic%2Fimages%2Floading.gif%23%2FtYdwm4UMfsHdsG2uvkquFs5) no-repeat center center;background-size:contain;height:50px}a.button{display:flex;padding:6px 19px;font-size:14px;border-radius:45px;border:1px solid #1e79d1;vertical-align:bottom;white-space:nowrap;font-weight:bold;color:#1e79d1;margin-left:9px}a.button:active{opacity:0.9}a.button.highlighted{background-color:#a01ed1;color:white;width:auto;background:linear-gradient(94deg,#c764ec,#4a36b1);height:auto;border:none;cursor:pointer}a.button.hotline{background:transparent;color:#c764ec;width:auto;height:auto;border:1px solid #c764ec;cursor:pointer}a.login-button{border:none;color:white;cursor:pointer}input:focus,button{outline:none}footer{margin-top:auto;text-align:center}a.button.fitter{width:fit-content}a.button.doublecolor{border-radius:8px;border-right:1px solid #e7416b;border-bottom:1px solid #e7416b;border-left:1px solid #1e79d1;border-top:1px solid #1e79d1;background:transparent;padding:0.3em;color:white;width:auto;height:auto}#social-modal{flex-direction:column;width:80vw;max-width:440px;justify-content:flex-start;align-items:center;border-radius:12px;border:1px solid rgba(255,255,255,0.13);background:rgba(142,142,142,0.02);-webkit-backdrop-filter:blur(114px);-moz-backdrop-filter:blur(114px);backdrop-filter:blur(114px);margin:auto;position:relative;color:white;padding-bottom:54px;position:fixed}.social-link-copy{display:flex;box-sizing:border-box;position:relative;align-items:center;justify-content:space-between;padding-right:18px;padding-left:18px;width:100%;border-radius:32px;border:1px solid rgba(255,255,255,0.13);backdrop-filter:blur(12px);height:48px;margin-top:10px}#social-link-input{flex-grow:1;border:none;background-color:transparent;font-size:14px;padding:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:white}.copy-button{background-color:transparent;border:none;cursor:pointer;padding:4px;margin-left:8px}.copy-button img{width:20px;height:20px}footer p{color:white;font-size:15px}.footer-row{display:flex;position:relative;flex-direction:row;align-items:center;justify-content:space-between;height:50px;background-color:#010009;z-index:5;bottom:0px}.bad-auth-error{display:none;justify-content:center;font-size:11px;color:#eb4f4f;text-align:left;margin-bottom:8px;margin-left:8px}.good-auth-error{display:none;justify-content:center;font-size:11px;color:#59ee7f;text-align:left;margin-bottom:8px}.leftfooter{margin-left:16px}.leftfooter a{display:flex;flex-direction:row}.leftfooter p,.logo-link p{background:linear-gradient(180deg,#fff 0%,#ebe5fb 50%,#7fabff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:flex;flex-direction:row;font-size:19px;margin:auto;margin-left:10px}@media screen and (max-width:800px){.logo-link p{display:none}}.rightfooter{display:flex;flex-direction:row;margin-right:16px}.contact,.press,.legal,.xlogo,.linkedinlogo,#pmLink{height:20px;margin:auto;margin-left:24px;color:white}.xlogo,.linkedinlogo{margin-top:6px}.footer-container{position:relative;overflow:hidden;bottom:0px;min-height:450px}.castle{position:relative;width:100vw;height:auto;z-index:1}.smaller-castle{display:none;width:100vw;height:auto}.centered-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:3}.centered-text{margin-top:-25px;font-size:30px}a.centered-button{background:white;border:none;color:#101010;white-space:nowrap;letter-spacing:2%;width:33vw;margin:auto;padding:10px 135px!important}a.centered-button:hover{background:var(--purple);transition:background 0.4s ease-in-out;color:white}dialog{padding:0;border:0;border-radius:0.6rem}dialog::backdrop{background-color:rgba(0,0,0,0.4)}dialog + .backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.4)}dialog[open]{animation:slide-up 0.4s ease-out;display:flex}dialog{display:none;left:0;right:0;margin:auto;max-width:90vw;background-color:transparent}dialog#signup-modal form,dialog#login-modal form{display:block;margin:20px;width:500px}dialog#subscription-modal form{display:block;margin:20px;width:600px}dialog .button.social-auth{width:48%;background:#fff;color:#1D2129;border:1px solid #999;display:inline-block;padding:0 0 0 28px;text-align:left;margin:10px 4px}dialog .button.social-auth img{vertical-align:middle;margin:6px}dialog .button.more-options{background:linear-gradient(94deg,#c764ec,#4a36b1)}dialog .other-options-signup-row{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:20px}dialog .other-options-signup-line{width:30%;height:0;border:1px solid #fff;margin:3px;display:inline-block}dialog .other-options-signup{color:#fff;font-size:15px;padding:0 10px 0 10px}dialog .switch-login-signup-button{padding:0 28px;color:#fff;background:#6ec0fd;font-weight:700;font-size:.7em;border-radius:3px;box-shadow:0 2px 5px 0 rgba(0,0,0,.26);border-width:0;border-style:none;-webkit-appearance:none;height:25px;cursor:pointer;margin:10px auto;width:30%;display:block}.login-container{display:none;flex-direction:column;width:440px;justify-content:flex-start;align-items:center;border-radius:12px;border:1px solid rgba(255,255,255,0.13);background:rgba(142,142,142,0.02);backdrop-filter:blur(114px);-webkit-backdrop-filter:blur(114px);-moz-backdrop-filter:blur(114px);-ms-backdrop-filter:blur(114px);margin:auto;color:white;position:fixed}.close{position:absolute;top:0.2em;right:0.2em;padding:0.3em;line-height:0.6;background-color:transparent;border:0;font-size:2em;color:#fff;cursor:pointer}.modal-header,.modal-body,.modal-footer{padding:1em;background-color:#2A282F;text-align:center;color:white}.login-header{text-align:center;font-size:36px;font-weight:600;letter-spacing:0.75px;line-height:normal;margin-top:49px;margin-bottom:0px;cursor:default;padding:0px}.share-header{text-align:center;font-size:36px;font-weight:600;letter-spacing:0.75px;line-height:normal;margin-top:54px;margin-bottom:0px}.share-subheader{text-align:center;color:darkgray;font-size:12px;line-height:18px;margin:auto;margin-top:8px;margin-bottom:24px}.out-credits-header{text-align:center;font-size:36px;font-weight:600;letter-spacing:0.75px;line-height:normal;margin-top:38px;margin-bottom:0px}.login-exit{display:flex;flex-direction:row;position:absolute;justify-content:right;right:24px;top:24px;cursor:pointer}.out-credits-exit{display:flex;flex-direction:row;position:absolute;justify-content:right;right:24px;top:24px;cursor:pointer}.please-subheader{text-align:center;color:darkgray;font-size:12px;line-height:18px;margin:auto;margin-top:8px;margin-bottom:16px}.options-container{width:270px;height:48px;display:flex;justify-content:center;align-items:center;background:rgba(142,142,142,0.05);border-radius:12px;justify-content:center;margin:auto;margin-top:12px;margin-bottom:12px;cursor:pointer}.membership-toggle{width:100%;height:36px}.login-active{display:flex;width:131px;height:40px;margin-left:4px;font-size:14px;font-weight:200;padding:0 41px 0 41px;justify-content:center;align-items:center;border-radius:10px;color:darkgray;cursor:pointer}.member-active{display:flex;width:131px;height:28px;margin-left:4px;font-size:12px;font-weight:200;padding:0 40px 0 40px;justify-content:center;align-items:center;border-radius:10px;color:darkgray;cursor:pointer}.signup{display:flex;width:131px;height:40px;padding:0 41px 0 41px;justify-content:center;align-items:center;border-radius:10px;font-size:14px;font-weight:200;color:darkgray;white-space:nowrap;text-align:center;cursor:pointer;margin-right:4px}.active{color:white;font-weight:400;background:rgba(255,255,255,0.1)}.signin-with-google{display:flex;position:relative;height:48px;width:270px;justify-content:center;align-items:center;gap:12px;border:none;border-radius:12px;color:white;font-size:14px;font-weight:400;font-family:inherit;background:rgba(255,255,255,0.1);margin:auto;margin-bottom:12px;transition:background 0s ease;cursor:pointer}.signin-with-google:hover{background:white;color:black}.signin-with-github{display:flex;position:relative;height:48px;width:270px;justify-content:center;align-items:center;gap:12px;border:none;border-radius:12px;color:white;font-size:14px;font-weight:400;font-family:inherit;background:rgba(255,255,255,0.1);margin:auto;margin-bottom:12px;transition:background 0s ease;cursor:pointer}.signin-with-github:hover{background:#121212;color:white}.button.login-with-email{display:flex;justify-content:center;background:none;border:none;white-space:nowrap;color:white;font-family:inherit;font-size:12px;font-weight:400;margin:auto;margin-bottom:48px;cursor:pointer}.email-container::before{content:"Email Address";position:absolute;z-index:1;top:10px;left:60px;font-size:9px;pointer-events:none;color:darkgray}.email-container{position:relative;display:none;margin:auto;margin-bottom:12px;width:270px;height:48px;border-radius:12px;background:rgba(142,142,142,0.02)}.email-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:darkgray;z-index:1;border-right:1px solid darkgray;padding-right:12px}.input-email{padding-left:58px;padding-top:22px;padding-bottom:10px;height:14px;line-height:14px;position:relative;border-radius:12px;border:1px solid rgba(255,255,255,0.13);background:transparent;color:white;width:100%}.input-email::placeholder{font-size:12px;line-height:18px}.password-container::before{content:"Enter Password";position:absolute;z-index:1;top:10px;left:60px;font-size:9px;pointer-events:none;color:darkgray}.password-container{position:relative;display:none;margin:auto;margin-bottom:12px;width:270px;height:48px}.lock-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:darkgray;z-index:1;border-right:1px solid darkgray;padding-right:10px}.input-password{font-size:12px;padding-left:58px;padding-top:22px;padding-bottom:10px;height:14px;line-height:14px;position:relative;border-radius:12px;border:1px solid rgba(255,255,255,0.13);background:transparent;color:white;width:100%}.input-password::placeholder{font-size:12px;line-height:18px}.reenter-password-container::before{content:"Re-enter Password";position:absolute;z-index:1;top:10px;left:60px;font-size:9px;color:darkgray;pointer-events:none}.reenter-password-container{position:relative;display:none;margin:auto;margin-bottom:12px;width:270px;height:48px}.button.login-email{display:none;flex-direction:column;background:#7000ff;border:none;width:270px;color:var(--white);font-size:14px;font-weight:500;white-space:nowrap;letter-spacing:2%;margin:auto;padding:12px;margin:auto;margin-bottom:12px;transition:background 0.2s ease;cursor:pointer;align-items:center;border-radius:12px}.button.sub-set{display:flex;flex-direction:column;align-items:center;border-radius:12px;background:#7000ff;border:none;width:270px;color:var(--white);font-size:14px;font-weight:500;white-space:nowrap;letter-spacing:2%;margin:auto;padding:12px;margin:auto;margin-bottom:12px;transition:background 0.2s ease;cursor:pointer}.button.goback{display:none;justify-content:center;background:none;border:none;white-space:nowrap;color:white;font-size:12px;font-weight:400;margin:auto;margin-bottom:24px;cursor:pointer}#forgot-password{display:none;justify-content:center;text-align:center;font-size:12px;margin:auto;margin-bottom:12px;color:white}#forgot-password:hover{background:none;cursor:default}span.click-here{color:#c549fe;cursor:pointer;margin-left:6px}.modal-body .title{font-size:22px;justify-content:center}.modal-body .subtitle{opacity:0.9}.modal-header{margin:0;padding-bottom:0.6em;background-color:#f3f3f3;border-bottom:1px solid #f3f3f3}.modal-footer{border-top:1px solid #f3f3f3}.deepaiProSubscriptionRow{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.deepaiProSignupRow{display:flex;align-items:center;justify-content:space-evenly}.deepaiProPaymentRow{display:flex;align-items:center;justify-content:space-evenly;flex-direction:column}.subscription-modal-body{width:max(40vw,386px);background-color:#2A282F}.out-of-credits-modal-body{display:flex;flex-direction:column;width:80vw;max-width:440px;justify-content:flex-start;align-items:center;border-radius:12px;border:1px solid rgba(255,255,255,0.13);background:rgba(142,142,142,0.02);backdrop-filter:blur(114px);margin:auto;position:relative;color:white;padding-bottom:32px}.subscription-pro{display:flex;flex-direction:column}.payasyougo{display:none;flex-direction:column}.modal-row{display:flex;flex-direction:row;justify-content:flex-start;padding-left:50px;align-items:center}.modal-row-top{display:flex;flex-direction:row;justify-content:flex-start;padding-left:40px;align-items:center}.sub-title{color:#fff;text-align:center;font-size:38px;padding:0 0 0 20px}.sub-info{padding:0.5em;color:#fff;text-align:left;font-size:14px}.purple{color:#c764ec}.smaller{text-align:left;font-size:12px;padding-right:70px}.stripe-signup-button{padding:8px 30px;font-size:16px;border-radius:45px;background-color:#a01ed1;color:white;width:auto;background:linear-gradient(94deg,#c764ec,#4a36b1);height:auto;border:none;cursor:pointer;vertical-align:bottom;white-space:nowrap;font-weight:bold;margin-bottom:11px}.switch-pay-button{font-size:16px;color:#9D9D9D;padding:10px;background:transparent;text-decoration:underline;width:auto;height:auto;border:none;cursor:pointer}.modal-pricing-title{padding-right:0px}.modal-pricing{margin:0px;font-size:14px;margin-bottom:4px;text-align:left}.modal-pricing-subheader{margin-bottom:100px}.modal-subscriptions-container{display:flex;position:relative;flex-direction:column;text-align:left;height:750px;border:1px solid transparent;border-radius:12px;padding:44px;padding-bottom:10px;color:#fff;overflow-y:hidden}.modal-small-subscription-container{background:rgba(142,142,142,0.02);backdrop-filter:blur(114px);-webkit-backdrop-filter:blur(114px);height:fit-content;width:426px;border:1px solid rgba(255,255,255,0.13);border-radius:12px;margin:auto}.modal-subscription-section{display:flex;flex-direction:row;justify-content:space-between;height:auto;overflow:hidden}.modal-pro-subscription-section{visibility:hidden}.modal-overview{visibility:visible}.modal-subscription-title-container{display:flex}.modal-subscription-title{font-size:24px;margin-bottom:10px;line-height:29px}.modal-subscriptions-subheader{font-size:14px;color:#9c9b9b;margin-bottom:16px;font-weight:300}.pro-title{margin-left:3px;color:#8f37ff;font-weight:600}.modal-subscription-price{display:flex}.modal-price{font-size:40px;color:#8f37ff;font-weight:500;margin-bottom:16px}.modal-subscription-length{font-size:14px;color:#9c9b9b;margin-left:6px;margin-top:26px}.modal-best-value{display:flex;position:absolute;top:18px;width:78px;height:24px;right:0;justify-content:center;align-items:center;font-size:60%;letter-spacing:2px;font-weight:500;padding:0px 10px 0 10px;border-bottom-left-radius:6px;border-top-left-radius:6px;background-color:#8f37ff;white-space:nowrap}.modal-get-started{display:flex;flex-direction:row;width:100%!important;height:48px;padding:5px 95px;justify-content:center;align-items:center;gap:10px;border-radius:12px;font-size:18px;text-align:center;background-color:#8f37ff;color:white;border:none;white-space:nowrap;cursor:pointer}.modal-value{margin:0px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;height:48px;border-bottom:1px rgba(255,255,255,0) solid}.modal-overview-title{display:flex;margin-block-start:0px;margin-block-end:0px;justify-content:flex-start;align-items:center;height:48px;width:223%;border-bottom:1px rgba(255,255,255,0.12) solid}.modal-overview{list-style-type:none;font-size:14px;line-height:38px;padding-left:0px}.modal-membership{color:#8d8d8d;font-size:12px;margin:0px;height:24px;margin-bottom:0px;align-items:flex-start;border:none}.modal-membership-description{margin-bottom:0px;text-align:center;display:flex;flex-direction:column;align-items:center}.modal-value2{margin-top:-21px;border-bottom:1px rgba(255,255,255) solid}.modal-api-value{border-bottom:none}.get-started-container{display:none;flex-direction:column}.go-back-subscription{backdrop-filter:blur(10px);width:100%!important;height:46px;background:var(--clear);border:1px solid transparent;border-radius:12px;color:var(--white);white-space:nowrap;cursor:pointer;transition:none;padding:5px 65px;margin:auto;font-size:18px}.subscription-terms{margin-bottom:12px;list-style:none;line-height:24px}.payment-container{display:flex;flex-direction:column}.payment-options{width:100%}.stripe-pay-active{display:flex;width:100%;height:40px;margin-left:4px;font-size:14px;font-weight:200;padding:0 41px 0 41px;justify-content:center;align-items:center;border-radius:10px;color:darkgray;cursor:pointer}.paypal-pay{display:flex;width:100%;height:40px;padding:0 41px 0 41px;justify-content:center;align-items:center;border-radius:10px;font-size:14px;font-weight:200;color:darkgray;white-space:nowrap;text-align:center;cursor:pointer;margin-right:4px}.active{color:white;font-weight:400;background:rgba(255,255,255,0.1)}.modal-see-full{display:flex;flex-direction:row;justify-content:center;align-items:center;background:none;border:none;color:white;font-size:12px;cursor:pointer;margin:auto;margin-top:12px;gap:4px}.subscribe-to{margin-bottom:12px}.paypal-cred{display:none}.paypal-styling{border-radius:12px;background:white;overflow:hidden;width:100%;height:48px}.backup-paypal-button{display:none!important}.paypal-sub{display:none}.share-button{color:#fff!important;opacity:0.65;cursor:pointer;display:flex;align-items:center;flex-direction:row}.share-button img{margin-right:4px}#social-image{margin:0 auto}.separator-bullet{margin:0 4px;color:#999}.card-list{display:flex;flex-direction:column;justify-content:center;padding:18px 10px 0}.card-list .main-list{display:flex;flex-direction:column;margin:0 auto;width:100%}.card-list-item{border-radius:8px;margin:30px auto 30px auto;width:100%;max-width:700px;cursor:pointer;display:flex;flex-direction:row;outline:none;box-shadow:0 8px 92px 20px rgb(71 28 115 / 70%)}.card-list-item .heart-link{display:flex;flex:0 1;flex-direction:column;padding:12px 0;align-items:center}.card-list-item .card-content{display:flex;flex-direction:column;background:transparent;width:100%;border-radius:0 8px 8px 0;color:black;padding:20px}.card-list-item:hover{outline:1px solid #898989}.card-list-item .tag-container{display:flex;flex-direction:row}.card-list-item .card-list-item-header{display:flex;flex-direction:row;align-items:center;margin:12px;font-size:14px;color:#999}.card-list-item .trunc-summary{margin:0 12px 12px;font-size:14px;color:#fff}.card-list-item .card-footer{display:flex;flex-direction:row;align-items:center;margin:12px;font-size:14px}.card-list-item .card-footer .author-link{color:#c764ec}.card-list-item .title{margin:0 12px 12px;font-size:15px;font-weight:500;line-height:24px;color:#fff}.dropdown-select{background-color:rgba(111,0,255,0.049);color:darkgray;padding:12px;font-size:16px;border:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dropdown-select option{color:white;margin-top:14px}.dropdown-select option:first-child{color:darkgray}.dropdown-select option:hover{background-color:#f1f1f1}.dropdown-payment-amount::before{content:"Add credits to your account";position:absolute;z-index:1;top:10px;left:60px;font-size:8px;color:darkgray;pointer-events:none}.dropdown-payment-amount::after{color:white}.dropdown-payment-amount{position:relative;display:none;margin-bottom:12px;width:100%;height:48px}.go-dropdown{display:flex}.money-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:darkgray;z-index:1;border-right:1px solid darkgray;padding-right:12px}.dropdown-input-amount{font-size:12px;padding-left:58px;padding-top:22px;padding-bottom:10px;height:48px;line-height:14px;position:relative;width:100%;border-radius:12px;border:1px solid rgba(255,255,255,0.13);background:rgba(255,255,255,0.02);backdrop-filter:blur(12px)}.dropdown-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;background-color:#ffffff00;color:white;border:none;z-index:2}.dropdown-icon:hover{cursor:pointer}.sub-terms-pro-styling{padding-left:0px;margin:32px auto 38px auto;flex-direction:column}.sub-terms-go-styling{padding-left:0px;margin:32px auto 36px auto;flex-direction:column}.dataset{position:relative;width:100%}.payment-dropdown{margin-bottom:200px;margin:auto}#amount{-webkit-appearance:none;-moz-appearance:none}.card-list-item .title a{color:#fff}.title-image-pro{display:flex;flex-direction:row;justify-content:center;align-items:center}.logo-imagepro{width:15%;height:10%}.check-imagepro{width:10%}.thumbnail{width:500px;max-width:100%;margin:12px auto;height:350px;max-height:100%;box-sizing:border-box;border-radius:8px;background-size:contain;background-repeat:no-repeat;background-position:center}.middle{vertical-align:middle}.float-left{float:left}.float-right{float:right}.hide{display:none}.heart-link{display:flex;align-items:center;justify-content:center;color:#999!important;text-decoration:none!important;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.heart-count{margin:4px}.heart-link:not([hearted]) .hearted-heart-icon{display:none}.heart-link[hearted] .unhearted-heart-icon{display:none}.show-lt-md{display:none!important}.show-lt-sm{display:none!important}.hide-lt-xlg{display:none!important}.hide-lg{display:none!important}a:hover,a:focus{text-decoration:none}.social-icon{display:flex;gap:26px}.social-name{font-size:14px}.icon-container{display:flex;flex-direction:column;align-items:center;gap:8px}.icon-container a{display:flex;width:58px;height:58px;border-radius:12px;background-color:#ffffff04;justify-content:center;align-items:center;transition:background-color 0.3s;margin-bottom:-8px}.icon-container a:hover{background-color:#ffffff12}.facebook a:hover{background-color:#1876f2}.reddit a:hover{background-color:#ff4400}.x a:hover{background-color:rgb(13,13,13)}.linkedin a:hover{background-color:#0a66c2}.icon-container img{width:55%;height:auto;transition:transform 0.3s}.icon-container a:hover img{transform:scale(1.1)}@media screen and (max-width:960px){header img.header-social-icon{margin-left:12px}.hide-lt-xlg{display:none!important}.hide-lt-lg{display:none!important}.hide-md{display:none!important}}@media screen and (max-width:800px){.modal-row{padding-left:2px}.sub-title{font-size:30px}.smaller{padding-right:30px}}@media screen and (max-width:600px){ul li.dropdown ul{right:2%}.contact,.press,.legal,.xlogo,.linkedinlogo{margin-left:14px;font-size:12px;height:17px}.modal-row-top{padding-left:15px}.smaller{padding-right:10px}dialog#signup-modal{width:365px}dialog#signup-modal form{width:90%;margin:auto}dialog#login-modal form{width:100%;margin:auto}dialog#subscription-modal form{width:400px;margin:10px}.thumbnail{max-width:90%;margin:12px}dialog .button{width:80%}dialog input[type=email]{width:90%}dialog input[type=text]{width:90%}dialog input[type=password]{width:90%}dialog .button.social-auth{width:80%;display:block;margin:auto;margin-bottom:10px;text-align:left}.card-list .card-list-item{margin:4px 0}.card-list .card-list-item .card-content{width:87%}header img.deepai-logo{height:28px;margin-left:8px;width:32px;object-fit:cover;object-position:left}.show-lt-md{display:block!important}.hide-lt-xlg{display:none!important}.hide-lt-lg{display:none!important}.hide-lt-md{display:none!important}.hide-sm{display:none!important}.modal-get-started{margin-bottom:12px}.paypal-styling{margin-bottom:12px}.sub-terms-pro-styling{margin:15px auto 30px auto}.sub-terms-go-styling{margin:22px auto 32px auto}}@media (max-width:500px){.social-modal-body{width:268px}.social-icon{gap:12px}#social-modal{width:98%}.social-name{font-size:12px}}@media screen and (max-width:470px){.modal-small-subscription-container{width:96vw;height:auto}.modal-subscriptions-container{padding:24px 34px;height:auto}.modal-overview-title{width:243%}dialog{max-width:100vw;width:100vw}ul li.dropdown ul{width:96%}.login-container{width:96%}}@media screen and (max-width:440px){.modal-overview-title{width:233%}}@media screen and (max-width:420px){.modal-column{width:280px}.other-modal-column{width:280px;padding-bottom:5%;margin-bottom:10px}.other-modal-column .other-box-title{padding:0.8em}.modal-column .box-title{padding:0.8em}.other-modal-column :nth-child(2){padding:0.6em}.modal-row-top{padding-left:10px}.modal-column :nth-child(2){padding:0.6em}.deepaiProPaymentRow{display:flex;flex-direction:column}.modal-overview-title{width:213%}.member-active{padding:0 35px 0 35px}}@media screen and (max-width:390px){.modal-overview-title{width:193%}.member-active{padding:0 30px 0 30px}}@media screen and (max-width:375px){dialog#signup-modal form,dialog#login-modal form{width:90%;margin:auto}dialog input[type=email]{width:90%}dialog input[type=text]{width:90%}dialog input[type=password]{width:90%}dialog .button{width:90%}dialog .button.social-auth{width:90%}.title-image-pro{width:90%}.modal-row{width:90%}.modal-overview-title{width:183%}.member-active{padding:0 20px 0 20px}}@media screen and (max-width:425px){.subscription-modal-body{width:auto}.leftfooter p{display:none}.out-of-credits-modal-body{width:auto}.subscription-pro{width:100%;margin:auto}.modal-overview-title{width:163%}}@media screen and (max-width:320px){ul li.dropdown ul{right:10px}dialog#signup-modal form,dialog#login-modal form{width:95%;margin:auto}dialog#signup-modal{width:365px}dialog#subscription-modal form{width:400px;margin:10px}dialog .button{width:100%}dialog .button.social-auth{width:100%}.thumbnail{max-width:90%;margin:12px}.card-list .card-list-item .card-content{width:87%}.card-list .card-list-item{margin:4px 0}dialog .button.social-auth{width:100%;display:block}.options-container{width:260px}.signin-with-google{width:240px}.signin-with-github{width:240px}.email-container{width:240px}.password-container{width:240px}.reenter-password-container{width:240px}.button.login-email{width:240px}.show-lt-md{display:block!important}.hide-lt-xlg{display:none!important}.hide-lt-lg{display:none!important}.hide-lt-md{display:none!important}.hide-xs{display:none!important}}@media screen and (max-width:290px){.options-container{width:235px}.member-active{padding:0 12px 0 12px}dialog{margin-left:0px}}div.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:10}div.left-sticky{position:fixed;top:20vh;left:0px;right:calc(100% - 320px);z-index:20;overflow:hidden}.fs-sidewall-container{z-index:9!important}#pmLink{visibility:hidden;text-decoration:none;cursor:pointer;background:transparent;border:none;font-size:16px;line-height:22px}#pmLink:hover{visibility:visible}@media (max-width:1650px){div.left-sticky{right:calc(100% - 180px)}}@media (min-width:1650px){div.left-sticky{right:calc(100% - 320px)}}@media screen and (max-width:600px){#pmLink{font-size:12px}}@media screen and (max-width:850px){#pmLink{position:absolute;bottom:53px;text-align:center;left:0px;width:85vw}}textarea:focus{outline:none;-webkit-tap-highlight-color:transparent}button:focus{outline:none;-webkit-tap-highlight-color:transparent}.hero-section{display:flex;height:min-content;position:relative;background:transparent;padding:0px;margin-bottom:30px}.hero{position:relative;display:flex;flex-direction:column;margin:auto;justify-content:center;align-items:center;margin-top:140px;margin-bottom:380px}.hero h1{font-size:106px;margin-bottom:12px;font-weight:100}h1,h3,p{color:white;margin:20px 0}.title{background:linear-gradient(180deg,#fff 0%,#ebe5fb 40%,#7fabff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:flex;flex-direction:row}.titlesparkle{position:relative;top:-75px;left:100%;margin-left:-75px}.menuContainer{background-color:rgba(255,255,255,0.04);border-radius:12px;margin:10px}.topbuttons{display:flex;flex-direction:row;width:100%;border-radius:12px 12px 0px 0px}.button{display:flex;flex-direction:row;width:35px;justify-content:center;align-items:center;gap:10px;border-radius:12px;font-size:18px;text-align:center;font-style:normal}.button.login,.frontpagebutton{background:transparent;border:none;color:var(--white);font-weight:bold;letter-spacing:2%;transition:background 0.4s ease;cursor:pointer;height:38px;backdrop-filter:blur(10px);padding:10px 0;display:flex;flex-direction:row;justify-content:center;text-align:center;align-items:center}.frontpagebutton{display:flex;font-weight:300;flex-direction:row;justify-content:center;width:auto;margin-right:0px;padding-top:25px;padding-bottom:20px;cursor:pointer;backdrop-filter:blur(10px);border-radius:12px 12px 0px 0px;color:#7D7D7D;width:100%;cursor:pointer}.frontpagebutton:hover{background:rgba(255,255,255,0.2);color:white}.frontpagebutton.active{background:rgba(143,55,255,0.10);color:white;font-weight:400}#inputContainer{background:rgba(143,55,255,0.10);padding:12px;border-radius:0px 0px 12px 12px}#inputArea{width:100%;position:relative}textarea{position:relative;display:inline-flex;flex-direction:column;padding:12px;align-items:flex-start;justify-content:flex-start;border-radius:12px;border:1px solid rgba(255,255,255,0.13);background:linear-gradient(#0f0824,#0c071f) padding-box,linear-gradient(180deg,rgba(255,255,255,0.13) -0.61%,rgba(255,255,255,0.46) -0.43%,rgba(255,255,255,0.2) 13.63%,rgba(255,255,255,0.03) 100%) border-box;backdrop-filter:blur(10px);color:white;margin:auto;overflow:hidden;font-size:18px;word-wrap:break-word;max-width:426px;max-height:305px}#heroChatBox{padding:14px;border-radius:12px;margin:0;padding-bottom:4px;line-height:18px;display:flex;align-items:center;min-height:30px;height:30px;resize:none;transition:color 0.1s}.actionbuttons{display:flex;gap:10px;margin-top:12px}#inspireMeButton{border-radius:10px;border:1px solid rgba(255,255,255,0.13);width:25%;padding:10px;color:white;cursor:pointer;background:linear-gradient(#271d48,#18152300) padding-box,linear-gradient(180deg,rgba(255,255,255,0.13) -0.61%,rgb(255 255 255 / 41%) -0.43%,rgb(255 255 255 / 4%) 13.63%,rgb(255 255 255 / 0%) 100%) border-box}#mainSubmitButton{border-radius:10px;border:1px solid rgba(255,255,255,0.13);background:linear-gradient(180deg,rgba(143,55,255,0.50) -1.09%,rgba(86,33,153,0.50) 98.91%) padding-box,linear-gradient(180deg,rgb(255 255 255 / 16%) -0.61%,rgb(255 255 255 / 41%) -0.43%,rgb(255 255 255 / 17%) 13.63%,rgb(255 255 255 / 0%) 100%) border-box;font-weight:bold;width:75%;padding:12px;color:white;cursor:pointer;opacity:0.5}#mainSubmitButton.active{opacity:1;box-shadow:0px 0px 7px 3px #9037FF}.hide{color:transparent}.glowEffect{box-shadow:rgb(143,55,255) 0px 0px 8px 0px}.ai-gen-title{font-size:25px;margin-bottom:30px;letter-spacing:1.5px;font-weight:400;padding-right:0px;text-align:center;color:white;padding:8px 16px}.ai-gen-small-title{font-size:20px;margin-top:30px;margin-bottom:10px}.ai-gen-link{color:white;padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,0.13);background:linear-gradient(#0f0824,#0c071f) padding-box,linear-gradient(180deg,rgba(255,255,255,0.13) -0.61%,rgba(255,255,255,0.46) -0.43%,rgba(255,255,255,0.2) 13.63%,rgba(255,255,255,0.03) 100%) border-box;margin:10px auto;font-size:18px;text-align:center;width:calc(min(200px,80vw))}.ai-gen-link:hover{box-shadow:rgb(143,55,255) 0px 0px 8px 0px}.last-gen-link{margin-bottom:50px}.ocean{width:100%;height:100%;padding:0;margin:0;top:0px;z-index:0;position:fixed;mix-blend-mode:screen;opacity:0.3;pointer-events:none}@media screen and (max-width:800px){.hero{margin-top:110px}}@media screen and (max-width:600px){.hero{margin-top:110px}textarea{width:95%}#inputArea{margin:auto;display:flex;flex-direction:column;align-items:center}#inspireMeButton{width:30%}#mainSubmitButton{width:70%}}@media screen and (max-width:450px){#heroChatBox{padding-top:12px!important;padding-bottom:12px!important}.ai-gen-link{width:80vw}}@media screen and (max-width:420px){#heroChatBox{font-size:16px}}@media screen and (max-width:330px){.hero{width:95vw}textarea{font-size:16px}#heroChatBox{white-space:nowrap}#mainSubmitButton{width:60%}#inspireMeButton{width:40%}}</style>
<!-- Start Google Analytics Tag -->
<!-- Google tag (gtag.js) -->
<script async="" src="?id=G-GY2GHX2J9Y&_=%2Fgtag%2Fjs%23%2FtYdwm4UMfsUZNPovP9rsEU7lCPy0Fuj2haQSsz8ukc%3D"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-GY2GHX2J9Y');
</script>
<!-- End Google Analytics Tag -->
<script data-owner="freestar" src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" async="" type="text/javascript"></script><script data-owner="freestar" src="https://a.pub.network/core/prebid-analytics-8.49.83.js" async="" type="text/javascript"></script><script data-owner="freestar" src="https://a.pub.network/deepai-org/pubfig.engine.js" async="" type="text/javascript"></script><style type="text/css">.fs-sticky-footer {
display: block;
bottom: 0;
right: 0;
position: fixed;
width: 100vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 2147483647;
}
.fs-sticky-slot-element > div > iframe {
margin: 0 !important;
}
.fs-sticky-slot-element > div {
position: relative;
}
.fs-sticky-parent {
z-index: 2147483647;
bottom: 0;
padding-top: 0px;
position: fixed;
left: 0;
right: 0;
text-align: center;
}
.fs-sticky-wrapper {
background-color: #f6f3f3;
display: inline-block;
margin: auto;
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
visibility: inherit;
z-index: inherit;
}
.fs-overlay {
width: 0%;
height: 100%;
position: fixed;
z-index: 5000000;
top: 0;
left: 0;
background: #888888;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.canvas-boxes {
width: 100px;
height: 100px;
}
.captcha-styles {
text-align: center;
width: 100%;
}
.fs-dynamic {
text-align: center;
clear: both;
}
.fs-iai {
text-align: center;
clear: both;
}
.fs-x-btn {
position: absolute;
top: 20px;
right: 0px;
cursor: pointer;
border-radius: 50%;
width: 30px;
height: 30px;
background-color: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.fs-l-btn {
display: block;
position: absolute;
top: 14px;
left: 5px;
pointer-events: none;
border-radius: 2px;
width: 20px;
height: 2px;
background-color: rgba(0, 0, 0, 0);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.fs-r-btn {
display: block;
pointer-events: none;
border-radius: 2px;
width: 20px;
height: 2px;
background-color: #ffffff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.fs-btn-wrapper {
display: inline-block;
}
.fs-pdu-x {
-moz-appearance: none;
-webkit-appearance: none;
-webkit-transition: all 0.3s ease-in-out;
background-color: #ffffff;
background-image: url('https://a.pub.network/core/imgs/freestar_close_button.svg');
background-position: 50%;
background-repeat: no-repeat;
border: none;
border-radius: 50%;
-webkit-box-shadow:
0 0 0 1px #888888,
0 0 0 6px rgba(247, 247, 247, 0.75);
box-shadow:
0 0 0 1px #888888,
0 0 0 6px rgba(247, 247, 247, 0.75);
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: block;
height: 20px;
outline: none;
padding: 0px;
position: absolute;
right: 12px;
top: 12px;
transition: all 0.3s ease-in-out;
width: 20px;
}
.fs-close-button {
-moz-appearance: none !important;
-webkit-appearance: none !important;
-webkit-transition: all 0.3s ease-in-out !important;
appearance: none !important;
background-color: #ffffff !important;
background-image: url('https://a.pub.network/core/imgs/freestar_close_button.svg') !important;
background-position: 50% !important;
background-repeat: no-repeat !important;
border: none !important;
border-radius: 50% !important;
-webkit-box-shadow:
0 0 0 1px #888888,
0 0 0 1px rgba(247, 247, 247, 0.75) !important;
box-shadow:
0 0 0 1px #888888,
0 0 0 1px rgba(247, 247, 247, 0.75) !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
cursor: pointer !important;
display: block !important;
height: 20px !important;
outline: none !important;
padding: 0px !important;
position: absolute !important;
right: 25px !important;
top: 25px !important;
transition: all 0.3s ease-in-out !important;
width: 20px !important;
}
.fs-close-button {
all: unset;
}
.fs-close-button:hover,
.fs-close-button:focus {
background-color: #000 !important;
}
.fs-sticky-popup-container {
z-index: 2147483647 !important;
}
.fs-sticky-popup-container {
font-size: 0.8em;
text-align: center;
font-family: 'arial';
white-space: nowrap;
width: auto;
height: auto;
padding: 7px;
-webkit-filter: drop-shadow(2px 2px 2px grey);
filter: drop-shadow(2px 2px 2px grey);
}
.fs-sticky-popup-container a:nth-child(2) {
border-top: 1px solid #999;
}
.fs-close-button:hover {
-webkit-box-shadow:
0 0 0 1px #888888,
0 0 0 8px rgba(247, 247, 247, 0.75);
box-shadow:
0 0 0 1px #888888,
0 0 0 8px rgba(247, 247, 247, 0.75);
}
.fs-close-button-pushdown {
right: 12px !important;
top: 12px !important;
}
.fs-close-button-zerg-interstitial {
right: -5px !important;
top: -5px !important;
}
.fs-close-button-zerg-interstitial {
-webkit-transform: scale(1.25);
transform: scale(1.25);
}
@media screen and (min-width: 820px) {
.fs-close-button-sticky {
top: 9.3% !important;
right: 10px !important;
}
}
@media screen and (max-width: 820px) {
.fs-close-button-sticky {
top: 3px !important;
right: 10px !important;
}
.fs-close-button-pushdown {
top: 0 !important;
right: 0 !important;
}
.sticky-reportThisAd button:after {
right: -25px !important;
}
.pushdown-reportThisAd button:after {
top: 30px !important;
right: -38px !important;
}
}
.fs-pushdown {
background-color: rgba(247, 247, 247, 0.9);
top: 0;
text-align: center;
z-index: 2147483647;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.fs-pushdown-sticky {
position: sticky !important;
left: 0 !important;
}
.fs-pushdown-sticky {
background-color: rgba(247, 247, 247, 0.9);
top: 0;
text-align: center;
z-index: 2147483647;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.freestar_report_button {
border: none;
font-family: sans-serif;
font-size: 9px;
cursor: pointer;
color: #646464;
}
._fsBranding {
position: relative;
}
._fsBranding a {
max-height: none;
max-height: initial;
background-color: transparent;
background-color: initial;
margin-bottom: 0;
margin-bottom: initial;
border: medium none currentcolor;
border: initial;
-moz-appearance: none;
-webkit-appearance: none;
-webkit-transition: all 0.3s ease-in-out;
appearance: none;
background-image: url('https://a.pub.network/core/imgs/fslogo-green.svg');
background-position: 50%;
background-repeat: no-repeat;
border: none;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: block;
height: 30px;
outline: none;
position: absolute;
left: 6px;
top: 6px;
transition: all 0.3s ease-in-out;
width: 30px;
min-width: 0;
min-width: initial;
}
@media screen and (max-width: 820px) {
._fsBranding a {
top: -30px;
background-color: rgba(247, 247, 247, 0.75);
background-size: 58%;
}
}
.fs-report-ad-img {
width: 60%;
margin: 9px;
}
#freestar_overlay {
background: rgba(0, 0, 0, 0.6);
width: 100%;
height: 100%;
z-index: 2147483647;
top: 0;
left: 0;
position: fixed;
}
#freestar_overlay_flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
}
#freestar_report_ad {
background: rgba(255, 255, 255, 1) !important;
}
#freestar_report_ad {
width: 300px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#freestar_report_ad::before {
background: rgba(255, 255, 255, 1) !important;
}
#freestar_report_ad::before {
width: 300px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#freestar_report_ad_text_center {
text-align: center;
}
.freestar_close_btn {
position: absolute;
right: 0px;
top: 0px;
width: 32px;
height: 32px;
background-color: rgb(255, 255, 255);
}
.freestar_close_btn:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.freestar_close_btn:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.freestar_report_btn {
background: #00c389 !important;
cursor: pointer !important;
border: none !important;
border-radius: 30px !important;
color: #fff !important;
padding: 10px 20px !important;
font-size: 12px !important;
font-weight: 500 !important;
font-family: Arial, Helvetica, sans-serif !important;
}
.freestar_report_btn {
margin: 20px;
outline: 0;
}
.freestar_report_btn:focus {
outline: 0;
}
#freestar_report_div {
font-family: Arial, Helvetica, sans-serif !important;
}
#freestar_report_div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.freestar_report_sub_header {
color: #00c389 !important;
font-size: 16px !important;
font-weight: 600 !important;
}
.freestar_report_sub_header {
margin: 23px;
}
.fs_report_container span {
margin-left: 10px;
}
.fs_checkbox {
cursor: pointer;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.fs_checkbox > span {
color: #34495e;
margin-left: 5px;
/*padding: 0.5rem 0.25rem;
*/
}
.fs_checkbox > input {
height: 15px;
width: 15px;
-webkit-appearance: none;
-o-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #34495e;
border-radius: 4px;
outline: none;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
background-color: #41b883;
cursor: pointer;
margin-bottom: 3px;
}
.fs_checkbox > input:checked {
border: 1px solid #41b883;
background-color: #34495e;
}
.fs_checkbox > input:checked + span::before {
display: block;
text-align: center;
color: #41b883;
/*position: absolute;
*/
/*left: 0.7rem;
*/
/*top: 0.2rem;
*/
}
.fs_checkbox > input:active {
border: 2px solid #34495e;
}
.fs-new-close-container {
top: calc(50% - 250px);
right: calc(50% - 250px);
position: absolute;
}
@media screen and (max-width: 820px) {
.fs-new-close-container {
top: 15%;
right: calc(50% - 131px);
}
}
.fs-new-close {
margin-left: 30%;
margin-bottom: 5%;
cursor: pointer;
}
.fs-new-close:hover {
opacity: 1;
}
.fs-new-close:before,
.fs-new-close:after {
position: absolute;
content: ' ';
height: 33px;
width: 2px;
background-color: rgb(255, 255, 255);
}
.fs-new-close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.fs-new-close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.__fs-ancillary {
--childHeight: 16px;
width: 100%;
width: var(--childWidth, 100%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 0 auto;
height: 16px;
height: var(--childHeight);
visibility: hidden;
}
.fs-sticky-wrapper .__fs-ancillary {
display: none !important;
}
.__fs-report-this-ad {
line-height: 0px;
}
.__fs-branding {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.__fs-branding > a {
width: 100%;
max-width: var(--childWidth);
height: var(--childHeight);
display: block;
}
.__fs-branding > a > img {
height: calc(var(--childHeight) - 2px) !important;
width: auto !important;
width: initial !important;
}
.__fs-branding > a > img {
max-height: none;
max-height: initial;
background-color: transparent;
background-color: initial;
background-image: none;
background-image: initial;
border: medium none currentcolor;
border: initial;
background-repeat: repeat;
background-repeat: initial;
background-position: 0 0;
background-position: initial;
margin: 5px 0;
display: block;
float: left;
-webkit-box-shadow: none;
box-shadow: none;
}
.fs-sticky-wrapper .__fs-branding {
position: absolute;
top: 0;
border: none;
border-radius: 50%;
width: 30px;
height: 30px;
}
.fs-sticky-wrapper .__fs-branding {
position: absolute;
top: 50%;
right: 6px;
border: none;
border-radius: 50%;
}
.fs-mobile-tall {
top: 30% !important;
}
.fs-sticky-wrapper .__fs-branding > a {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.fs-sticky-wrapper .__fs-branding > a > img {
width: 100% !important;
height: 100% !important;
}
.fs-sticky-wrapper .__fs-branding > a > img {
opacity: 1;
}
@media screen and (max-width: 820px) {
.fs-sticky-wrapper .__fs-branding > a > img {
width: 70% !important;
height: 70% !important;
}
.fs-sticky-wrapper .__fs-branding > a > img {
opacity: 1;
}
}
.fs-sticky-wrapper .__fs-branding {
background-color: rgba(247, 247, 247, 0.75);
background-size: 58%;
}
.fs-sticky-wrapper .__fs-branding > a > img {
width: 90%;
height: 90%;
}
.fs-sticky-wrapper {
background-color: #f6f3f3;
padding-right: 38px;
display: inline-block;
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
visibility: inherit;
z-index: inherit;
}
.fs-interstitial-overlay {
background: rgba(0, 0, 0, 0.6);
width: 100%;
height: 100%;
z-index: 2147483647;
top: 0;
left: 0;
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
visibility: hidden;
}
.fs-interstitial-container {
width: 1000px;
height: 650px;
background: rgb(255, 255, 255);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.fs-interstitial-ad-space {
width: 970px;
height: 250px;
-ms-flex-item-align: center;
align-self: center;
margin-bottom: 10px;
margin-top: 10px;
min-height: 250px;
overflow: hidden;
}
.fs-interstitial-content {
width: 100%;
height: 250px;
-ms-flex-item-align: center;
align-self: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.fs-interstitial-message-container {
width: 100%;
height: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-item-align: center;
align-self: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.fs-interstitial-message {
color: #17181f;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 40px;
-ms-flex-item-align: center;
align-self: center;
padding: 10px;
}
.fs-interstitial-close-container {
width: 1000px;
height: 50px;
position: relative;
}
.fs-interstitial-branding {
background-image: url('https://a.pub.network/core/imgs/fslogo-green.svg');
background-position: 100%;
background-repeat: no-repeat;
height: 30px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 30px;
min-width: 0;
min-width: initial;
margin-left: 56%;
}
.fs-interstitial-container .zegrow {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.fs-interstitial-container .zergentity {
width: 237px !important;
margin: 0px 8px 0px 5px !important;
}
.fs-interstitial-container .widget-loaded {
-ms-flex-item-align: center !important;
align-self: center !important;
width: 100% !important;
background: rgba(0, 0, 0, 0) !important;
}
.fs_interstitial_branding_link img {
width: 200px;
padding-bottom: 16px;
}
.fs_interstitial_branding_link {
-ms-flex-item-align: center !important;
align-self: center !important;
}
#freestar-video-parent,
#freestar-video-child {
max-width: 100vw !important;
}
#freestar-video-parent,
#freestar-video-child {
width: 100%;
overflow: hidden;
}
.freestar_report_comments {
font-family: Arial, Helvetica, sans-serif !important;
}
.freestar_report_comments {
padding-top: 10px;
margin-top: 10px;
}
#freestar_report_comment_box_wrapper {
width: 100%;
height: 90px;
}
.sticky-reportThisAd button {
visibility: hidden;
position: relative;
}
.sticky-reportThisAd button:after {
content: '';
background-image: url('https://a.pub.network/core/imgs/freestar_report_ad_icon.png');
background-size: 18px;
visibility: visible;
position: absolute;
moz-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #ffffff;
background-position: 50%;
background-repeat: no-repeat;
border: none;
border-radius: 50%;
-webkit-box-shadow:
0 0 0 1px #888888,
0 0 0 6px rgba(247, 247, 247, 0.75);
box-shadow:
0 0 0 1px #888888,
0 0 0 6px rgba(247, 247, 247, 0.75);
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: block;
height: 20px;
outline: none;
padding: 0px;
position: absolute;
right: -25px;
top: 0px;
width: 20px;
min-width: 0;
min-width: initial;
}
.sticky-reportThisAd {
content: '\127987';
cursor: pointer;
background: none;
margin-left: auto;
margin-right: auto;
display: block;
border: none;
position: absolute;
right: -3px;
top: 50%;
z-index: 2147483647;
}
.pushdown-reportThisAd button {
visibility: hidden;
position: relative;
}
.pushdown-reportThisAd button:after {
content: '';
background-image: url('https://a.pub.network/core/imgs/freestar_report_ad_icon.png');
background-size: 18px;
visibility: visible;
position: absolute;
moz-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #ffffff;
background-position: 50%;
background-repeat: no-repeat;
border: none;
border-radius: 50%;
-webkit-box-shadow:
0 0 0 1px #888888,
0 0 0 6px rgba(247, 247, 247, 0.75);
box-shadow:
0 0 0 1px #888888,
0 0 0 6px rgba(247, 247, 247, 0.75);
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: block;
height: 20px;
outline: none;
padding: 0px;
position: absolute;
right: -37.5px;
top: 35px;
width: 20px;
min-width: 0;
min-width: initial;
}
.pushdown-reportThisAd {
content: '\127987';
cursor: pointer;
background: none;
margin-left: auto;
margin-right: auto;
display: block;
border: none;
position: absolute;
right: 50px;
top: 5px;
z-index: 2147483647;
}
.center-ad {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
._wrapper .orp-player-wrapper {
width: 100% !important;
height: 100% !important;
}
</style><style type="text/css">.fs-flying-carpet {
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #00c389), to(black));
background: linear-gradient(to bottom, #00c389 10%, black 100%);
position: relative;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
height: 175vh;
margin: 0 -1.1rem 0.5rem;
}
.fs-flying-carpet-ad-container {
margin: 0 auto;
position: sticky;
top: 0;
-ms-flex-item-align: center;
align-self: center;
padding-top: 10vh;
padding-bottom: 10vh;
bottom: 10vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.fs-powered-by {
font-size: 18px;
color: #00c389;
position: absolute;
bottom: 0;
background-color: black;
width: 100%;
height: 6vh;
text-align: center;
padding: 10px 0;
-webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.fs-flying-carpet-header {
font-family: Arial, Helvetica, sans-serif !important;
}
.fs-flying-carpet-header {
font-size: 11px;
color: white;
position: absolute;
top: 0;
background-color: #34495e;
width: 100%;
text-align: center;
padding: 5px 0;
-webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
}
</style><script data-owner="freestar" src="https://cdn.privacy-mgmt.com/unified/wrapperMessagingWithoutDetection.js" async="" type="text/javascript"></script><meta http-equiv="origin-trial" content="AlK2UR5SkAlj8jjdEc9p3F3xuFYlF6LYjAML3EOqw1g26eCwWPjdmecULvBH5MVPoqKYrOfPhYVL71xAXI1IBQoAAAB8eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3NTgwNjcxOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="><meta http-equiv="origin-trial" content="Amm8/NmvvQfhwCib6I7ZsmUxiSCfOxWxHayJwyU1r3gRIItzr7bNQid6O8ZYaE1GSQTa69WwhPC9flq/oYkRBwsAAACCeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3NTgwNjcxOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="><meta http-equiv="origin-trial" content="A9wSqI5i0iwGdf6L1CERNdmsTPgVu44ewj8QxTBYgsv1LCPUVF7YmWOvTappqB1139jAymxUW/RO8zmMqo4zlAAAAACNeyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiRmxlZGdlQmlkZGluZ0FuZEF1Y3Rpb25TZXJ2ZXIiLCJleHBpcnkiOjE3MzY4MTI4MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><meta http-equiv="origin-trial" content="A+d7vJfYtay4OUbdtRPZA3y7bKQLsxaMEPmxgfhBGqKXNrdkCQeJlUwqa6EBbSfjwFtJWTrWIioXeMW+y8bWAgQAAACTeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiRmxlZGdlQmlkZGluZ0FuZEF1Y3Rpb25TZXJ2ZXIiLCJleHBpcnkiOjE3MzY4MTI4MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><script src="https://securepubads.g.doubleclick.net/pagead/managed/js/gpt/m202410010101/pubads_impl.js" async=""></script><script charset="utf-8" src="https://cdn.privacy-mgmt.com/unified/4.25.2/gdpr-tcf.0b327789b5d246674c71.bundle.js"></script><script charset="utf-8" src="https://cdn.privacy-mgmt.com/unified/4.25.2/usnat.9dc87f68478d1cf38b3d.bundle.js"></script></head>
<body>
<!-- Pushdown ad should be placed right after the opening <body> tag. Note: if you have a sticky navigation bar, you may need to update CSS to accommodate this ad type. -->
<!-- Tag ID: deepai.org_header -->
<script>
if (typeof user_paid_for_no_ads !== 'undefined') {
// the variable is defined
if(user_paid_for_no_ads){
// remove element "deepai.org_header" if it exists
var pushdown = document.getElementById("deepai.org_header");
if(pushdown){
// just remove the parent element
const parentMain = pushdown.parentNode;
if (parentMain){
parentMain.remove();
}
}
}
else {
try{
var headerAd = document.getElementById("deepai.org_header");
headerAd.setAttribute('style', 'height: 90px;');
}catch(err){
console.log("Error setting header ad height", err);
}
}
}
</script>
<!-- end pushdown tag -->
<header>
<style>
:root {
--white: rgba(255, 255, 255, 1);
--clear: rgba(255, 255, 255, 0.04);
--cod-gray: rgba(8, 8, 8, 1);
--cod-gray-2: rgba(9, 9, 9, 1);
--pink: #c549fe;
--purple: #7000ff;
--font-size-xxs: 24px;
--font-size-xs: 26px;
--font-size-s: 32px;
--font-size-m: 40px;
--font-size-l: 48px;
}
a.button {
display: flex;
flex-direction: row;
width: 35px;
padding: 5px 95px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 12px;
font-size: 18px;
text-align: center;
font-style: normal;
}
.nav-items {
display: flex;
justify-content: space-between;
margin-top: 14px;
margin-left: 16px;
margin-right: 16px;
height: 45px;
}
.nav-buttons {
display: flex;
flex-direction: row;
}
.hidden-icon {
display: none;
}
.exit {
display: flex;
flex-direction: row;
position: relative;
justify-content: right;
right: 10px;
top: 10px;
cursor: pointer;
margin: 10px;
}
a.button.login, a.button.headerbutton {
z-index: 2;
width: fit-content;
background: transparent;
border: 1px solid transparent;
border-radius: 12px;
color: var(--white);
white-space: nowrap;
letter-spacing: 2%;
margin-right: 12px;
cursor: pointer;
transition: none;
padding: 5px 10px;
height: 32px;
margin-left: auto;
font-weight: 500;
font-size: 16px;
}
a.button.chatbutton,
a.button.imagebutton {
background: var(--clear);
border: none;
color: var(--white);
font-weight: bold;
letter-spacing: 2%;
margin-right: 12px;
transition: background 0.4s ease;
cursor: pointer;
backdrop-filter: blur(10px);
z-index: 2;
}
a.button.chatbutton,
a.button.imagebutton {
display: flex;
flex-direction: row;
width: 240px;
margin-right: 0px;
justify-content: space-around;
cursor: pointer;
backdrop-filter: blur(10px);
z-index: 2;
}
a.button.chatbutton:hover {
background: var(--purple);
}
a.button.imagebutton:hover {
background: var(--pink);
}
a.button.menu {
background: none;
border: none;
width: 24px;
padding: 0px;
cursor: pointer;
}
.menu-icon {
font-size: 30px;
font-weight: bold;
cursor: pointer;
vertical-align: middle;
}
.dropbtn {
color: white;
border-radius: 10px;
cursor: pointer;
background: transparent;
border: none;
margin: auto;
}
#userIconDrop {
display: none;
}
.usericon {
width: 75px;
height: 75px;
border-radius: 12px;
margin: auto 24px 12px 0px;
object-fit: cover;
}
.nav-profile-section {
display: flex;
flex-direction: row;
cursor: pointer;
justify-content: center;
padding-right: 20px;
}
.nav-usernames {
gap: 6px;
margin-bottom: 3px;
margin-bottom: 6px;
}
.nav-profilename {
margin: auto;
margin-bottom: 0px;
white-space: normal;
}
.nav-username {
margin: auto;
margin-top: 0px;
white-space: normal;
max-width: 170px;
overflow-wrap: break-word;
word-wrap: normal;
word-break: break-word;
font-size: 13px;
}
.nav-profile-button {
display: flex;
flex-direction: column;
background: #8f37ff;
border: none;
width: 77%;
font-family: inherit;
color: var(--white);
white-space: nowrap;
letter-spacing: 2%;
margin: auto;
padding: 12px;
margin: auto;
margin-top: 0px;
transition: background 0.2s ease;
cursor: pointer;
border-radius: 12px;
align-items: center;
font-size: 18px;
}
.profile-button:hover {
background: var(--pink);
}
#navProfileSection{
display: none;
}
#navProfileButton{
display: none;
}
.pages {
margin-bottom: 12px;
}
.menu-options {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 52px;
padding: 2px 0px;
}
.pages a {
display: flex;
flex-direction: column;
justify-content: space-around;
color: white;
text-decoration: none;
width: 77%;
margin: auto;
margin: 0px 10px;
padding: 0 0 0 46px;
}
.pages a:hover {
background-color: var(--clear);
border-radius: 12px;
width: auto;
}
.settings,
.logout {
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
margin: 4px 4px 0 16px;
background: none;
border: none;
height: 52px;
font-size: 18px;
font-family: inherit;
color: white;
cursor: pointer;
width: 95%;
}
.logout {
width: auto;
padding: 0px 0px 0px 40px;
}
.menu-border {
border: 1px solid rgba(255, 255, 255, 0.13);
width: 100%;
height: auto;
}
@media screen and (max-width: 750px) {
a.button.musicgenerator {
display: none;
}
}
@media screen and (max-width: 620px) {
.hero h1 {
font-size: 76px;
}
.titlesparkle {
top: -55px;
height: 34%;
margin-left: -60px;
}
}
@media screen and (max-width: 600px) {
a.button.imagegenerator, a.button.musicgenerator {
display: none;
}
}
@media screen and (max-width: 500px) {
.nav-buttons {
justify-content: space-between;
width: 100%;
}
a.button.login, a.button.headerbutton {
font-size: 16px;
margin-right: 8px;
}
a.button.login {
display: none;
}
}
@media screen and (max-width: 420px) {
.hero h1 {
font-size: 56px;
}
.titlesparkle {
top: -40px;
margin-left: -55px;
}
a.button.headerbutton {
font-size: 13px;
margin-right: 6px;
}
}
@media screen and (max-width: 345px) {
.hero h1 {
font-size: 48px;
}
.titlesparkle {
top: -40px;
margin-left: -52px;
}
a.button.headerbutton {
font-size: 12px;
margin-right: 2px;
padding: 5px 5px;
}
}
@media screen and (max-width: 300px) {
.nav-buttons {
justify-content: flex-end;
width: 100%;
}
a.button.videogenerator, a.button.musicgenerator {
display: none;
}
a.button.aichat {
font-size: 14px;
}
}
</style>
<div class="nav-items">
<a class="logo-link" href="?_=%2F%23%2FtYdwm4UMfsHdsG2uvkquFs5">
<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="45" height="45" rx="12" fill="white" fill-opacity="0.04"></rect>
<path d="M13.4781 27.6456V24.5259H10.5015V27.5763H13.4781V27.6456Z" fill="white"></path>
<path d="M33.9079 25.8433C33.8402 26.1899 33.7049 26.6058 33.5696 26.9525C33.5696 27.0218 33.502 27.0911 33.502 27.1605C33.2314 27.8537 32.8931 28.4777 32.5549 29.1016C32.2166 29.5869 31.8784 30.0722 31.5401 30.4881C31.3372 30.6961 31.2019 30.9041 30.9989 31.1121L31.0666 31.0428C30.796 31.3201 30.5254 31.5974 30.1871 31.8747C30.0518 32.0133 29.8489 32.0827 29.7136 32.2213C29.6459 32.2213 29.5783 32.2906 29.5783 32.2906C29.1724 32.5679 28.7665 32.7759 28.2929 32.9839C27.7517 33.2612 27.1429 33.4692 26.534 33.6078C25.9252 33.7465 25.2487 33.8851 24.6398 33.9545C23.8957 34.0238 23.1515 34.0238 22.3397 33.8851C18.8895 33.3999 15.9806 31.3894 14.2217 28.6163C14.6276 29.1016 15.0335 29.5176 15.507 29.8642C16.3188 30.4881 17.2659 30.9734 18.3483 31.1814C18.8219 31.3201 19.3631 31.3201 19.8366 31.3201C19.9719 31.3201 20.1072 31.3201 20.2425 31.3201C20.9867 31.3201 21.7309 31.1814 22.4074 30.9041C22.5427 30.8348 22.6103 30.8348 22.7456 30.7654C22.9486 30.6961 23.2192 30.5575 23.4221 30.4881C23.4898 30.4881 23.4898 30.4188 23.5574 30.4188C25.6546 29.2403 27.2105 27.1605 27.4811 24.526C27.5488 24.0408 27.5488 23.4861 27.5488 23.0009C29.443 23.0009 30.9989 24.1794 31.8107 25.7739C31.8784 25.9819 31.946 26.1899 32.0137 26.3979C32.0137 26.2592 32.0137 26.1899 32.0137 26.0512C32.0137 25.4966 31.946 25.0113 31.8784 24.4567C31.2019 20.7824 28.0223 18.0787 24.2339 18.0787C23.7604 18.0787 23.3545 18.148 22.8809 18.2173C22.8809 18.2173 22.8809 18.2173 22.8133 18.2173C21.4603 18.4253 20.5132 18.8413 19.0248 19.9505C18.416 20.3665 17.1983 21.4757 16.2512 22.3769C15.7776 22.8622 14.9658 22.3769 15.1011 21.6837C15.2364 21.0597 15.4394 20.3665 15.8453 19.6039C13.9511 16.9001 13.9511 13.9884 17.6718 11.4233C19.8366 9.89813 23.4221 9.48217 26.737 10.7301C28.7665 9.62083 31.6754 9.5515 34.3138 12.4632C34.5844 12.7405 34.3814 13.2258 33.9755 13.2258C33.2314 13.2258 32.2166 13.4338 31.4048 14.0577C31.4725 14.1271 31.5401 14.2657 31.6754 14.4044C34.855 18.7026 34.7873 22.7236 33.9079 25.8433Z" fill="white"></path>
</svg>
<!-- Lawyers want our name in the header so we can get our trademark reapproved -->
<p>DeepAI</p>
</a>
<div class="nav-buttons">
<a class="button headerbutton aichat" href="?_=%2Fchat%23%2FtYdwm4UMfsHdsG2uvkquFs5">AI Chat</a>
<a class="button headerbutton imagegenerator" href="?_=%2Fmachine-learning-model%2Ftext2img%23%2FtYdwm4UMfsHdsG2uvkquFs5">AI Image Generator</a>
<a class="button headerbutton videogenerator" href="?_=%2Fvideo%23%2FtYdwm4UMfsHdsG2uvkquFs5">AI Video</a>
<a class="button headerbutton musicgenerator" href="?_=%2Fmusic%23%2FtYdwm4UMfsHdsG2uvkquFs5">AI Music Generator</a>
<a class="button login" id="headerLoginButton" onclick="openLogin()">Login</a>
<nav>
<ul>
<li class="dropdown">
<button class="drop-menu-button" id="dropMenuButton">
<img src="?_=%2Fstatic%2Fimages%2FHiUser.svg%23%2FtYdwm4UMfsHdsG2uvkquFs5" class="menu-icon dropbtn" id="userIconDrop" loading="lazy">
<img src="?_=%2Fstatic%2Fimages%2FIoMenu.svg%23%2FtYdwm4UMfsHdsG2uvkquFs5" class="menu-icon dropbtn" id="sandwichIconDrop" loading="lazy">
</button>
<ul id="mainNavDropdown">
<div class="exit">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M11.9997 10.586L16.9497 5.63599L18.3637 7.04999L13.4137 12L18.3637 16.95L16.9497 18.364L11.9997 13.414L7.04974 18.364L5.63574 16.95L10.5857 12L5.63574 7.04999L7.04974 5.63599L11.9997 10.586Z" fill="white"></path>
</svg>
</div>
<div id="navProfileSection" class="nav-profile-section">
<img class="usericon" id="navUserAvatar" alt="avatar" loading="lazy" onclick="window.location.replace('/dashboard/profile')" src="?_=%2Fstatic%2Fimages%2Fdolphin-icon.jpeg%23%2FtYdwm4UMfsHdsG2uvkquFs5">
<div class="nav-usernames">
<p class="nav-profilename" id="navUserName"></p>
<p class="nav-username" id="navUserEmail"></p>
</div>
</div>
<button id="navProfileButton" class="button nav-profile-button" onclick="window.location.replace('/dashboard/profile')">View Profile</button>
<div class="menu-options">
<div class="pages">
<a href="?_=%2Fmachine-learning-model%2Ftext2img%23%2FtYdwm4UMfsHdsG2uvkquFs5" class="ai-generators">AI Image Generator</a>
<a href="?_=%2Fvideo%23%2FtYdwm4UMfsHdsG2uvkquFs5" class="ai-generators">AI Video Generator</a>
<a href="?_=%2Fmusic%23%2FtYdwm4UMfsHdsG2uvkquFs5" class="ai-generators">AI Music Generator</a>
<a href="?_=%2Fchat%23%2FtYdwm4UMfsHdsG2uvkquFs5" class="ai-generators">AI Chat</a>
<a href="?_=%2Fpricing%23%2FtYdwm4UMfsHdsG2uvkquFs5" class="pricing">Pricing</a>
<a href="?_=%2Fdefinitions%23%2FtYdwm4UMfsHdsG2uvkquFs5" class="glossary">Glossary</a>
<a href="?_=%2Fdocs%23%2FtYdwm4UMfsHdsG2uvkquFs5" class="apidocs">Docs</a>
</div>
<div class="menu-settings">
<div class="menu-border"></div>
<button id="login-button-dropdown" onclick="openSignup()" class="logout">
Login
</button>
</div>
</div>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</header>
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Organization",
"name": "DeepAI",
"url": "https://deepai.org",
"logo": "https://deepai.org/static/images/favicon.ico",
"sameAs": [
"https://twitter.com/DeepAI",
"https://www.linkedin.com/company/deepai"
],
"contactPoint": {
"@type": "ContactPoint",
"email": "[email protected]"
}
}
</script>
<script>
var pushdown = document.getElementById("deepai.org_header");
if(pushdown){
// just remove the parent element
const parentMain = pushdown.parentNode;
if (parentMain){
parentMain.remove();
}
}
</script>
<!-- <canvas
id="canvas"
style="width: 100%;
height: 100%;
padding: 0;
margin: 0;
top: 0px;
z-index: 5;
position: fixed;
mix-blend-mode: screen;
opacity: 1;
pointer-events: none;"
></canvas>
<script>
const canvas = document.getElementById("canvas");
const c = canvas.getContext("2d");
let w= window.innerWidth;
let h= window.innerHeight;
const setCanvasExtents = () => {
canvas.width = w;
canvas.height = h;
};
setCanvasExtents();
window.onresize = () => {
setCanvasExtents();
};
const makeStars = count => {
const out = [];
for (let i = 0; i < count; i++) {
const s = {
x: Math.random() * 1600 - 800,
y: Math.random() * 900 - 450,
z: Math.random() * 1000
};
out.push(s);
}
return out;
};
let stars = makeStars(5000);
const clear = () => {
c.fillStyle = "black";
c.fillRect(0, 0, canvas.width, canvas.height);
};
const putPixel = (x, y, brightness) => {
const intensity = brightness * 255;
const rgb = "rgb(" + intensity + "," + intensity + "," + intensity + ")";
c.fillStyle = rgb;
c.fillRect(x, y, 1, 1);
};
const moveStars = distance => {
const count = stars.length;
for (var i = 0; i < count; i++) {
const s = stars[i];
s.z -= distance;
while (s.z <= 1) {
s.z += 1000;
}
}
};
let prevTime;
const init = time => {
prevTime = time;
requestAnimationFrame(tick);
};
const tick = time => {
let elapsed = time - prevTime;
prevTime = time;
moveStars(elapsed * 0.02);
clear();
const cx = w / 2;
const cy = h / 2;
const count = stars.length;
for (var i = 0; i < count; i++) {
const star = stars[i];
const x = cx + star.x / (star.z * 0.001);
const y = cy + star.y / (star.z * 0.001);
if (x < 0 || x >= w || y < 0 || y >= h) {
continue;
}
const d = star.z / 1000.0;
const b = 1 - d * d;
putPixel(x, y, b);
}
requestAnimationFrame(tick);
};
requestAnimationFrame(init);
// add window resize listener:
window.addEventListener('resize', function() {
w = window.innerWidth;
h = window.innerHeight;
setCanvasExtents();
});
</script> -->
<!-- <div class="ocean">
<div class="bubble bubble--1"></div>
<div class="bubble bubble--2"></div>
<div class="bubble bubble--3"></div>
<div class="bubble bubble--4"></div>
<div class="bubble bubble--5"></div>
<div class="bubble bubble--6"></div>
<div class="bubble bubble--7"></div>
<div class="bubble bubble--9"></div>
<div class="bubble bubble--10"></div>
<div class="bubble bubble--11"></div>
<div class="bubble bubble--12"></div>
</div> -->
<!-- particles.js container -->
<div class="ocean">
<div id="particles-js"><canvas class="particles-js-canvas-el" width="800" height="400" style="width: 100%; height: 100%;"></canvas></div>
</div>
<!-- particles.js lib - https://github.com/VincentGarreau/particles.js -->
<script src="?_=%2Fparticles.js%2F2.0.0%2Fparticles.min.js%23%2FtYdwm4UMfsAd8roseNgskU3ljC701%2B5"></script>
<script>
particlesJS("particles-js", {
"particles": {
"number": {
"value": 355,
"density": {
"enable": true,
"value_area": 789.1476416322727
}
},
"color": {
"value": "#ffffff"
},
"shape": {
"type": "circle",
"stroke": {
"width": 0,
"color": "#000000"
},
"polygon": {
"nb_sides": 5
},
"image": {
"src": "img/github.svg",
"width": 100,
"height": 100
}
},
"opacity": {
"value": 0.48927153781200905,
"random": false,
"anim": {
"enable": true,
"speed": 0.2,
"opacity_min": 0,
"sync": false
}
},
"size": {
"value": 2,
"random": true,
"anim": {
"enable": true,
"speed": 2,
"size_min": 0,
"sync": false
}
},
"line_linked": {
"enable": false,
"distance": 150,
"color": "#ffffff",
"opacity": 0.4,
"width": 1
},
"move": {
"enable": true,
"speed": 0.8,
"direction": "none",
"random": true,
"straight": false,
"out_mode": "out",
"bounce": false,
"attract": {
"enable": false,
"rotateX": 600,
"rotateY": 1200
}
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": true,
"mode": "bubble"
},
"onclick": {
"enable": true,
"mode": "push"
},
"resize": true
},
"modes": {
"grab": {
"distance": 400,
"line_linked": {
"opacity": 1
}
},
"bubble": {
"distance": 83.91608391608392,
"size": 1,
"duration": 3,
"opacity": 1,
"speed": 3
},
"repulse": {
"distance": 200,
"duration": 0.4
},
"push": {
"particles_nb": 4
},
"remove": {
"particles_nb": 2
}
}
},
"retina_detect": true
});
</script>
<div class="hero">
<h1 class="title">
<div>
<img src="?_=%2Fstatic%2Fimages%2Fsparkle-title.svg%23%2FtYdwm4UMfsHdsG2uvkquFs5" alt="sparkle" class="titlesparkle" loading="lazy">
</div>
DeepAI
</h1>
<div class="menuContainer">
<div class="topbuttons">
<button id="chatSubmitButton" class="button frontpagebutton active" onclick="setMode('chat')">Chat</button>
<button id="imageSubmitButton" class="button frontpagebutton" onclick="setMode('image')">Image</button>
<button id="videoSubmitButton" class="button frontpagebutton" onclick="setMode('video')">Video</button>
<button id="musicSubmitButton" class="button frontpagebutton" onclick="setMode('music')">Music</button>
</div>
<div id="inputContainer">
<div id="inputArea">
<textarea id="heroChatBox" class="chatbox" cols="50" placeholder="Hey! I'm a smart AI chatbot. Ask me anything!"></textarea>
</div>
<div class="actionbuttons">
<button id="inspireMeButton" onclick="handleInspireClick()">
Inspire Me
</button>
<button id="mainSubmitButton" onclick="onSubmit()">
Start Chatting
</button>
</div>
</div>
</div>
</div>
<!-- <textarea class="chatbox" rows="10" cols="50" onkeypress="textAreaKeyPressHandler(event)" placeholder="What would you like help with?"></textarea>
<div class="submitButtonsContainer">
<button id="chatSubmitButton" class="mainSubmitButton" type="button" onclick="chatSubmit()">Chat</button>
<button id="imageSubmitButton" class="mainSubmitButton" type="button" onclick="imageSubmit()">Image</button>
</div> -->
<div class="ai-gen-title">
Explore Our AI Generators
</div>
<a class="ai-gen-link" href="?_=%2Fmachine-learning-model%2Fimage-editor%23%2FtYdwm4UMfsHdsG2uvkquFs5">AI Image Editor</a>
<a class="ai-gen-link" href="?_=%2Fvideo%23%2FtYdwm4UMfsHdsG2uvkquFs5">AI Video Generator</a>
<a class="ai-gen-link" href="?_=%2Fmachine-learning-model%2Fbackground-remover%23%2FtYdwm4UMfsHdsG2uvkquFs5">Background Remover</a>
<a class="ai-gen-link" href="?_=%2Fmachine-learning-model%2Fcolorizer%23%2FtYdwm4UMfsHdsG2uvkquFs5">Colorizer</a>
<a class="ai-gen-link" href="?_=%2Fmusic%23%2FtYdwm4UMfsHdsG2uvkquFs5">AI Music Generator</a>
<a class="ai-gen-link" href="?_=%2Fmachine-learning-model%2Fwojak-meme-generator%23%2FtYdwm4UMfsHdsG2uvkquFs5">Wojak Meme Generator</a>
<a class="ai-gen-link" href="?_=%2Fmachine-learning-model%2Fai-headshots%23%2FtYdwm4UMfsHdsG2uvkquFs5">AI Headshot Generator</a>
<a class="ai-gen-link" href="?_=%2Fmachine-learning-model%2Fface-to-sticker%23%2FtYdwm4UMfsHdsG2uvkquFs5">Face to Sticker</a>
<a class="ai-gen-link" href="?_=%2Fmachine-learning-model%2Fai-selfie-generator%23%2FtYdwm4UMfsHdsG2uvkquFs5">AI Selfie Generator</a>
<a class="ai-gen-link" href="?_=%2Fmachine-learning-model%2Fface-retoucher%23%2FtYdwm4UMfsHdsG2uvkquFs5">Face Retoucher</a>
<a class="ai-gen-link" href="?_=%2Fmachine-learning-model%2Ftorch-srgan%23%2FtYdwm4UMfsHdsG2uvkquFs5">Super Resolution</a>
<a class="ai-gen-link" href="?_=%2Fmachine-learning-model%2Fzoom-out%23%2FtYdwm4UMfsHdsG2uvkquFs5">Uncrop</a>
<a class="ai-gen-link" href="?_=%2Fmachine-learning-model%2Fsearch-and-replace%23%2FtYdwm4UMfsHdsG2uvkquFs5">Search & Replace</a>
<a class="ai-gen-link" href="?_=%2F3d-model-generator%23%2FtYdwm4UMfsHdsG2uvkquFs5">3D Model Generator</a>
<a class="ai-gen-link" href="?_=%2Ftext-to-speech%23%2FtYdwm4UMfsHdsG2uvkquFs5">Text to Speech</a>
<a class="ai-gen-link" href="?_=%2Fcharacters%23%2FtYdwm4UMfsHdsG2uvkquFs5">AI Characters</a>
<a class="ai-gen-link" style="margin-bottom: 16px;" href="?_=%2Fmachine-learning-model%2Fwaifu2x%23%2FtYdwm4UMfsHdsG2uvkquFs5">Waifu2x</a>
<dialog id="signup-modal">
<div class="modal-body">
</div>
<button id="close" class="close" type="button">×</button>
</dialog>
<dialog id="login-modal" class="login-container">
<div id="close-login" type="button" class="login-exit">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M11.9997 10.586L16.9497 5.63599L18.3637 7.04999L13.4137 12L18.3637 16.95L16.9497 18.364L11.9997 13.414L7.04974 18.364L5.63574 16.95L10.5857 12L5.63574 7.04999L7.04974 5.63599L11.9997 10.586Z" fill="white"></path>
</svg>
</div>
<div style="width: 95%;">
<h2 class="login-header" id="login-header-title">Login</h2>
<p class="please-subheader">
Please sign up or login with your details
</p>
<div class="options-container">
<div class="option login-active active" id="loginToggle" onclick="toggleAuthOption('login')">
Login
</div>
<div class="option signup" id="signupToggle" onclick="toggleAuthOption('signup')">
Sign up
</div>
</div>
<button class="signin-with-google" id="social-auth-google" onclick="social_login(event, 'google')">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32C24.8366 32 32 24.8366 32 16Z" fill="white"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.8299 16.1823C23.8299 15.615 23.779 15.0695 23.6845 14.5459H16.1499V17.6405H20.4554C20.2699 18.6405 19.7063 19.4877 18.859 20.055V22.0623H21.4445C22.9572 20.6695 23.8299 18.6186 23.8299 16.1823Z" fill="#4285F4"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.1496 23.9995C18.3096 23.9995 20.1205 23.2832 21.4442 22.0614L18.8587 20.0541C18.1423 20.5341 17.226 20.8177 16.1496 20.8177C14.066 20.8177 12.3023 19.4104 11.6732 17.5195H9.00049V19.5923C10.3169 22.2068 13.0223 23.9995 16.1496 23.9995Z" fill="#34A853"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6735 17.52C11.5135 17.04 11.4226 16.5272 11.4226 16C11.4226 15.4727 11.5135 14.96 11.6735 14.48V12.4072H9.00081C8.45899 13.4872 8.1499 14.709 8.1499 16C8.1499 17.2909 8.45899 18.5127 9.00081 19.5927L11.6735 17.52Z" fill="#FBBC05"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.1496 11.1818C17.3241 11.1818 18.3787 11.5855 19.2078 12.3782L21.5023 10.0836C20.1169 8.79273 18.306 8 16.1496 8C13.0223 8 10.3169 9.79273 9.00049 12.4073L11.6732 14.48C12.3023 12.5891 14.066 11.1818 16.1496 11.1818Z" fill="#EA4335"></path>
</svg>
Continue with Google
</button>
<button class="signin-with-github" id="social-auth-github" onclick="social_login(event, 'github')">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 16C0 24.8366 7.16344 32 16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16Z" fill="#121212"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.9755 8.192C11.5719 8.192 8 11.7639 8 16.1675C8 19.6905 10.2997 22.6752 13.4312 23.7516C13.8226 23.8006 13.9694 23.5559 13.9694 23.3602C13.9694 23.1645 13.9694 22.6752 13.9694 21.9902C11.7676 22.4795 11.2783 20.9137 11.2783 20.9137C10.9358 19.984 10.3976 19.7394 10.3976 19.7394C9.66361 19.2501 10.4465 19.2501 10.4465 19.2501C11.2294 19.299 11.6697 20.0819 11.6697 20.0819C12.4037 21.3052 13.5291 20.9626 13.9694 20.7669C14.0183 20.2287 14.263 19.8862 14.4587 19.6905C12.6972 19.4948 10.8379 18.8097 10.8379 15.7272C10.8379 14.8464 11.1315 14.1614 11.6697 13.5743C11.6208 13.4275 11.3272 12.5957 11.7676 11.5192C11.7676 11.5192 12.4526 11.3235 13.9694 12.351C14.6055 12.1553 15.2905 12.1064 15.9755 12.1064C16.6606 12.1064 17.3456 12.2042 17.9817 12.351C19.4985 11.3235 20.1835 11.5192 20.1835 11.5192C20.6239 12.5957 20.3303 13.4275 20.2813 13.6232C20.7706 14.1614 21.1131 14.8954 21.1131 15.7761C21.1131 18.8587 19.2538 19.4948 17.4924 19.6905C17.7859 19.9351 18.0306 20.4244 18.0306 21.1584C18.0306 22.2348 18.0306 23.0666 18.0306 23.3602C18.0306 23.5559 18.1774 23.8006 18.5688 23.7516C21.7492 22.6752 24 19.6905 24 16.1675C23.9511 11.7639 20.3792 8.192 15.9755 8.192Z" fill="white"></path>
</svg>
Continue with GitHub
</button>
<div class="email-container" id="email-container-id">
<svg class="email-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M22 6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6ZM20 6L12 11L4 6H20ZM20 18H4V8L12 13L20 8V18Z" fill="#7D7D7D"></path>
</svg>
<input class="input-email" id="user-email" type="text" placeholder="Enter valid email address" name="email" onkeypress="authKeyPressHandler(event)">
</div>
<div class="password-container" id="password-container-id">
<svg class="lock-icon" xmlns="http://www.w3.org/2000/svg" width="27" height="24" viewBox="0 0 24 24" fill="none">
<path d="M12 17C13.1 17 14 16.1 14 15C14 13.9 13.1 13 12 13C10.9 13 10 13.9 10 15C10 16.1 10.9 17 12 17ZM18 8H17V6C17 3.24 14.76 1 12 1C9.24 1 7 3.24 7 6V8H6C4.9 8 4 8.9 4 10V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V10C20 8.9 19.1 8 18 8ZM8.9 6C8.9 4.29 10.29 2.9 12 2.9C13.71 2.9 15.1 4.29 15.1 6V8H8.9V6ZM18 20H6V10H18V20Z" fill="#7D7D7D"></path>
</svg>
<input class="input-password" id="user-password" type="password" placeholder="Enter your password" name="password" onkeypress="authKeyPressHandler(event)">
</div>
<div class="reenter-password-container" id="reenter-password-container-id">
<svg class="lock-icon" xmlns="http://www.w3.org/2000/svg" width="27" height="24" viewBox="0 0 24 24" fill="none">
<path d="M12 17C13.1 17 14 16.1 14 15C14 13.9 13.1 13 12 13C10.9 13 10 13.9 10 15C10 16.1 10.9 17 12 17ZM18 8H17V6C17 3.24 14.76 1 12 1C9.24 1 7 3.24 7 6V8H6C4.9 8 4 8.9 4 10V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V10C20 8.9 19.1 8 18 8ZM8.9 6C8.9 4.29 10.29 2.9 12 2.9C13.71 2.9 15.1 4.29 15.1 6V8H8.9V6ZM18 20H6V10H18V20Z" fill="#7D7D7D"></path>
</svg>
<input class="input-password" id="confirm-user-password" type="password" placeholder="Re-enter your password" name="password">
<path d="M10.125 10.5C10.0757 10.5001 10.0269 10.4905 9.98145 10.4716C9.93595 10.4527 9.89464 10.425 9.8599 10.3901L1.6099 2.14013C1.54254 2.06923 1.50555 1.97482 1.5068 1.87704C1.50805 1.77925 1.54745 1.68582 1.6166 1.61667C1.68575 1.54752 1.77918 1.50812 1.87697 1.50687C1.97475 1.50561 2.06916 1.54261 2.14006 1.60997L10.3901 9.85997C10.4425 9.91241 10.4782 9.97922 10.4926 10.0519C10.5071 10.1247 10.4996 10.2 10.4713 10.2685C10.4429 10.337 10.3949 10.3956 10.3332 10.4368C10.2716 10.478 10.1991 10.5 10.125 10.5V10.5ZM5.99201 9.00005C5.01959 9.00005 4.08185 8.71223 3.20482 8.14458C2.40631 7.62895 1.68748 6.89044 1.12592 6.01177V6.00989C1.59326 5.34028 2.10514 4.77403 2.65498 4.31747C2.65995 4.31331 2.66401 4.30817 2.66689 4.30236C2.66978 4.29655 2.67143 4.29021 2.67174 4.28374C2.67204 4.27726 2.67101 4.27079 2.66869 4.26474C2.66637 4.25868 2.66282 4.25317 2.65826 4.24856L2.19139 3.78239C2.18309 3.77403 2.17195 3.76909 2.16018 3.76857C2.14841 3.76805 2.13687 3.77198 2.12787 3.77958C1.54381 4.27177 1.0017 4.87552 0.508807 5.58239C0.424007 5.7041 0.377304 5.84828 0.374633 5.99659C0.371962 6.14491 0.413444 6.29067 0.493807 6.41536C1.11279 7.38403 1.90943 8.19989 2.79724 8.77434C3.79685 9.42192 4.87264 9.75005 5.99201 9.75005C6.59622 9.74817 7.19615 9.64861 7.76857 9.4552C7.77612 9.45264 7.7829 9.4482 7.78825 9.44229C7.79361 9.43638 7.79737 9.4292 7.79917 9.42143C7.80098 9.41367 7.80077 9.40557 7.79858 9.3979C7.79638 9.39024 7.79227 9.38326 7.78662 9.37763L7.28084 8.87184C7.2692 8.86049 7.2548 8.85235 7.23906 8.84824C7.22332 8.84413 7.20678 8.84419 7.19107 8.84841C6.79937 8.94927 6.39649 9.00022 5.99201 9.00005V9.00005ZM11.504 5.59223C10.8839 4.63317 10.0793 3.81848 9.1774 3.23606C8.17967 2.59106 7.0781 2.25005 5.99201 2.25005C5.39421 2.25111 4.80084 2.35276 4.23678 2.55075C4.22926 2.55337 4.22253 2.55785 4.21723 2.56378C4.21193 2.56972 4.20822 2.5769 4.20647 2.58466C4.20471 2.59242 4.20495 2.6005 4.20718 2.60814C4.20941 2.61578 4.21354 2.62273 4.2192 2.62833L4.72428 3.13341C4.73603 3.14496 4.75063 3.15322 4.7666 3.15733C4.78256 3.16145 4.79933 3.16128 4.81521 3.15684C5.19888 3.05306 5.59456 3.00034 5.99201 3.00005C6.94568 3.00005 7.8806 3.29138 8.77053 3.86723C9.58404 4.39223 10.3113 5.13005 10.8743 6.00005C10.8747 6.00058 10.8749 6.00124 10.8749 6.00192C10.8749 6.0026 10.8747 6.00326 10.8743 6.0038C10.4656 6.64714 9.95851 7.22234 9.37146 7.70841C9.36644 7.71255 9.36233 7.71769 9.3594 7.72351C9.35647 7.72933 9.35479 7.7357 9.35446 7.7422C9.35413 7.74871 9.35516 7.75521 9.35748 7.7613C9.3598 7.76738 9.36337 7.77292 9.36795 7.77755L9.83435 8.24372C9.84261 8.25205 9.85369 8.25699 9.8654 8.25755C9.87712 8.25812 9.88862 8.25427 9.89764 8.24677C10.5244 7.71907 11.0669 7.0988 11.5064 6.40739C11.5841 6.28555 11.6252 6.14397 11.6247 5.99947C11.6243 5.85497 11.5824 5.71363 11.504 5.59223V5.59223Z" fill="#7D7D7D">
<path d="M5.99999 3.75C5.83145 3.74991 5.66344 3.76878 5.49913 3.80625C5.49083 3.80797 5.48315 3.81192 5.47691 3.81766C5.47068 3.8234 5.46611 3.83072 5.46371 3.83885C5.4613 3.84698 5.46115 3.8556 5.46326 3.86381C5.46537 3.87202 5.46966 3.87951 5.47569 3.88547L8.11452 6.52359C8.12048 6.52962 8.12796 6.53392 8.13617 6.53603C8.14438 6.53814 8.15301 6.53798 8.16114 6.53558C8.16927 6.53317 8.17659 6.52861 8.18233 6.52237C8.18807 6.51613 8.19201 6.50846 8.19374 6.50016C8.26887 6.17063 8.26879 5.82842 8.19353 5.49893C8.11826 5.16944 7.96973 4.86114 7.75897 4.59692C7.54821 4.33271 7.28064 4.11937 6.97612 3.97275C6.6716 3.82613 6.33796 3.74999 5.99999 3.75V3.75ZM3.88545 5.47641C3.87949 5.47038 3.87201 5.46608 3.8638 5.46397C3.85559 5.46186 3.84696 5.46202 3.83883 5.46443C3.83071 5.46683 3.82338 5.47139 3.81764 5.47763C3.8119 5.48387 3.80796 5.49154 3.80624 5.49984C3.72124 5.87118 3.73191 6.25801 3.83725 6.62409C3.9426 6.99017 4.13916 7.32351 4.40852 7.59287C4.67788 7.86223 5.01122 8.0588 5.3773 8.16414C5.74338 8.26948 6.13022 8.28015 6.50155 8.19516C6.50985 8.19343 6.51753 8.18949 6.52376 8.18375C6.53 8.17801 6.53456 8.17069 6.53697 8.16256C6.53937 8.15443 6.53953 8.1458 6.53742 8.13759C6.53531 8.12938 6.53101 8.1219 6.52499 8.11594L3.88545 5.47641Z" fill="#7D7D7D">
</path></path></div>
<p id="user-email-error" class="bad-auth-error"></p>
<button class="button login-with-email" id="switch-to-email" onclick="authOptions('moreOptions')">Or login with email</button>
<button class="button login-email" id="login-via-email-id" onclick="login(event)">Login</button>
<a class="forgot-password" id="forgot-password">
Forgot password?
<span href="javascript:void();" onclick="resetPassword(event)" class="click-here">Click here to reset</span>
</a>
<button class="button goback" id="go-back-login" onclick="authOptions('lessOptions')">Go back</button>
</div>
</dialog>
<dialog id="subscription-modal">
<div id="subscription-pro-id" class="modal-small-subscription-container">
<div class="modal-subscriptions-container">
<h2 class="modal-pricing title-section">Pricing</h2>
<div class="modal-subscription-title-container">
<div class="modal-subscription-title" id="subscription-title-id">DeepAI</div>
<div class="modal-subscription-title pro-title" id="subscription-title-pro-id">PRO</div>
</div>
<div class="modal-subscriptions-subheader" id="subscriptions-subheader-id">DeepAI PRO member</div>
<div class="modal-subscription-price">
<div class="modal-price" id="subscription-price-id"> $4.99 </div>
<div class="modal-subscription-length" id="subscription-length-id">/month</div>
</div>
<button class="button modal-get-started" id="subscription-start-id" onclick="changePaymentModalState('start')">Get Started</button>
<div class="options-container membership-toggle" id="membership-toggle-id">
<div class="option member-active active" id="proToggle" onclick="toggleMembershipOption('pro')">
PRO
</div>
<div class="option member-active member-go" id="payGoToggle" onclick="toggleMembershipOption('go')">
Pay As You Go
</div>
</div>
<div class="modal-subscription-section" id="modal-subscription-section-id">
<div class="modal-overview-subscription-section">
<ul class="modal-overview">
<li class="modal-generation-overview">
<p class="modal-overview-title modal-value2">Generation Overview</p>
<p class="modal-overview-title">AI Generator calls</p>
<p class="modal-overview-title">AI Video Generator calls</p>
<p class="modal-overview-title">AI Chat messages</p>
<p class="modal-overview-title">Genius Mode messages</p>
<p class="modal-overview-title">Genius Mode images</p>
<p class="modal-overview-title">AD-free experience</p>
<p class="modal-overview-title">Private images</p>
<p class="modal-overview-title modal-api-value">API access</p>
</li>
</ul>
</div>
<ul class="modal-overview">
<li>
<p class="modal-value modal-value2" id="gen-calls-per" style="border: none;">Per month</p>
<p class="modal-value" id="gen-calls-value">500</p>
<p class="modal-value" id="video-calls-value">30</p>
<p class="modal-value" id="chat-calls-value">1750</p>
<p class="modal-value" id="genius-messages-value">60</p>
<p class="modal-value" id="genius-images-value">60</p>
<p class="modal-value">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="12" fill="white"></circle>
<path d="M10.8333 13.8503L16.1953 8.48776L17.0207 9.3126L10.8333 15.5L7.12097 11.7877L7.94581 10.9628L10.8333 13.8503Z" fill="#2D3748"></path>
</svg>
</p>
<p class="modal-value">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="12" fill="white"></circle>
<path d="M10.8333 13.8503L16.1953 8.48776L17.0207 9.3126L10.8333 15.5L7.12097 11.7877L7.94581 10.9628L10.8333 13.8503Z" fill="#2D3748"></path>
</svg>
</p>
<p class="modal-value modal-api-value">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="12" fill="white"></circle>
<path d="M10.8333 13.8503L16.1953 8.48776L17.0207 9.3126L10.8333 15.5L7.12097 11.7877L7.94581 10.9628L10.8333 13.8503Z" fill="#2D3748"></path>
</svg>
</p>
</li>
</ul>
</div>
<div class="get-started-container" id="get-started-container-id">
<button class="button go-back-subscription" onclick="changePaymentModalState('back')">Go back</button>
<ul id="sub-terms-pro" class="sub-terms-pro-styling">
<li class="subscription-terms">Includes 500 AI Image generations, 1750 AI Chat Messages, 30 AI Video generations, 60 Genius Mode Messages and 60 Genius Mode Images per month. If you go over any of these limits, you will be charged an extra $5 for that group. </li>
<li class="subscription-terms">For example: if you go over 500 AI images, but stay within the limits for AI Chat and Genius Mode, you'll be charged $5 per additional 500 AI Image generations.</li>
</ul>
<ul id="sub-terms-go" class="sub-terms-go-styling">
<li class="subscription-terms">Includes 100 AI Image generations and 300 AI Chat Messages. If you go over any of these limits, you will have to pay as you go.</li>
<li class="subscription-terms">For example: if you go over 100 AI images, but stay within the limits for AI Chat, you'll have to reload on credits to generate more images. Choose from $5 - $1000. You'll only pay for what you use.</li>
</ul>
<div class="subscribe-to" id="subscribe-to-id">Subscribe to PRO using:</div>
<div class="payment-container" id="payment-container-pro">
<div class="options-container payment-options">
<div class="option stripe-pay-active active" id="stripeProToggle" onclick="togglePaymentOption('stripePro')">
Stripe
</div>
<div class="option paypal-pay" id="paypalProToggle" onclick="togglePaymentOption('paypalPro')">
Paypal
</div>
</div>
</div>
<div class="payment-container" id="payment-container-go">
<div class="options-container payment-options">
<div class="option stripe-pay-active active" id="stripeGoToggle" onclick="togglePaymentOption('stripeGo')">
Stripe
</div>
<div class="option paypal-pay" id="paypalGoToggle" onclick="togglePaymentOption('paypalGo')">
Paypal
</div>
</div>
</div>
<div class="dropdown-payment-amount" id="modal-dropdown-payment-amount">
<div class="dataset">
<select id="addCreditsAmountSelect" class="dropdown-select dropdown-input-amount" name="chooseAmount">
<option disabled="" selected="" value="5">$5.00 USD</option>
<option value="5">$5.00 USD</option>
<option value="10">$10.00 USD</option>
<option value="20">$20.00 USD</option>
<option value="50">$50.00 USD</option>
<option value="100">$100.00 USD</option>
<option value="200">$200.00 USD</option>
<option value="500">$500.00 USD</option>
<option value="1000">$1000.00 USD</option>
</select>
<svg class="money-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M11.8003 10.9C9.53031 10.31 8.80031 9.7 8.80031 8.75C8.80031 7.66 9.81031 6.9 11.5003 6.9C13.2803 6.9 13.9403 7.75 14.0003 9H16.2103C16.1403 7.28 15.0903 5.7 13.0003 5.19V3H10.0003V5.16C8.06031 5.58 6.50031 6.84 6.50031 8.77C6.50031 11.08 8.41031 12.23 11.2003 12.9C13.7003 13.5 14.2003 14.38 14.2003 15.31C14.2003 16 13.7103 17.1 11.5003 17.1C9.44031 17.1 8.63031 16.18 8.52031 15H6.32031C6.44031 17.19 8.08031 18.42 10.0003 18.83V21H13.0003V18.85C14.9503 18.48 16.5003 17.35 16.5003 15.3C16.5003 12.46 14.0703 11.49 11.8003 10.9Z" fill="#7D7D7D"></path>
</svg>
<svg class="dropdown-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M16.59 8.58997L12 13.17L7.41 8.58997L6 9.99997L12 16L18 9.99997L16.59 8.58997Z" fill="white"></path>
</svg>
</div>
</div>
<button id="stripe-pro-button-container" class="modal-get-started" onclick="window.open(deepaiProLinkUrl, '_blank')">Subscribe</button>
<div id="paypal-button-container-sub-popup">
<div class="paypal-styling" id="paypal-button-container-P-9LT69365YG9885149MPMFULA"></div>
</div>
<button id="stripe-go-button-container" onclick="window.open(deepaiAddCreditsLinkUrl, '_blank')" class="modal-get-started">Add Credits</button>
<div class="paypal-styling" id="paypal-button-container"></div>
</div>
<a class="modal-see-full" href="?_=%2Fpricing%23%2FtYdwm4UMfsHdsG2uvkquFs5">
See Full Pricing Page
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.8248 5.44998C3.64578 5.44998 3.47409 5.52109 3.34751 5.64768C3.22092 5.77427 3.1498 5.94595 3.1498 6.12498V13.775C3.1498 14.1476 3.4522 14.45 3.8248 14.45H11.4748C11.6538 14.45 11.8255 14.3789 11.9521 14.2523C12.0787 14.1257 12.1498 13.954 12.1498 13.775V10.175C12.1498 9.99595 12.2209 9.82427 12.3475 9.69768C12.4741 9.57109 12.6458 9.49998 12.8248 9.49998C13.0038 9.49998 13.1755 9.57109 13.3021 9.69768C13.4287 9.82427 13.4998 9.99595 13.4998 10.175V13.775C13.4998 14.312 13.2865 14.8271 12.9067 15.2069C12.5269 15.5866 12.0119 15.8 11.4748 15.8H3.8248C3.28774 15.8 2.77267 15.5866 2.39291 15.2069C2.01315 14.8271 1.7998 14.312 1.7998 13.775V6.12498C1.7998 5.58791 2.01315 5.07285 2.39291 4.69308C2.77267 4.31332 3.28774 4.09998 3.8248 4.09998H8.3248C8.50383 4.09998 8.67551 4.17109 8.8021 4.29768C8.92869 4.42427 8.9998 4.59595 8.9998 4.77498C8.9998 4.954 8.92869 5.12569 8.8021 5.25227C8.67551 5.37886 8.50383 5.44998 8.3248 5.44998H3.8248Z" fill="#C3CAD9"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.57465 11.9777C5.63413 12.0436 5.706 12.097 5.78615 12.135C5.8663 12.1731 5.95316 12.1949 6.04176 12.1994C6.13036 12.2038 6.21897 12.1907 6.30252 12.1609C6.38606 12.131 6.4629 12.085 6.52865 12.0254L14.85 4.49605V7.02505C14.85 7.20407 14.9212 7.37576 15.0478 7.50235C15.1743 7.62893 15.346 7.70005 15.525 7.70005C15.7041 7.70005 15.8758 7.62893 16.0023 7.50235C16.1289 7.37576 16.2 7.20407 16.2 7.02505V2.97505C16.2 2.79603 16.1289 2.62434 16.0023 2.49775C15.8758 2.37116 15.7041 2.30005 15.525 2.30005H11.475C11.296 2.30005 11.1243 2.37116 10.9978 2.49775C10.8712 2.62434 10.8 2.79603 10.8 2.97505C10.8 3.15407 10.8712 3.32576 10.9978 3.45235C11.1243 3.57893 11.296 3.65005 11.475 3.65005H13.7727L5.62235 11.0246C5.55653 11.0841 5.50308 11.156 5.46505 11.2361C5.42703 11.3163 5.40517 11.4032 5.40074 11.4918C5.39631 11.5804 5.40939 11.669 5.43923 11.7525C5.46907 11.8361 5.51509 11.912 5.57465 11.9777Z" fill="#C3CAD9"></path>
</svg>
</a>
</div>
<button id="close-sub" class="close" type="button">×</button>
</div>
</dialog>
<dialog id="out-of-credits-modal">
<div class="modal-body out-of-credits-modal-body">
<div id="close-out-of-credits" type="button" class="out-credits-exit">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M11.9997 10.586L16.9497 5.63599L18.3637 7.04999L13.4137 12L18.3637 16.95L16.9497 18.364L11.9997 13.414L7.04974 18.364L5.63574 16.95L10.5857 12L5.63574 7.04999L7.04974 5.63599L11.9997 10.586Z" fill="white"></path>
</svg>
</div>
<div>
<h2 class="out-credits-header">Out of credits</h2>
<p class="please-subheader">
Refill your membership to continue using DeepAI
</p>
<div class="payment-container">
<div class="options-container">
<div class="option stripe-pay-active active" id="outstripeGoToggle" onclick="togglePaymentOption('stripeGo')">
Stripe
</div>
<div class="option paypal-pay" id="outpaypalGoToggle" onclick="togglePaymentOption('paypalGo')">
Paypal
</div>
</div>
<div class="dropdown-payment-amount go-dropdown">
<div class="dataset">
<select id="outOfCreditsAmountSelect" class="dropdown-select dropdown-input-amount" name="chooseAmount">
<option disabled="" selected="">$5.00 USD</option>
<option value="5">$5.00 USD</option>
<option value="10">$10.00 USD</option>
<option value="20">$20.00 USD</option>
<option value="50">$50.00 USD</option>
<option value="100">$100.00 USD</option>
<option value="200">$200.00 USD</option>
<option value="500">$500.00 USD</option>
<option value="1000">$1000.00 USD</option>
</select>
<svg class="money-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M11.8003 10.9C9.53031 10.31 8.80031 9.7 8.80031 8.75C8.80031 7.66 9.81031 6.9 11.5003 6.9C13.2803 6.9 13.9403 7.75 14.0003 9H16.2103C16.1403 7.28 15.0903 5.7 13.0003 5.19V3H10.0003V5.16C8.06031 5.58 6.50031 6.84 6.50031 8.77C6.50031 11.08 8.41031 12.23 11.2003 12.9C13.7003 13.5 14.2003 14.38 14.2003 15.31C14.2003 16 13.7103 17.1 11.5003 17.1C9.44031 17.1 8.63031 16.18 8.52031 15H6.32031C6.44031 17.19 8.08031 18.42 10.0003 18.83V21H13.0003V18.85C14.9503 18.48 16.5003 17.35 16.5003 15.3C16.5003 12.46 14.0703 11.49 11.8003 10.9Z" fill="#7D7D7D"></path>
</svg>
<svg class="dropdown-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M16.59 8.58997L12 13.17L7.41 8.58997L6 9.99997L12 16L18 9.99997L16.59 8.58997Z" fill="white"></path>
</svg>
</div>
</div>
</div>
<button id="out-stripe-go-button-container" onclick="window.open(deepaiAddCreditsLinkUrl, '_blank')" class="button modal-get-started">Add Credits</button>
<div id="paypal-button-container-out-of-credits" class="paypal-styling paypal-cred"></div>
</div>
</div>
</dialog>
<dialog id="social-modal">
<div class="social-modal-body">
<p class="share-header">Share</p>
<p class="share-subheader">Share your generations with friends</p>
<div class="social-container">
<div class="social-icon">
<div class="icon-container x">
<a id="x-link" target="_blank">
<img src="?_=%2Fstatic%2Fimages%2Fsocial-x-icon.svg%23%2FtYdwm4UMfsHdsG2uvkquFs5">
</a>
<p class="social-name">X</p>
</div>
<div class="icon-container facebook">
<a id="facebook-link" target="_blank">
<img src="?_=%2Fstatic%2Fimages%2Fsocial-facebook-icon.svg%23%2FtYdwm4UMfsHdsG2uvkquFs5">
</a>
<p class="social-name">Facebook</p>
</div>
<div class="icon-container linkedin">
<a id="linkedin-link" target="_blank">
<img src="?_=%2Fstatic%2Fimages%2Fsocial-linkedin-icon.svg%23%2FtYdwm4UMfsHdsG2uvkquFs5">
</a>
<p class="social-name">Linkedin</p>
</div>
<div class="icon-container reddit">
<a id="reddit-link" target="_blank">
<img src="?_=%2Fstatic%2Fimages%2Fsocial-reddit-icon.svg%23%2FtYdwm4UMfsHdsG2uvkquFs5">
</a>
<p class="social-name">Reddit</p>
</div>
</div>
<div class="social-link-copy">
<input type="text" id="social-link-input" readonly="">
<button class="copy-button" onclick="navigator.clipboard.writeText(document.getElementById('social-link-input').value)">
<img src="?_=%2Fstatic%2Fimages%2Fsocial-copy-icon.svg%23%2FtYdwm4UMfsHdsG2uvkquFs5" alt="Copy">
</button>
</div>
</div>
</div>
<button id="close-social" class="close" type="button">×</button>
</dialog>
<footer>
<div class="footer-row">
<div class="leftfooter">
<a href="?_=%2F%23%2FtYdwm4UMfsHdsG2uvkquFs5">
<img src="?_=%2Fstatic%2Fimages%2FSmallFlops.svg%23%2FtYdwm4UMfsHdsG2uvkquFs5" alt="flops">
<p>Deep AI, Inc. ©</p>
</a>
</div>
<div class="rightfooter">
<!-- Freestar / Sourcepoint CMP button -->
<!-- HTML for geo depending button -->
<button id="pmLink">Privacy Manager</button>
<a href="mailto:[email protected]" class="contact">Contact</a>
<a href="?_=%2Fpress%23%2FtYdwm4UMfsHdsG2uvkquFs5" class="press">Press</a>
<a href="?_=%2Fterms-of-service%2Fterms-of-service%23%2FtYdwm4UMfsHdsG2uvkquFs5" class="legal">Legal</a>
<a class=" " href="?_=%2FDeepAI%23%2FtYdwm4UMfsXZM2yr%2FV2%2BUoxjQ%3D%3D" target="_blank"><img src="?_=%2Fstatic%2Fimages%2FxLogo.svg%23%2FtYdwm4UMfsHdsG2uvkquFs5" alt="xlogo" class="xlogo"></a>
<a class=" " href="?_=%2Fcompany%2Fdeepai%23%2FtYdwm4UMfsUZNPot%2FlqvEw6iSy73lWg" target="_blank"><img src="?_=%2Fstatic%2Fimages%2FLinkedinLogo.svg%23%2FtYdwm4UMfsHdsG2uvkquFs5" alt="linkedinlogo" class="linkedinlogo"></a>
</div>
</div>
</footer>
<script>try{if(!(window.location.hostname==="deepai.org"||window.location.hostname==="127.0.0.1")){window.location.href="?_=%2F%23%2FtYdwm4UMfsHdsG2uvkquFs5"+window.location.pathname+window.location.search;}}catch(e){console.log("error redirecting to deepai.org: "+e);}
try{(function(window){if(window.location!==window.top.location){window.top.location=window.location;}})(this);}catch(e){console.log('error breaking out of iframe',e);}
const app_base_url='https://api.deepai.org';fetch(app_base_url+"/favicon.ico",{method:'POST',credentials:'include',});function setElementsStyleById(ids,style){ids.forEach(id=>document.getElementById(id).style=style);}
function showElementsById(ids){setElementsStyleById(ids,"display: flex;");}
function hideElementsById(ids){setElementsStyleById(ids,"display: none;");}
function toggleAuthOption(toggle){const loginOption=document.getElementById("loginToggle");const signupOption=document.getElementById("signupToggle");const authGoogle=document.getElementById('social-auth-google');const authGithub=document.getElementById('social-auth-github');const emailSwitch=document.getElementById("switch-to-email");const loginEmail=document.getElementById('login-via-email-id');const userEmailError=document.getElementById('user-email-error');const reenterPwd=document.getElementById("reenter-password-container-id");document.getElementById('user-email').focus();userEmailError.style="display: none;";if(toggle=="login"){if(!loginOption.classList.contains("active")){loginOption.classList.add("active");signupOption.classList.remove("active");}
document.getElementById('login-header-title').innerHTML="Login";authGoogle.setAttribute('onclick',"social_login(event, 'google')");authGithub.setAttribute('onclick',"social_login(event, 'github')");emailSwitch.innerHTML="Or login with email";emailSwitch.setAttribute('onclick',"authOptions('moreOptions')");hideElementsById(["reenter-password-container-id","user-email-error"]);loginEmail.innerHTML="Login";loginEmail.setAttribute('onclick',"login(event)");}else{if(!signupOption.classList.contains("active")){signupOption.classList.add("active");loginOption.classList.remove("active");}
document.getElementById('login-header-title').innerHTML="Signup";authGoogle.setAttribute('onclick',"social_signup(event, 'google')");authGithub.setAttribute('onclick',"social_signup(event, 'github')");emailSwitch.innerHTML="Or signup with email";emailSwitch.setAttribute('onclick',"authOptions('moreOptions')");loginEmail.innerHTML="Signup";loginEmail.setAttribute('onclick',"signup(event)");hideElementsById(["forgot-password","user-email-error"]);const reenterPwdDisplay=authGoogle.style.display=="none"?"flex":"none";reenterPwd.style=`display: ${reenterPwdDisplay};`;}}
function authOptions(toggle){hideElementsById(['user-email-error'])
const moreOptions={true:{visible:["email-container-id","password-container-id","reenter-password-container-id","login-via-email-id","forgot-password","go-back-login"],hidden:["switch-to-email","social-auth-google","social-auth-github"]},false:{visible:["switch-to-email","social-auth-google","social-auth-github"],hidden:["email-container-id","password-container-id","reenter-password-container-id","login-via-email-id","forgot-password","go-back-login"]}};showElementsById(moreOptions[toggle=="moreOptions"].visible);hideElementsById(moreOptions[toggle=="moreOptions"].hidden);document.getElementById('user-email').focus();if(toggle=="moreOptions"&&document.getElementById('login-via-email-id').innerHTML=="Login"){hideElementsById(["reenter-password-container-id"]);}}
function togglePaymentOption(toggle){const stripeGoOption=document.getElementById("stripeGoToggle");const paypalGoOption=document.getElementById("paypalGoToggle");const stripeProOption=document.getElementById("stripeProToggle");const paypalProOption=document.getElementById("paypalProToggle");const outstripeGoOption=document.getElementById("outstripeGoToggle");const outpaypalGoOption=document.getElementById("outpaypalGoToggle");if(toggle=="stripeGo"){if(!stripeGoOption.classList.contains("active")){stripeGoOption.classList.add("active");paypalGoOption.classList.remove("active");}
if(!outstripeGoOption.classList.contains("active")){outstripeGoOption.classList.add("active");outpaypalGoOption.classList.remove("active");}
document.getElementById("stripe-go-button-container").style.display="flex";document.getElementById("out-stripe-go-button-container").style.display="flex";document.getElementById("stripe-pro-button-container").style.display="none";document.getElementById("paypal-button-container").style.display="none";document.getElementById("paypal-button-container-out-of-credits").style.display="none";}else if(toggle=="paypalGo"){if(!paypalGoOption.classList.contains("active")){paypalGoOption.classList.add("active");stripeGoOption.classList.remove("active");}
if(!outpaypalGoOption.classList.contains("active")){outpaypalGoOption.classList.add("active");outstripeGoOption.classList.remove("active");}
document.getElementById("stripe-go-button-container").style.display="none";document.getElementById("out-stripe-go-button-container").style.display="none";document.getElementById("paypal-button-container").style.display="flex";document.getElementById("paypal-button-container-sub-popup").style.display="none";document.getElementById("paypal-button-container-out-of-credits").style.display="flex";}
else if(toggle=="stripePro"){if(!stripeProOption.classList.contains("active")){stripeProOption.classList.add("active");paypalProOption.classList.remove("active");}
document.getElementById("stripe-pro-button-container").style.display="flex";document.getElementById("stripe-go-button-container").style.display="none";document.getElementById("paypal-button-container-sub-popup").style.display="none";}
else{if(!paypalProOption.classList.contains("active")){paypalProOption.classList.add("active");stripeProOption.classList.remove("active");}
document.getElementById("stripe-pro-button-container").style.display="none";document.getElementById("paypal-button-container-sub-popup").style.display="flex";document.getElementById("paypal-button-container").style.display="none";}}
function toggleMembershipOption(toggle){const options={pro:{active:"proToggle",inactive:"payGoToggle",titleDisplay:"flex",subheaderText:"DeepAI PRO member",priceText:"$4.99",lengthText:"/month",periodText:"Per month",genCallsValue:"500",videoCallsValue:"30",chatCallsValue:"1750",geniusMessagesValue:"60",geniusMessagesFontSize:"14px",geniusImagesValue:"60",geniusImagesFontSize:"14px",},payGo:{active:"payGoToggle",inactive:"proToggle",titleDisplay:"none",subheaderText:"Pay as you go member",priceText:"$5.00",lengthText:"/starting",periodText:"Per $5",genCallsValue:"100",videoCallsValue:"30",chatCallsValue:"350",geniusMessagesValue:"-",geniusMessagesFontSize:"30px",geniusImagesValue:"-",geniusImagesFontSize:"30px",}};const activeOption=(toggle==="pro")?"pro":"payGo";const currentOption=options[activeOption];document.getElementById(currentOption.active).classList.add("active");document.getElementById(currentOption.inactive).classList.remove("active");document.getElementById('subscription-title-pro-id').style.display=currentOption.titleDisplay;document.getElementById('subscriptions-subheader-id').innerHTML=currentOption.subheaderText;document.getElementById('subscription-price-id').innerHTML=currentOption.priceText;document.getElementById('subscription-length-id').innerHTML=currentOption.lengthText;document.getElementById('gen-calls-per').innerHTML=currentOption.periodText;document.getElementById('gen-calls-value').innerHTML=currentOption.genCallsValue;document.getElementById('chat-calls-value').innerHTML=currentOption.chatCallsValue;document.getElementById('video-calls-value').innerHTML=currentOption.videoCallsValue;document.getElementById('genius-messages-value').innerHTML=currentOption.geniusMessagesValue;document.getElementById("genius-messages-value").style.fontSize=currentOption.geniusMessagesFontSize;document.getElementById('genius-images-value').innerHTML=currentOption.geniusImagesValue;document.getElementById("genius-images-value").style.fontSize=currentOption.geniusImagesFontSize;const proActive=toggle==="pro";try{updateUserPlanButton(proActive);}catch(e){console.log('error getting user to check the plan',e);}}
function setDisplayStyle(elementIds,displayStyle){elementIds.forEach(id=>{const element=document.getElementById(id);if(element){element.style.display=displayStyle;}});}
function changePaymentModalState(toggle){const alwaysHideElements=['paypal-button-container','paypal-button-container-sub-pricing','paypal-button-container-sub-popup'];const startHideElements=['membership-toggle-id','modal-subscription-section-id','subscription-start-id','modal-dropdown-payment-amount'];const paymentElementsPro=['sub-terms-pro','payment-container-pro'];const paymentElementsGo=['sub-terms-go','payment-container-go'];const subscriptionTitle=document.getElementById('subscribe-to-id');if(toggle==="start"){setDisplayStyle(alwaysHideElements,"none");setDisplayStyle(startHideElements,"none");document.getElementById('get-started-container-id').style.display="flex";const isProHidden=document.getElementById('subscription-title-pro-id').style.display==="none";if(isProHidden){togglePaymentOption('stripeGo');setDisplayStyle(paymentElementsPro,"none");setDisplayStyle(paymentElementsGo,"flex");document.getElementById('modal-dropdown-payment-amount').style.display="flex";subscriptionTitle.innerHTML="Pay as you go using:";}else{togglePaymentOption('stripePro');setDisplayStyle(paymentElementsGo,"none");setDisplayStyle(paymentElementsPro,"flex");subscriptionTitle.innerHTML="Subscribe to PRO using:";}}else{setDisplayStyle(alwaysHideElements,"none");setDisplayStyle(startHideElements,"flex");document.getElementById('get-started-container-id').style.display="none";}}
function togglePricingPageOptions(toggle){const freeMembOption=document.getElementById("freeMembToggle");const proMembOption=document.getElementById("proMembToggle");const goMembOption=document.getElementById("goMembToggle");if(toggle=="free-memb"){if(!freeMembOption.classList.contains("active")){freeMembOption.classList.add("active");proMembOption.classList.remove("active");goMembOption.classList.remove("active");}
document.getElementById("middle-free-plan-column").style.display="block";document.getElementById("middle-pro-plan-column").style.display="none";document.getElementById("middle-go-plan-column").style.display="none";}else if(toggle=="pro-memb"){if(!proMembOption.classList.contains("active")){proMembOption.classList.add("active");freeMembOption.classList.remove("active");goMembOption.classList.remove("active");}
document.getElementById("middle-free-plan-column").style.display="none";document.getElementById("middle-pro-plan-column").style.display="block";document.getElementById("middle-go-plan-column").style.display="none";}else{if(!goMembOption.classList.contains("active")){goMembOption.classList.add("active");freeMembOption.classList.remove("active");proMembOption.classList.remove("active");}
document.getElementById("middle-free-plan-column").style.display="none";document.getElementById("middle-pro-plan-column").style.display="none";document.getElementById("middle-go-plan-column").style.display="block";}}
function toggleMembershipOptionPricing(toggle){const mobileProMembOption=document.getElementById("mobileProToggle");const mobileGoMembOption=document.getElementById("mobilePayGoToggle");const proActive=toggle==="pro";try{updateClasses(mobileProMembOption,mobileGoMembOption,proActive);updateContent(proActive);}catch(e){console.log('error updating pricing classes',e);}
try{updateUserPlanButton(proActive);}catch(e){console.log('error getting user to check the plan',e);}}
function updateClasses(proElement,goElement,proActive){proElement.classList.toggle("active",proActive);goElement.classList.toggle("active",!proActive);}
function updateContent(proActive){const plan=proActive?getProPlan():getGoPlan();document.getElementById('mobile-subscription-title-pro-id').style.display=proActive?"flex":"none";document.getElementById('mobile-subscriptions-subheader-id').innerHTML=plan.subHeader;document.getElementById('mobile-subscription-price-id').innerHTML=plan.price;document.getElementById('mobile-subscription-length-id').innerHTML=plan.length;document.getElementById('mobile-pro-overages').style.display=proActive?"flex":"none";document.getElementById('mobile-gen-calls-per').innerHTML=plan.period;document.getElementById('mobile-gen-calls-value').innerHTML=plan.genCalls;document.getElementById('mobile-chat-calls-value').innerHTML=plan.chatCalls;document.getElementById('mobile-video-calls-value').innerHTML=plan.videoCalls;const geniusMessagesElem=document.getElementById('mobile-genius-messages-value');geniusMessagesElem.innerHTML=plan.geniusMessages;geniusMessagesElem.style.fontSize=plan.messageSize;const geniusImagesElem=document.getElementById('mobile-genius-images-value');geniusImagesElem.innerHTML=plan.geniusImages;geniusImagesElem.style.fontSize=plan.imageSize;}
function updateUserPlanButton(proActive){let user_object=null;if(localStorage.getItem('user')){user_object=JSON.parse(localStorage.getItem('user'));}
if(user_object&&user_object.userprofile2){const userIsPro=user_object.userprofile2.user_has_deepai_pro;const userIsGo=user_object.userprofile2.user_is_pay_as_you_go;const canChangePlan=proActive?!userIsPro:!userIsGo;const buttonElem=document.getElementById('subscription-start-id');const mobileButtonElem=document.getElementById('mobile-subscription-start-id');if(buttonElem){buttonElem.style=canChangePlan?"background-color: #8f37ff; border: none; cursor: pointer; pointer-events: all;":"background-color: transparent; border: 2px solid #8f37ff; cursor: default; pointer-events: none;";buttonElem.innerHTML=canChangePlan?"Get Started":"Current Plan";}
if(mobileButtonElem){mobileButtonElem.style=canChangePlan?"background-color: #8f37ff; border: none; cursor: pointer; pointer-events: all;":"background-color: transparent; border: 2px solid #8f37ff; cursor: default; pointer-events: none;";mobileButtonElem.innerHTML=canChangePlan?"Get Started":"Current Plan";}}}
function getProPlan(){return{subHeader:"DeepAI PRO member",price:"$4.99",length:"/month",period:"Per month",genCalls:"500",chatCalls:"1750",videoCalls:"30",geniusMessages:"60",messageSize:"14px",geniusImages:"60",imageSize:"14px"};}
function getGoPlan(){return{subHeader:"Pay as you go member",price:"$5.00",length:"/starting",period:"Per $5",genCalls:"100",chatCalls:"350",videoCalls:"",geniusMessages:"-",messageSize:"30px",geniusImages:"-",imageSize:"30px"};}
function changePaymentModalStatePricing(toggle){const hideElements=['mobile-membership-toggle-id','modal-subscription-section-id','mobile-subscription-section-id','subscription-start-id','mobile-subscription-start-id','paypal-button-container','paypal-button-container-b','paypal-button-container-sub-pricing','paypal-button-container-sub-popup'];const paymentElementsPro=['mobile-sub-terms-pro','mobile-payment-container-pro','mobile-stripe-pro-button-container'];const paymentElementsGo=['mobile-sub-terms-go','mobile-payment-container-go','mobile-stripe-go-button-container'];const mobileSubscriptionTitle=document.getElementById('mobile-subscribe-to-id');if(toggle==="start"){setDisplayStyle(hideElements,"none");setDisplayStyle(['get-started-container-id','mobile-get-started-container-id'],"flex");const isProHidden=document.getElementById('mobile-subscription-title-pro-id').style.display==="none";if(isProHidden){togglePaymentOption('stripeGo');setDisplayStyle(paymentElementsPro,"none");setDisplayStyle(paymentElementsGo,"flex");mobileSubscriptionTitle.innerHTML="Pay as you go using:";document.getElementById('mobile-dropdown-payment-amount').style.display="flex";}else{togglePaymentOption('stripePro');setDisplayStyle(paymentElementsGo,"none");setDisplayStyle(paymentElementsPro,"flex");mobileSubscriptionTitle.innerHTML="Subscribe to PRO using:";document.getElementById('mobile-dropdown-payment-amount').style.display="none";}}else{setDisplayStyle(hideElements,"flex");setDisplayStyle(['get-started-container-id','mobile-get-started-container-id'],"none");setDisplayStyle(['modal-dropdown-payment-amount','go-dropdown-payment-amount'],"none");}}
function togglePaymentOptionMobile(toggle){const mobilestripeGoOption=document.getElementById("mobilestripeGoToggle");const mobilepaypalGoOption=document.getElementById("mobilepaypalGoToggle");const mobilestripeProOption=document.getElementById("mobilestripeProToggle");const mobilepaypalProOption=document.getElementById("mobilepaypalProToggle");if(toggle=="stripeGo"){if(!mobilestripeGoOption.classList.contains("active")){mobilestripeGoOption.classList.add("active");mobilepaypalGoOption.classList.remove("active");}
document.getElementById("mobile-stripe-go-button-container").style.display="flex";document.getElementById("mobile-stripe-pro-button-container").style.display="none";document.getElementById("paypal-button-container-b").style.display="none";}else if(toggle=="paypalGo"){if(!mobilepaypalGoOption.classList.contains("active")){mobilepaypalGoOption.classList.add("active");mobilestripeGoOption.classList.remove("active");}
document.getElementById("mobile-stripe-go-button-container").style.display="none";document.getElementById("paypal-button-container-b").style.display="flex";document.getElementById("paypal-button-container-sub-pricing").style.display="none";}
else if(toggle=="stripePro"){if(!mobilestripeProOption.classList.contains("active")){mobilestripeProOption.classList.add("active");mobilepaypalProOption.classList.remove("active");}
document.getElementById("mobile-stripe-pro-button-container").style.display="flex";document.getElementById("mobile-stripe-go-button-container").style.display="none";document.getElementById("paypal-button-container-sub-pricing").style.display="none";document.getElementById("paypal-button-container-b").style.display="none";}
else{if(!mobilepaypalProOption.classList.contains("active")){mobilepaypalProOption.classList.add("active");mobilestripeProOption.classList.remove("active");}
document.getElementById("mobile-stripe-pro-button-container").style.display="none";document.getElementById("paypal-button-container-sub-pricing").style.display="flex";document.getElementById("paypal-button-container-b").style.display="none";}}
function checkCurrentUserPricingPlan(context='default'){const ids={proPlanButton:(context==='default')?'pro-plan-button':'middle-pro-plan-button',freePlanColumn:(context==='default')?'free-plan-column':'middle-free-plan-column',goPlanButton:(context==='default')?'go-plan-button':'middle-go-plan-button',infoSubContainer:'info-subscriptions-container',subscriptionStartId:'subscription-start-id',mobileSubscriptionStartId:'mobile-subscription-start-id',freePlanButton:(context==='default')?'free-plan-button':'middle-free-plan-button'};let user_object=null;if(localStorage.getItem('user')){user_object=JSON.parse(localStorage.getItem('user'));}
if(user_object&&user_object.userprofile2){if(user_object.userprofile2.user_has_deepai_pro){if(document.getElementById(ids.proPlanButton)){setElementStyles(ids.proPlanButton,"Current Plan",true);if(ids.freePlanColumn)document.getElementById(ids.freePlanColumn).style="display: none;";if(ids.infoSubContainer)document.getElementById(ids.infoSubContainer).style="width: 22vw;";setElementOnClick(ids.goPlanButton,"openSubscription('go');");if(context==='default'){setElementStyles(ids.subscriptionStartId,"Current Plan",true);setElementStyles(ids.mobileSubscriptionStartId,"Current Plan",true);}}
toggleMembershipOptionPricing('pro');setElementOnClick(ids.subscriptionStartId,"changePaymentModalState('start');");setElementOnClick(ids.mobileSubscriptionStartId,"changePaymentModalStatePricing('start');");document.getElementById("freeMembToggle").style="display: none;";}else if(user_object.userprofile2.user_is_pay_as_you_go){if(document.getElementById(ids.goPlanButton)){setElementStyles(ids.goPlanButton,"Current Plan",true);if(ids.freePlanColumn)document.getElementById(ids.freePlanColumn).style="display: none;";if(ids.infoSubContainer)document.getElementById(ids.infoSubContainer).style="width: 24vw;";if(context==='default'){setElementStyles(ids.subscriptionStartId,"Current Plan",true);setElementStyles(ids.mobileSubscriptionStartId,"Current Plan",true);}}
toggleMembershipOptionPricing('go');setElementOnClick(ids.subscriptionStartId,"changePaymentModalState('start');");setElementOnClick(ids.mobileSubscriptionStartId,"changePaymentModalStatePricing('start');");document.getElementById("freeMembToggle").style="display: none;";}else if(userIsLoggedIn()){setElementOnClick(ids.subscriptionStartId,"changePaymentModalState('start');");setElementOnClick(ids.mobileSubscriptionStartId,"changePaymentModalStatePricing('start');");if(document.getElementById(ids.freePlanButton)){setElementStyles(ids.freePlanButton,"Current Plan",true);setElementOnClick(ids.goPlanButton,"openSubscription('go');");if(context==='default'){setElementOnClick('pro-plan-button',"openSubscription();");}else{setElementOnClick('middle-pro-plan-button',"openSubscription();");}}}}}
function setElementStyles(elementId,innerHTMLText,disable=false){const element=document.getElementById(elementId);if(element){element.style=disable?"background-color: transparent; border: 2px solid #8f37ff; cursor: default; pointer-events: none;":"background-color: #8f37ff; border: none; cursor: pointer; pointer-events: all;";element.innerHTML=innerHTMLText;}}
function setElementOnClick(elementId,action){const element=document.getElementById(elementId);if(element){element.setAttribute("onClick",action);}}
function updateNonLoggedInUserPlan(){setElementOnClick('subscription-start-id',"openSignup();");setElementStyles('subscription-start-id',"Signup");setElementOnClick('mobile-subscription-start-id',"openSignup();");setElementStyles('mobile-subscription-start-id',"Signup");}
function subscriptionPopupAfterAuth(){let user_object=null;if(localStorage.getItem('user')){user_object=JSON.parse(localStorage.getItem('user'));}
const element=document.getElementById('subscription-start-id').innerHTML;if(user_object&&user_object.userprofile2){if(!(user_object.userprofile2.user_has_deepai_pro||user_object.userprofile2.user_is_pay_as_you_go)){if(element=="Signup"){openSubscription();}}}}
function openSubscribeFromGenius(tag){const modalId=tag==="image"?"genius-images-modal":"genius-chat-modal";const geniusModal=document.getElementById(modalId);if(geniusModal){geniusModal.close();openSubscription();}}
try{document.addEventListener("visibilitychange",(e)=>{fetch(app_base_url+"/favicon.ico",{method:'POST',credentials:'include',});})}catch(e){console.log("error adding visibilitychange event listener: "+e);}
function removeHeaderBackground(){const navbar=document.querySelector('header');navbar.style.background="";}
function changeHeaderBackground(){const navbar=document.querySelector('header');const ad=document.getElementById('deepai.org_header');const navbarRect=navbar.getBoundingClientRect();const adRect=ad.getBoundingClientRect();const navbarHeight=navbarRect.height;const bodyHeight=document.querySelector('body').getBoundingClientRect().height;const navBodyRatio=bodyHeight/navbarHeight;const shift=-100*adRect.height/navbarHeight;navbar.style.background=`linear-gradient(180deg,#7729aa ${shift + -13.13 * navBodyRatio}%,#170a2d ${shift + 0.17 * navBodyRatio }%,#0a061d ${shift + navBodyRatio* 6.9}%,rgba(10,6,30,0.99) ${shift + navBodyRatio * 36.38}%,#010311 ${shift + navBodyRatio * 98.59}%)`;}
try{if(!user_paid_for_no_ads){changeHeaderBackground();}}catch(e){console.log("error changing header background: "+e);}
try{localStorage.setItem("name","Hello World!");}catch(e){console.log("Error - local storage is full. clearing local storage");try{localStorage.clear();}catch(e2){console.log("error clearing local storage: "+e2);}}
var onCategoryPage=false;const reeferrerMadness=document.referrer;var cookieUserReeferrer=localStorage.getItem('userReeferrer');if(cookieUserReeferrer==undefined){localStorage.setItem('userReeferrer',reeferrerMadness);cookieUserReeferrer=localStorage.getItem('userReeferrer');}else{}
var thisLocation=window.location.pathname;var pagePathCookie=localStorage.getItem('pagePath');if(pagePathCookie==undefined){localStorage.setItem('pagePath',[thisLocation]);}else if(pagePathCookie.length>100000){}else{var newPagePathCookie=new Array(pagePathCookie,thisLocation);localStorage.setItem('pagePath',newPagePathCookie);};var latestPagePathCookie=localStorage.getItem('pagePath');console.log(latestPagePathCookie);console.log(cookieUserReeferrer);if(!document.createElement('dialog').showModal){console.log('loading dialog polyfill...');var script=document.createElement("script");script.src="?_=%2Fstatic%2Fjs%2Flibs%2Fdialog-polyfill.js%23%2FtYdwm4UMfsHdsG2uvkquFs5";script.type="text/javascript";script.async=true;script.onload=function(){for(var dialog of document.getElementsByTagName('dialog')){dialogPolyfill.registerDialog(dialog);}};document.getElementsByTagName("head")[0].appendChild(script);}else{console.log('not loading dialog polyfill');}
if(!window.localStorage||!window.sessionStorage)(function(){var Storage=function(type){function createCookie(name,value,days){var date,expires;if(days){date=new Date();date.setTime(date.getTime()+(days*24*60*60*1000));expires="; expires="+date.toGMTString();}else{expires="";}
document.cookie=name+"="+value+expires+"; path=/";}
function readCookie(name){var nameEQ=name+"=",ca=document.cookie.split(';'),i,c;for(i=0;i<ca.length;i++){c=ca[i];while(c.charAt(0)==' '){c=c.substring(1,c.length);}
if(c.indexOf(nameEQ)==0){return c.substring(nameEQ.length,c.length);}}
return null;}
function setData(data){data=JSON.stringify(data);if(type=='session'){window.name=data;}else{createCookie('localStorage',data,365);}}
function clearData(){if(type=='session'){window.name='';}else{createCookie('localStorage','',365);}}
function getData(){var data=type=='session'?window.name:readCookie('localStorage');return data?JSON.parse(data):{};}
var data=getData();function numKeys(){var n=0;for(var k in data){if(data.hasOwnProperty(k)){n+=1;}}
return n;}
return{clear:function(){data={};clearData();this.length=numKeys();},getItem:function(key){key=encodeURIComponent(key);return data[key]===undefined?null:data[key];},key:function(i){var ctr=0;for(var k in data){if(ctr==i)return decodeURIComponent(k);else ctr++;}
return null;},removeItem:function(key){key=encodeURIComponent(key);delete data[key];setData(data);this.length=numKeys();},setItem:function(key,value){key=encodeURIComponent(key);data[key]=String(value);setData(data);this.length=numKeys();},length:0};};if(!window.localStorage)window.localStorage=new Storage('local');if(!window.sessionStorage)window.sessionStorage=new Storage('session');})();var user_object={};function userIsLoggedIn(){if(user_object?.pk){return true;}else{return false;}}
async function saveDeepaiProLinkUrl(){const resp=await fetch(app_base_url+'/get_my_stripe_subscription_checkout_link',{method:'GET',credentials:'include',});const data=await resp.json();window.deepaiProLinkUrl=data.link;console.log("got deepaiProLinkUrl",window.deepaiProLinkUrl);window.deepaiAddCreditsLinkUrl=data.add_credits_link;console.log("got deepaiAddCreditsLinkUrl",window.deepaiAddCreditsLinkUrl);}
async function saveStripeCardUpdateLink(){const resp=await fetch(app_base_url+'/get_my_stripe_card_update_link',{method:'GET',credentials:'include',});const data=await resp.json();window.deepaiUpdateStripeCardUrl=data.link;console.log("got deepaiUpdateStripeCardUrl",window.deepaiProLinkUrl);};function authKeyPressHandler(e){if(e.keyCode==13&&!e.shiftKey){e.preventDefault();if(document.getElementById('login-via-email-id').innerHTML=="Login"){login(e);}else{signup(e);}}}
async function checkAuthStatus(){if(localStorage.getItem('user')){user_object=JSON.parse(localStorage.getItem('user'));}else{}
if(typeof displayMyChatSessions==="function"){try{displayMyChatSessions()}catch(e){console.log(e)}}
console.log(user_object);var dropdownSandwich=document.getElementById('sandwichIconDrop');var dropdownUser=document.getElementById('userIconDrop');var profileSecNav=document.getElementById('navProfileSection');var profileButtonNav=document.getElementById('navProfileButton');var navProfileAvatar=document.getElementById('navUserAvatar');var headerLogin=document.getElementById('headerLoginButton');var navUsername=document.getElementById('navUserName');var navUseremail=document.getElementById('navUserEmail');if(userIsLoggedIn()){unlockOnlineMode();if(user_object.userprofile2.user_can_use_genius_mode){unlockGeniusMode();unlockGeniusImageGenerator();}
if(user_object.userprofile2.locked_out_due_to_no_payment_info===false){unlockAllStyleButtons();unlockHdImageGenerator();}
navProfileAvatar.src="?_=%2Fapp_base_url%2B%23%2FtYdwm4UMfsHdsG2uvkquFs5"/get_author_obj_img_url';saveDeepaiProLinkUrl();saveStripeCardUpdateLink();dropdownSandwich.style="display: none;";headerLogin.style="display: none;";dropdownUser.style="display: flex;";profileSecNav.style="display: flex;";profileButtonNav.style="display: flex;";if(document.getElementById("My Characters")){document.getElementById("My Characters").style.display="inline-block";}
navUsername.innerHTML=user_object.username;navUseremail.innerHTML=user_object.email;for(const signupButton of document.getElementsByClassName('button login')){signupButton.setAttribute('onclick',"window.location.replace('/dashboard/profile')");signupButton.innerHTML="My Profile";}
if(document.getElementById('signup-button-dropdown-li')){document.getElementById('signup-button-dropdown-li').setAttribute('onclick',"window.location.replace('/dashboard/profile')");document.getElementById('signup-button-dropdown-li').innerHTML="My Profile";}
for(const loginButton of document.getElementsByClassName('login-button')){loginButton.setAttribute('onclick',"logout()");loginButton.innerHTML="Log Out";}
if(document.getElementById('login-button-dropdown')){document.getElementById('login-button-dropdown').setAttribute('onclick',"logout()");document.getElementById('login-button-dropdown').innerHTML="Logout";}
if(user_object.userprofile&&user_object.userprofile.api_key){applyApiKeyToCodeExamples(user_object.userprofile.api_key);}else{console.log('Error - user is logged in but has no API key.');}
try{if(typeof freestar=='object'){freestar.queue.push(function(){freestar.identity.setIdentity({email:user_object.email});});}}catch(e){console.log('error setting freestar identity',e);}
applyCachedHeartsToHeartsOnPage();await refreshHeartsFromServer();}else{}}
function unlockAllStyleButtons(){if(document.getElementById('selectedModelPaidOnly')){document.getElementById('selectedModelPaidOnly').setAttribute('locked','False')}}
function unlockGeniusMode(){if(document.getElementById('genius')){document.getElementById('genius').removeAttribute('locked');}}
function unlockOnlineMode(){if(document.getElementById('online')){document.getElementById('online').removeAttribute('locked');document.getElementById('online-button').style.display='flex';}}
function unlockHdImageGenerator(){if(document.getElementById('imageHdLockedIcon')){document.getElementById('imageHdLockedIcon').remove();}}
function hideFreestarAds(){if(typeof freestar==='object'&&freestar.config&&freestar.config.alwaysRefresh){try{freestar.config.alwaysRefresh.map(id=>document.getElementById(id)).filter(Boolean).map(node=>node.closest('body > *').remove())}catch(e){console.log("error removing ads for logged in user",e)}}}
function unlockGeniusImageGenerator(){if(document.getElementById('modelGeniusModeButton')){document.getElementById('modelGeniusModeButton').removeAttribute('locked');}
if(document.getElementById('imageGeniusLockedIcon')){document.getElementById('imageGeniusLockedIcon').remove();}}
async function auth(){try{const response=await fetch(app_base_url+"/daily-time-sync/user/",{credentials:'include'});var user=await response.json();var user_string=JSON.stringify(user);if(await response.status==200){localStorage.setItem('user',user_string);user_object=JSON.parse(localStorage.getItem('user'));await checkAuthStatus();}else{localStorage.removeItem('user');localStorage.removeItem('hearts-cache');user_object={};};}catch(e){console.log("Error validating auth",e);localStorage.removeItem('user');localStorage.removeItem('hearts-cache');user_object={};}}
function mainNavDrop(){document.getElementById("mainNavDropdown").classList.toggle("show-dropdown");}
if(document.getElementById("dropMenuButton")){document.getElementById("dropMenuButton").addEventListener("click",function(event){event.stopPropagation();mainNavDrop();},false);}
window.onclick=function(event){if(event.target.closest('.dropdown-link')||event.target.closest('.content-dropdown-link')){}else if(!event.target.matches('.dropbtn')){if(document.getElementById("contentNavDropdown")){var contentDropdown=document.getElementById("contentNavDropdown");if(contentDropdown){if(contentDropdown.classList.contains('show-dropdown')){contentDropdown.classList.remove('show-dropdown');}}}
var mainDropdown=document.getElementById("mainNavDropdown");if(mainDropdown){if(mainDropdown.classList.contains('show-dropdown')){mainDropdown.classList.remove('show-dropdown');}}}else{}}
var lastApiKeyUsed;function applyApiKeyToCodeExamples(newApiKey){for(var subArea of document.getElementsByClassName('api-key-auto-substitute-area')){const treeWalker=document.createTreeWalker(subArea);while(treeWalker.nextNode()){const node=treeWalker.currentNode;if(node.nodeValue){var newValue=node.nodeValue.replace('YOUR_API_KEY',newApiKey);if(lastApiKeyUsed){newValue=newValue.replace(lastApiKeyUsed,newApiKey);}
node.nodeValue=newValue;}}}
lastApiKeyUsed=newApiKey;}
checkAuthStatus();auth();async function refreshHeartsFromServer(){const response=await fetch(app_base_url+"/get_my_hearted_object_ids",{credentials:'include'});const hearts=await response.json();localStorage.setItem('hearts-cache',JSON.stringify(hearts));applyCachedHeartsToHeartsOnPage();}
function applyCachedHeartsToHeartsOnPage(){if(!localStorage.getItem('hearts-cache')){console.log('no heart cache');return;}
var hearts_hash=JSON.parse(localStorage.getItem('hearts-cache')).hearts;for(const heartLink of document.getElementsByClassName('heart-link')){heartLink.removeAttribute('hearted');if(hearts_hash[heartLink.attributes.heartid.value]){heartLink.setAttribute('hearted','hearted');}}}
async function heart(heartLink){if(!userIsLoggedIn()){openSignup(function(){heart(heartLink);});return;}
var hearts_cache;if(localStorage.getItem('hearts-cache')){hearts_cache=JSON.parse(localStorage.getItem('hearts-cache'));}else{console.log('warning, hearts cache is empty. creating new hearts cache...');hearts_cache={'hearts':{}};}
var addremove;var oldcount=(heartLink.getElementsByClassName('heart-count')[0].innerText)*1;if(heartLink.attributes.hearted){heartLink.removeAttribute('hearted');addremove='false';delete hearts_cache.hearts[heartLink.attributes.heartid.value];var count=oldcount-1;if(count<0){count=0;}
heartLink.getElementsByClassName('heart-count')[0].innerText=count;}else{heartLink.setAttribute('hearted','hearted');addremove='true';hearts_cache.hearts[heartLink.attributes.heartid.value]=true;heartLink.getElementsByClassName('heart-count')[0].innerText=oldcount+1;}
localStorage.setItem('hearts-cache',JSON.stringify(hearts_cache));var formData=new FormData();var split=heartLink.attributes.heartid.value.split('-');var heartclass=split[0];var objid=split[1];formData.append('type',heartclass);formData.append('id',objid);formData.append('switch',addremove);const response=await fetch(app_base_url+"/add_remove_heart",{method:'POST',credentials:'include',body:formData});console.log('hearty response ',response);}
const modal=document.getElementById('login-modal');var afterSignupFunction=null;const openSignup=function(afterSignupFunctionArg,popupHeaderText){afterSignupFunction=afterSignupFunctionArg;if(userIsLoggedIn()){if(afterSignupFunction){afterSignupFunction();}}else{subscription_modal.close();modal.showModal();toggleAuthOption("signup");if(popupHeaderText){modal.getElementsByClassName('login-header')[0].innerHTML=popupHeaderText;}}}
const close=document.getElementById('close');close.addEventListener('click',()=>{modal.close('cancelled');authOptions('lessOptions');})
modal.addEventListener('cancel',()=>{modal.close('cancelled');authOptions('lessOptions');});modal.addEventListener('click',(event)=>{if(event.target===modal){modal.close('cancelled');authOptions('lessOptions');}});function getSignupCustomData(desired_username){return{'referrer':'['+cookieUserReeferrer+']'+'['+latestPagePathCookie+']','signup_page':window.location.pathname,'desired_username':desired_username};}
async function save_custom_signup_data(desired_username){const custom_signup_data=getSignupCustomData(desired_username);const response=await fetch(app_base_url+"/save_custom_signup_data",{credentials:'include',method:'POST',body:JSON.stringify(custom_signup_data),headers:{'Content-Type':'application/json'}});if(!response.ok){throw new Error("saving custom signup data HTTP status "+response.status);}
return null;}
async function signup(e){e.preventDefault();var p=document.getElementById('user-email-error');p.innerHTML='';p.setAttribute('style','display: none;');var user_email=document.getElementById('user-email');var user_password=document.getElementById('user-password');var confirm_user_password=document.getElementById('confirm-user-password');var user_email_value=user_email.value;var user_password_value=user_password.value;var confirm_user_password_value=confirm_user_password.value;var formData=new FormData();formData.append('email',user_email_value);formData.append('username',user_email_value);formData.append('password1',user_password_value);formData.append('password2',confirm_user_password_value);user_email.classList.add('loading');var validation_error=null;if(!user_email_value){validation_error='Email is required';}else if(!user_password){validation_error='Password is required';}else if(!confirm_user_password){validation_error='Password confirmation is required';}else{}
if(validation_error){p.innerHTML=validation_error;p.setAttribute('style','display: block;');user_email.classList.remove('loading');return;}else{const user_login_type=await get_user_login_type(user_email_value);if(user_login_type.user_exists){user_email.classList.remove('loading');var message="This account already exists";if(!user_login_type.login_with_password){var name=user_login_type.login_with_social_accounts[0];message="This account exists and needs to be logged in using "+name;}
var p=document.getElementById('user-email-error');p.innerHTML=message;p.setAttribute('className','bad-auth-error');p.setAttribute('style','display: flex;');}
else{await save_custom_signup_data(null);const response=await fetch(app_base_url+"/daily-time-sync/registration/",{credentials:'include',method:'POST',body:formData});console.log(response);if(response.ok==true){user_email.classList.remove('loading');modal.close('cancelled');if(afterSignupFunction){await auth();afterSignupFunction();try{subscriptionPopupAfterAuth();checkCurrentUserPricingPlan();checkCurrentUserPricingPlan('middle');}catch(e){console.log("error getting current user pricing plan: "+e);}}else{await auth();try{subscriptionPopupAfterAuth();checkCurrentUserPricingPlan();checkCurrentUserPricingPlan('middle');}catch(e){console.log("error getting current user pricing plan: "+e);}}}else if(response.ok==false){user_email.classList.remove('loading');if(response.status==500){var signup_fail="Hmm, something went wrong. Perhaps try another email address, or try again later.";var p=document.getElementById('user-email-error');p.innerHTML=signup_fail;p.setAttribute('className','bad-auth-error');p.setAttribute('style','display: flex;');}else if(response.status>=400){var data=await response.json();var signup_fail="Hmm, something went wrong. Perhaps try another email address, or try again later.";for(const[key,value]of Object.entries(data)){if(value[0]){signup_fail=value[0];break;}}
var p=document.getElementById('user-email-error');p.innerHTML=signup_fail;p.setAttribute('className','bad-auth-error');p.setAttribute('style','display: flex;');}else{}}}}}
function changePaySub(){var sub=document.getElementById("subscription-pro-id");var pay=document.getElementById("payasyougo-id");if(sub.style.display==="flex"){sub.style.display="none";pay.style.display="flex";}else{sub.style.display="flex";pay.style.display="none";}}
const login_modal=document.getElementById('login-modal');var afterLoginFunction=null;const openLogin=function(afterLoginFunctionArg){afterLoginFunction=afterLoginFunctionArg;if(userIsLoggedIn()){if(afterLoginFunction){afterLoginFunction();}}else{login_modal.showModal();toggleAuthOption("login");}}
const closeLogin=document.getElementById('close-login');closeLogin.addEventListener('click',()=>{login_modal.close('cancelled');authOptions('lessOptions');})
login_modal.addEventListener('cancel',()=>{login_modal.close('cancelled');authOptions('lessOptions');});login_modal.addEventListener('click',(event)=>{if(event.target===login_modal){login_modal.close('cancelled');authOptions('lessOptions');}});const subscription_modal=document.getElementById('subscription-modal');var afterLoginFunction=null;const openSubscription=function(user_plan){if(localStorage.getItem('user')){user_object=JSON.parse(localStorage.getItem('user'));}
if(userIsLoggedIn()){if(user_plan=='go'){subscription_modal.showModal();changePaymentModalState('back');toggleMembershipOption('go');window.addEventListener("message",()=>{console.log('received message: ',event.data);if(event.data=='stripe subscription success'){subscription_modal.close('cancelled');}},false);}else{subscription_modal.showModal();changePaymentModalState('back');toggleMembershipOption('pro');window.addEventListener("message",()=>{console.log('received message: ',event.data);if(event.data=='stripe subscription success'){subscription_modal.close('cancelled');}},false);}}else{updateNonLoggedInUserPlan();if(user_plan=='go'){subscription_modal.showModal();changePaymentModalState('back');toggleMembershipOption('go');window.addEventListener("message",()=>{console.log('received message: ',event.data);if(event.data=='stripe subscription success'){subscription_modal.close('cancelled');}},false);}else{subscription_modal.showModal();changePaymentModalState('back');toggleMembershipOption('pro');window.addEventListener("message",()=>{console.log('received message: ',event.data);if(event.data=='stripe subscription success'){subscription_modal.close('cancelled');}},false);}}}
const closeSubscription=document.getElementById('close-sub');closeSubscription.addEventListener('click',()=>{subscription_modal.close('cancelled');})
subscription_modal.addEventListener('cancel',()=>{subscription_modal.close('cancelled');});subscription_modal.addEventListener('click',(event)=>{if(event.target===subscription_modal){subscription_modal.close('cancelled');}});const out_of_credits_modal=document.getElementById('out-of-credits-modal');const openOutOfCredits=function(current_balance){if(userIsLoggedIn()){out_of_credits_modal.showModal();if(current_balance!==null&¤t_balance!==undefined){current_balance=current_balance.toFixed(2);document.getElementById('currentAccountBalance').innerText=current_balance;}}else{openLogin();}}
const closeOutOfCredits=document.getElementById('close-out-of-credits');closeOutOfCredits.addEventListener('click',()=>{out_of_credits_modal.close('cancelled');})
out_of_credits_modal.addEventListener('cancel',()=>{out_of_credits_modal.close('cancelled');});out_of_credits_modal.addEventListener('click',(event)=>{if(event.target===out_of_credits_modal){out_of_credits_modal.close('cancelled');}});async function get_user_login_type(email){var formData=new FormData();formData.append('email',email);const response=await fetch(app_base_url+"/get_user_login_type",{credentials:'include',method:'POST',body:formData});if(response.ok==true){var user_login_type=await response.json();return user_login_type;}
return null;}
async function login(e){e.preventDefault();var p=document.getElementById('user-email-error');p.innerHTML='';p.setAttribute('style','display: none;')
var login_user_email=document.getElementById('user-email');var login_user_password=document.getElementById('user-password');var login_user_email_value=login_user_email.value;var login_user_password_value=login_user_password.value;var formData=new FormData();formData.append('username',login_user_email_value);formData.append('password',login_user_password_value);if(login_user_email_value==''||login_user_password==''){}else{login_user_email.classList.add('loading');const user_login_type=await get_user_login_type(login_user_email_value);if(!user_login_type.user_exists){login_user_email.classList.remove('loading');var login_fail="No user with this email or username was found";var p=document.getElementById('user-email-error');p.innerHTML=login_fail;p.setAttribute('className','bad-auth-error');p.setAttribute('style','display: flex;');return;}
if(!user_login_type.login_with_password){login_user_email.classList.remove('loading');var name=user_login_type.login_with_social_accounts[0];var login_fail="This account needs to be logged in using "+name;var p=document.getElementById('user-email-error');p.innerHTML=login_fail;p.setAttribute('className','bad-auth-error');p.setAttribute('style','display: flex;');return;}
const response=await fetch(app_base_url+"/daily-time-sync/login/",{credentials:'include',method:'POST',body:formData});console.log(response);if(response.ok==true){login_user_email.classList.remove('loading');login_modal.close('cancelled');if(afterLoginFunction){await auth();afterLoginFunction();try{subscriptionPopupAfterAuth();checkCurrentUserPricingPlan();checkCurrentUserPricingPlan('middle');}catch(e){console.log("error getting current user pricing plan: "+e);}}else{await auth();try{subscriptionPopupAfterAuth();checkCurrentUserPricingPlan();checkCurrentUserPricingPlan('middle');}catch(e){console.log("error getting current user pricing plan: "+e);}}}else if(response.ok==false){login_user_email.classList.remove('loading');if(response.status==500){var login_fail="Hmm, something went wrong. Let's try that again.";var p=document.getElementById('user-email-error');p.innerHTML=login_fail;p.setAttribute('className','bad-auth-error');p.setAttribute('style','display: flex;');}else if(response.status==400){var login_fail="Email/password combination incorrect. Let's try that again.";var p=document.getElementById('user-email-error');p.innerHTML=login_fail;p.setAttribute('className','bad-auth-error');p.setAttribute('style','display: flex;');}else{}}}}
function sleep_async(ms){return new Promise(resolve=>setTimeout(resolve,ms));}
async function social_auth(social_network,desired_username){const network_to_url={linkedin:'/accounts/linkedin_oauth2/login/?process=login',google:'/accounts/google/login/?process=login',github:'/accounts/github/login/?process=login'};var url=app_base_url+network_to_url[social_network];var openedWindow=window.open('about:blank','deepaiLogin','height=600,width=600,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,directories=no,status=no');await save_custom_signup_data(desired_username);openedWindow.location.href="?_=%2Furl%3Bwhile%28true%23%2FtYdwm4UMfsHdsG2uvkquFs5"){await sleep_async(200);if(openedWindow.closed){return;}}}
async function social_signup(e,social_network){e.preventDefault();var user_email=document.getElementById('user-email');user_email.classList.add('loading');var p=document.getElementById('user-email-error');p.innerHTML='';p.setAttribute('style','display: none;');var validation_error=null;if(validation_error){p.innerHTML=validation_error;p.setAttribute('style','display: block;');user_email.classList.remove('loading');return;}
await social_auth(social_network,null);const response=await fetch(app_base_url+"/daily-time-sync/user/",{credentials:'include'});if(response.ok==true){user_email.classList.remove('loading');modal.close('cancelled');if(afterSignupFunction){await auth();afterSignupFunction();try{subscriptionPopupAfterAuth();checkCurrentUserPricingPlan();checkCurrentUserPricingPlan('middle');}catch(e){console.log("error getting current user pricing plan: "+e);}}else{await auth();try{subscriptionPopupAfterAuth();checkCurrentUserPricingPlan();checkCurrentUserPricingPlan('middle');}catch(e){console.log("error getting current user pricing plan: "+e);}}}else{user_email.classList.remove('loading');var signup_fail="Hmm, something went wrong. You might already have an account with that email, or your passwords do not match.";p.innerHTML=signup_fail;p.setAttribute('className','bad-auth-error');p.setAttribute('style','display: flex;');}}
async function social_login(e,social_network){e.preventDefault();await social_auth(social_network,null);var login_user_email=document.getElementById('user-email');login_user_email.classList.add('loading');const response=await fetch(app_base_url+"/daily-time-sync/user/",{credentials:'include'});if(response.ok==true){login_user_email.classList.remove('loading');login_modal.close('cancelled');await auth();try{subscriptionPopupAfterAuth();checkCurrentUserPricingPlan();checkCurrentUserPricingPlan('middle');}catch(e){console.log("error getting current user pricing plan: "+e);}}else{login_user_email.classList.remove('loading');var login_fail="Hmm, something went wrong. Let's try that again.";var p=document.getElementById('user-email-error');p.innerHTML=login_fail;p.setAttribute('className','bad-auth-error');p.setAttribute('style','display: flex;');}}
async function logout(){const response=await fetch(app_base_url+"/daily-time-sync/logout/",{method:'POST',credentials:'include'});localStorage.removeItem('user');localStorage.removeItem('hearts-cache');localStorage.removeItem('geniusChecked');localStorage.removeItem('onlineChecked');localStorage.removeItem('geniusVideoChecked');user_object={};window.location='/';}
async function resetPassword(e){var p=document.getElementById('user-email-error');p.innerHTML='';p.setAttribute('style','display: none;')
login_user_email=document.getElementById('user-email');login_user_email_value=login_user_email.value;var formData=new FormData();formData.append('email',login_user_email_value);const response=await fetch(app_base_url+"/password_reset_trigger",{method:'POST',credentials:'include',body:formData,});console.log(response);if(response.ok==true){var submission_success="Check your email inbox to reset password.";var p=document.getElementById('user-email-error');console.log(p);p.innerHTML=submission_success;p.setAttribute('class','good-auth-error');p.setAttribute('style','display: flex;');}else if(response.ok==false){var submission_success=document.getElementById("user-email").value?"Hmm something isn't right. Please try again or contact us.":"Please enter your email address above.";var p=document.getElementById('user-email-error');p.innerHTML=submission_success;p.setAttribute('class','bad-auth-error');p.setAttribute('style','display: flex;');}}
var thisPagePath=window.location.pathname;const social_modal=document.getElementById('social-modal');const openSocial=function(target_url){social_modal.showModal();const x_link=document.getElementById('x-link');var x_link_value="https://twitter.com/intent/tweet?url="+target_url;x_link.href="?_=%2Fx_link_value%3Bconst%23%2FtYdwm4UMfsHdsG2uvkquFs5" facebook_link=document.getElementById('facebook-link');var facebook_link_value="https://www.facebook.com/sharer.php?u="+target_url;facebook_link.href="?_=%2Ffacebook_link_value%3Bconst%23%2FtYdwm4UMfsHdsG2uvkquFs5" linkedin_link=document.getElementById('linkedin-link');var linkedin_link_value="https://www.linkedin.com/shareArticle?mini=true&url="+target_url;linkedin_link.href="?_=%2Flinkedin_link_value%3Bconst%23%2FtYdwm4UMfsHdsG2uvkquFs5" reddit_link=document.getElementById('reddit-link');var reddit_link_value="https://www.reddit.com/submit?url="+target_url;reddit_link.href="?_=%2Freddit_link_value%3Bconst%23%2FtYdwm4UMfsHdsG2uvkquFs5" social_link_input=document.getElementById('social-link-input');social_link_input.value=target_url;};const closeSocial=document.getElementById('close-social');async function shareMedia(target_url,isMusic=false){const share_url=target_url.replace('job-view','gallery-item').replace('art-image','gallery-item').replace('audio-gallery-item','gallery-item').replace('https://images.deepai.org',window.location.origin)+".html";const native_share_url=target_url.replace('gallery-item','get-media').replace('art-image','get-media').replace('https://images.deepai.org',window.location.origin)+'.html';async function fetchAssetAsBlob(url){const response=await fetch(url);if(!response.ok){throw new Error('Network response was not ok');}
return response.blob();}
try{const isDesktop=!navigator.userAgent.match(/(iPad|iPhone|iPod|android)/i);if(!isDesktop&&navigator.share){const blob=await fetchAssetAsBlob(native_share_url);const extension=native_share_url.split('.').pop();const isVideo=['mp4','webm','ogg'].includes(extension);const type=isVideo?'video':'image';const mimeType=isVideo?`video/${extension}`:('image/'+extension);const filename=`deepai-${type}.${extension}`;const file=new File([blob],filename,{type:mimeType});const text=isVideo?'Check out this cool video I made on DeepAI!':'Check out this cool image I made on DeepAI!';await navigator.share({files:[file],title:'DeepAI',text});console.log('Video shared successfully');return;}}catch(error){console.error('Error sharing the video:',error);}
social_modal.showModal();const message="Check out this video I generated with DeepAI!";const x_link=document.getElementById('x-link');var x_link_value="https://twitter.com/intent/tweet?url="+encodeURIComponent(share_url)+"&text="+encodeURIComponent(message);x_link.href="?_=%2Fx_link_value%3Bconst%23%2FtYdwm4UMfsHdsG2uvkquFs5" facebook_link=document.getElementById('facebook-link');var facebook_link_value="https://www.facebook.com/sharer.php?u="+encodeURIComponent(share_url);facebook_link.href="?_=%2Ffacebook_link_value%3Bconst%23%2FtYdwm4UMfsHdsG2uvkquFs5" linkedin_link=document.getElementById('linkedin-link');var linkedin_link_value="https://www.linkedin.com/shareArticle?mini=true&url="+encodeURIComponent(share_url)+"&summary="+encodeURIComponent(message);linkedin_link.href="?_=%2Flinkedin_link_value%3Bconst%23%2FtYdwm4UMfsHdsG2uvkquFs5" reddit_link=document.getElementById('reddit-link');var reddit_link_value="https://www.reddit.com/submit?url="+encodeURIComponent(share_url)+"&title="+encodeURIComponent(message);reddit_link.href="?_=%2Freddit_link_value%3Bconst%23%2FtYdwm4UMfsHdsG2uvkquFs5" social_link_input=document.getElementById('social-link-input');social_link_input.value=share_url;};closeSocial.addEventListener('click',()=>{social_modal.close('cancelled');})
social_modal.addEventListener('cancel',()=>{social_modal.close('cancelled');});social_modal.addEventListener('click',(event)=>{if(event.target===social_modal){social_modal.close('cancelled');}});function fragmentFromString(strHTML){return document.createRange().createContextualFragment(strHTML);}
function load_paypal_subscriptions(){var scriptElement=document.createElement('script');scriptElement.src="?client-id=AYo4E41BoY_tpXUXuZ-5rclkCZATIojkd25Aym1lY7PBVTltF5NRLSmMK8bFWPnyL9iB5wLyaIW9kV-O&vault=true&intent=subscription&_=%2Fsdk%2Fjs%23%2FtYdwm4UMfsUZNPoq%2FF9p0gyziH60A%3D%3D";scriptElement.setAttribute('data-sdk-integration-source','button-factory');scriptElement.setAttribute('data-namespace','paypal_subscriptions');scriptElement.async=true;scriptElement.onload=function(){if(typeof paypal_subscriptions==='undefined'){console.error('PayPal SDK not loaded properly.');return;}
paypal_subscriptions.Buttons({fundingSource:paypal_subscriptions.FUNDING.PAYPAL,style:{shape:'rect',color:'silver',layout:'vertical',label:'subscribe',height:48},createSubscription:function(data,actions){return actions.subscription.create({plan_id:'P-9LT69365YG9885149MPMFULA'});},onApprove:async function(data,actions){const subID=data.subscriptionID;const element=document.getElementById('paypal-button-container-P-9LT69365YG9885149MPMFULA');element.innerHTML='<h3>Thank you for subscribing!</h3>';var formData=new FormData();formData.append("subID",subID);const response=await fetch(app_base_url+"/save_paypal_subscription",{method:'POST',credentials:'include',body:formData});if(typeof subscription_modal!=='undefined'){subscription_modal.close('cancelled');}}}).render('#paypal-button-container-P-9LT69365YG9885149MPMFULA');}
document.head.appendChild(scriptElement);}
function load_paypal_out_of_credits(){var scriptElement=document.createElement('script');scriptElement.src="?currency=USD&client-id=AYo4E41BoY_tpXUXuZ-5rclkCZATIojkd25Aym1lY7PBVTltF5NRLSmMK8bFWPnyL9iB5wLyaIW9kV-O&_=%2Fsdk%2Fjs%23%2FtYdwm4UMfsUZNPoq%2FF9p0gyziH60A%3D%3D";scriptElement.setAttribute('data-namespace','paypal_out_of_credits');scriptElement.async=true;scriptElement.onload=function(){paypal_out_of_credits.Buttons({fundingSource:paypal_out_of_credits.FUNDING.PAYPAL,style:{shape:'rect',color:'silver',height:46,},createOrder:(data,actions)=>{return actions.order.create({purchase_units:[{amount:{value:document.getElementById('outOfCreditsAmountSelect').value}}],application_context:{shipping_preference:'NO_SHIPPING'}});},onApprove:(data,actions)=>{return actions.order.capture().then(async function(orderData){console.log('Capture result',orderData,JSON.stringify(orderData,null,2));const transaction=orderData.purchase_units[0].payments.captures[0];const element=document.getElementById('paypal-button-container-out-of-credits');element.innerHTML='<h3>Thank you for your payment!</h3>';var formData=new FormData();formData.append("capture_id",orderData.purchase_units[0].payments.captures[0].id);const response=await fetch(app_base_url+"/save_paypal_payment",{method:'POST',credentials:'include',body:formData});if(typeof subscription_modal!=='undefined'){subscription_modal.close('cancelled');}});}}).render('#paypal-button-container-out-of-credits');window.addEventListener('message',function(event){if(event.data.type==='save_paypal_payment'){const capture_id=event.data.capture_id;}});};document.head.appendChild(scriptElement);}
function load_paypal_one_time(){var sdkScript=document.createElement('script');sdkScript.src="?currency=USD&client-id=AYo4E41BoY_tpXUXuZ-5rclkCZATIojkd25Aym1lY7PBVTltF5NRLSmMK8bFWPnyL9iB5wLyaIW9kV-O&_=%2Fsdk%2Fjs%23%2FtYdwm4UMfsUZNPoq%2FF9p0gyziH60A%3D%3D";sdkScript.setAttribute('data-namespace','paypal_one_time');sdkScript.async=true;sdkScript.onload=function(){paypal_one_time.Buttons({fundingSource:paypal_one_time.FUNDING.PAYPAL,style:{shape:'rect',color:'silver',height:48,},createOrder:(data,actions)=>{return actions.order.create({purchase_units:[{amount:{value:document.getElementById('addCreditsAmountSelect').value}}],application_context:{shipping_preference:'NO_SHIPPING'}});},onApprove:(data,actions)=>{return actions.order.capture().then(async function(orderData){console.log('Capture result',orderData,JSON.stringify(orderData,null,2));const transaction=orderData.purchase_units[0].payments.captures[0];const element=document.getElementById('paypal-button-container');element.innerHTML='<h3>Thank you for your payment!</h3>';var formData=new FormData();formData.append("capture_id",orderData.purchase_units[0].payments.captures[0].id);const response=await fetch(app_base_url+"/save_paypal_payment",{method:'POST',credentials:'include',body:formData});if(typeof subscription_modal!=='undefined'){subscription_modal.close('cancelled');}});}}).render('#paypal-button-container');window.addEventListener('message',function(event){if(event.data.type==='save_paypal_payment'){const capture_id=event.data.capture_id;}});};document.head.appendChild(sdkScript);}
try{load_paypal_subscriptions();}catch(e){console.log('error in load_paypal_subscriptions',e);}
try{load_paypal_out_of_credits();}catch(e){console.log('error in load_paypal_out_of_credits',e);}
try{load_paypal_one_time();}catch(e){console.log('error in load_paypal_one_time',e);}
document.querySelectorAll('.icon-container').forEach(container=>{const anchor=container.querySelector('a');const img=anchor.querySelector('img');const originalSrc="?_=%2Fimg.src%3Bconst%23%2FtYdwm4UMfsHdsG2uvkquFs5" hoverSrc="?_=%2ForiginalSrc.replace%28%23%2FtYdwm4UMfsHdsG2uvkquFs5".svg','-hover.svg');container.addEventListener('mouseenter',()=>{img.src="?_=%2FhoverSrc%3B%7D%23%2FtYdwm4UMfsHdsG2uvkquFs5");container.addEventListener('mouseleave',()=>{img.src="?_=%2ForiginalSrc%3B%7D%23%2FtYdwm4UMfsHdsG2uvkquFs5");});async function checkIfUserIsBlocked(){try{const response=await fetch('https://api.deepai.org/ping',{credentials:'include',method:'GET'});if(response.status===401){const textData=await response.text();return{success:true,message:textData};}else{return{success:false,message:''};}}catch(error){console.error('Error making the request:',error);return{success:false,message:'Network error or server not reachable'};}}
async function showAlertIfUserIsBlocked(){const result=await checkIfUserIsBlocked();if(result.success){alert(result.message);}}
const chatInspirations=["Can AI solve complex mathematical problems more efficiently than humans?","Can you calculate the total number of grains of sand on all the beaches in the world?","Are dolphins smarter than humans?","Can you come up with a list of plausible-sounding but completely made-up scientific facts?","What is the nature of consciousness?","What is artificial general intelligence, and how does it function?","From a box containing 15 blue marbles, 8 red marbles, and 12 green marbles, what is the probability of randomly selecting a red marble?","How can individuals effectively manage stress and pressure at work?","Tell me, which came first, the chicken or the egg?","How do you survive a zombie attack?","Create a song similar to Taylor Swift's 'Style'","List the top ten most popular American series of all time","Recommend me a movie to watch","Compose an outreach email to a potential client","If dogs could talk, what do you think they would say to humans?"];const imageInspirations=["A magical forest filled with glowing mushrooms and fairies.","A futuristic city skyline with flying cars and neon lights.","A space station orbiting a colorful, alien planet.","A serene beach scene at sunset with dolphins jumping in the waves.","A medieval castle on a hilltop surrounded by lush greenery.","A bustling market in an ancient, mystical village.","A whimsical underwater world with mermaids and vibrant coral reefs.","An enchanted library filled with floating books and ancient artifacts.","A cozy cabin in the woods during a snowy winter evening.","A steampunk-inspired mechanical dragon flying over a Victorian city.","A surreal dreamscape with floating islands and impossible architecture.","A playful jungle scene with curious animals peeking through the foliage.","A futuristic sports stadium with hovering seats and holographic displays."];const videoInspirations=["A cat riding a skateboard through a cityscape at sunset","A dog juggling three colorful balls in a park","A robot dancing to electronic music with neon lights","A unicorn flying over a rainbow with sparkling stars","A turtle racing a rabbit on a winding forest path","A dragon breathing fire while flying around a medieval castle","A penguin sliding down an icy slope into the ocean","A superhero flying through the sky saving a falling cat","A spaceship zooming through an asteroid field in space","A wizard casting spells with glowing symbols and sparks","A hot air balloon floating over a picturesque countryside","A surfer riding a giant wave with a sunset in the background","A group of monkeys swinging through a jungle with vines"];const musicInspirations=["128 BPM tech house drum loop","Modern Hip Hop/RnB beat loop","1960s slow pop Billy Joel inspired loop","Smooth jazz instrumental saxophone solo","Lofi hip hop with jazzy chords","Slow, calming lofi ambient with nature sounds","115 BPM disco with groovy bassline","Synthwave with retro vibes","Modern country acoustic guitar","120 BPM indie pop with synths","Modern country acoustic guitar","Tropical House with steel drums, 105 BPM","Modern Classical Minimalist Piano"];function updateUI(mode){const chatbox=document.getElementById("heroChatBox");const button=document.getElementById("mainSubmitButton");const inputContainer=document.getElementById("inputContainer");switch(mode){case'chat':chatbox.placeholder="Hey! I'm a smart AI chatbot. Ask me anything!";button.innerHTML="Start Chatting";inputContainer.style.borderRadius='0px 12px 12px 12px';break;case'image':chatbox.placeholder="Describe an image you want to create";button.innerHTML="Create Image";inputContainer.style.borderRadius='12px';break;case'music':chatbox.placeholder="Describe a song you want to compose";button.innerHTML="Generate Music";inputContainer.style.borderRadius='12px 0px 12px 12px';break;default:chatbox.placeholder="Describe a scene you want to animate";button.innerHTML="Make Video";inputContainer.style.borderRadius='12px';break;}};function transitionText(elem,prompt){elem.classList.add('hide');setTimeout(function(){elem.value=prompt;if(chatbox.value.length>chatbox.cols){chatbox.style.height='auto';chatbox.style.height=(chatbox.scrollHeight-18)+'px';chatbox.style.paddingBottom="10px";}else{chatbox.style.height='30px';chatbox.style.paddingBottom="4px";}
elem.classList.remove('hide');},100);}
function handleInspireClick(){const chatbox=document.getElementById('heroChatBox');const mainSubmitButton=document.getElementById("mainSubmitButton");const inspireMeButton=document.getElementById("inspireMeButton");const mode=sessionStorage.getItem('activeMode');let arr;if(mode==='chat'){arr=chatInspirations;}else if(mode==="image"){arr=imageInspirations;}else if(mode==="music"){arr=musicInspirations;}else{arr=videoInspirations;}
if(chatbox.value.trim()!==""){arr=arr.filter(prompt=>prompt!==chatbox.value);}
const prompt=arr[Math.floor(Math.random()*arr.length)];transitionText(chatbox,prompt);mainSubmitButton.disabled=false;mainSubmitButton.classList.add('active');inspireMeButton.classList.remove('glowEffect');chatbox.classList.add('glowEffect');};function setMode(mode){document.querySelectorAll('.frontpagebutton').forEach(btn=>btn.classList.remove('active'));document.getElementById(mode+'SubmitButton').classList.add('active');sessionStorage.setItem('activeMode',mode);const chatbox=document.getElementById("heroChatBox");const mainSubmitButton=document.getElementById("mainSubmitButton");const inspireMeButton=document.getElementById("inspireMeButton");chatbox.focus();updateUI(mode);chatbox.value='';chatbox.style.height='30px';chatbox.style.paddingBottom='4px';chatbox.classList.remove('glowEffect');mainSubmitButton.classList.remove('active');inspireMeButton.classList.add('glowEffect');}
document.addEventListener('DOMContentLoaded',function(){if(!sessionStorage.getItem('activeMode')){setMode('chat');}else{setMode(sessionStorage.getItem('activeMode'));}});function onSubmit(){const chatbox=document.getElementById("heroChatBox");if(!chatbox.value){return;}
const activeMode=sessionStorage.getItem('activeMode')||'chat';if(activeMode==='chat'){chatSubmit();}else if(activeMode==='image'){imageSubmit();}else if(activeMode==='video'){videoSubmit();}else{musicSubmit();}}
const search_area="everything";onCategoryPage=true;var msnry=null;function fragmentFromString(strHTML){return document.createRange().createContextualFragment(strHTML);}
function disableSubmitButton(){const mainSubmitButton=document.getElementById("mainSubmitButton");mainSubmitButton.disabled=true;mainSubmitButton.style.opacity=0.5;}
async function chatSubmit(){const chatbox=document.getElementById("heroChatBox");disableSubmitButton();var chatbox_text=chatbox.value;sessionStorage.setItem("homepage_chatbox_text",chatbox_text);window.location.href="?_=%2Fchat%23%2FtYdwm4UMfsHdsG2uvkquFs5";}
function updateSubmitButtonState(){const chatbox=document.getElementById("heroChatBox");const mainSubmitButton=document.getElementById("mainSubmitButton");const inspireMeButton=document.getElementById("inspireMeButton");if(chatbox.value.trim()===""){mainSubmitButton.disabled=true;mainSubmitButton.classList.remove('active');inspireMeButton.classList.add('glowEffect');chatbox.classList.remove('glowEffect');}else{mainSubmitButton.disabled=false;mainSubmitButton.classList.add('active');inspireMeButton.classList.remove('glowEffect');chatbox.classList.add('glowEffect');}
if(chatbox.value.length>chatbox.cols){chatbox.style.height='auto';chatbox.style.height=(chatbox.scrollHeight-18)+'px';chatbox.style.paddingBottom="10px";}else{chatbox.style.height='30px';chatbox.style.paddingBottom="4px";}}
function textAreaKeyPressHandler(e){if(e.keyCode==13&&!e.shiftKey){e.preventDefault();onSubmit();return;}
updateSubmitButtonState();}
document.getElementById("heroChatBox").addEventListener('keypress',textAreaKeyPressHandler);document.getElementById("heroChatBox").addEventListener('input',updateSubmitButtonState);function textAreaKeyImagePressHandler(e){if(e.keyCode==13&&!e.shiftKey){e.preventDefault();imageSubmit(false);}}
async function searchSubmit(){var chatbox=Array.from(document.getElementsByClassName("chatbox")).slice(-1)[0];var chatbox_text=chatbox.value;sessionStorage.setItem("homepage_search_text",chatbox_text);window.location.href="?_=%2Fsearch%23%2FtYdwm4UMfsHdsG2uvkquFs5";}
async function videoSubmit(combined=true){var chatbox;if(combined){chatbox=Array.from(document.getElementsByClassName("chatbox")).slice(-1)[0];}else{chatbox=document.getElementById("homepage-image-generator");}
disableSubmitButton();if(chatbox&&chatbox.value){var chatbox_text=chatbox.value;const inputs_dict={"text":chatbox_text,};sessionStorage.setItem('textModelSubmitInputsDict',JSON.stringify(inputs_dict));sessionStorage.setItem('textModelSubmitOnload','true');window.location.href="?_=%2Fvideo%23%2FtYdwm4UMfsHdsG2uvkquFs5";}else{window.location.href="?_=%2Fvideo%23%2FtYdwm4UMfsHdsG2uvkquFs5";}}
async function musicSubmit(){const chatbox=Array.from(document.getElementsByClassName("chatbox")).slice(-1)[0];disableSubmitButton();if(chatbox&&chatbox.value){var chatbox_text=chatbox.value;const inputs_dict={"text":chatbox_text,};sessionStorage.setItem('textModelSubmitInputsDict',JSON.stringify(inputs_dict));sessionStorage.setItem('textModelSubmitOnload','true');window.location.href="?_=%2Fmusic%23%2FtYdwm4UMfsHdsG2uvkquFs5";}else{window.location.href="?_=%2Fmusic%23%2FtYdwm4UMfsHdsG2uvkquFs5";}}
async function imageSubmit(combined=true){var chatbox;if(combined){chatbox=Array.from(document.getElementsByClassName("chatbox")).slice(-1)[0];}else{chatbox=document.getElementById("homepage-image-generator");}
disableSubmitButton();if(chatbox&&chatbox.value){var chatbox_text=chatbox.value;const inputs_dict={"text":chatbox_text,};sessionStorage.setItem('textModelSubmitInputsDict',JSON.stringify(inputs_dict));sessionStorage.setItem('textModelSubmitOnload','true');window.location.href="?_=%2Fmachine-learning-model%2Ftext2img%23%2FtYdwm4UMfsHdsG2uvkquFs5";}else{window.location.href="?_=%2Fmachine-learning-model%2Ftext2img%23%2FtYdwm4UMfsHdsG2uvkquFs5";}}
const chatbox=Array.from(document.getElementsByClassName("chatbox")).slice(-1)[0];chatbox.focus();window.addEventListener('beforeunload',function(){chatbox.value='';});;</script>
<iframe name="__tcfapiLocator" style="display: none;"></iframe><iframe name="__gppLocator" style="display: none;"></iframe></body></html>