Check server response of
Server response
NS records
Whois domain
301 Moved Permanently - 13bbc.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Content-Type: text/plain; charset=utf-8
Date: Sun, 18 May 2025 12:24:04 GMT
Location: https://13bbc.com/
Server: Netlify
X-Nf-Request-Id: 01JVHNKVV45WF2GMEYW66AM4M8
Content-Length: 33
HTTP Code 301 Moved Permanently
301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
When is Code 301 used?
- When changing a website domain
- When modifying URL structures
- When setting up redirects for SEO
What does Code 301 mean for the user?
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 OK - https://13bbc.com/
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Age: 0
Cache-Status: "Netlify Edge"; fwd=miss
Content-Type: text/html;charset=UTF-8
Date: Sun, 18 May 2025 12:24:04 GMT
Etag: W/"102f4-lsnm8NCNiX15VX0f94PdqiJAOGI"
Server: Netlify
Strict-Transport-Security: max-age=31536000
Vary: Accept-Encoding
X-Nf-Request-Id: 01JVHNKW4KYAVAMASRX7S931H1
Transfer-Encoding: chunked
HTTP Code 200 OK
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
When is Code 200 used?
- When loading a web page
- When successfully receiving an API response
- When processing a form or another HTTP request
What does Code 200 mean for the user?
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: 13bbc.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="https://www.13bbc.com">
<meta name="description" content="A one of a kind AVN set to revive old genres and define new ones.">
<meta name="keywords" content="developer, creator, porn, game, netorare, cuckold, 13 Basic Blunders to Cuckening, BullyFucksMyMom, 13 BBC, F95zone">
<meta property="og:title" content="13 Basic Blunders to Cuckening">
<meta property="og:description" content="A one-of-a-kind AVN set to revive old genres and define new ones.">
<meta property="og:image" content="https://www.13bbc.com/assets/images/posters/poster3.jpg">
<meta property="og:url" content="https://www.13bbc.com">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="13 Basic Blunders to Cuckening">
<meta name="twitter:description" content="A one of a kind AVN set to revive old genres and define new ones.">
<meta name="twitter:image" content="https://www.13bbc.com/assets/images/posters/poster3.jpg">
<meta name="twitter:site" content="@Liturgy455998">
<title>13 BBC</title>
<link rel="stylesheet" href="assets/css/fontfaces.css">
<link rel="stylesheet" href="assets/css/root.css">
<link rel="stylesheet" href="assets/css/tailwind.min.css">
<link rel="stylesheet" href="assets/css/vanillaRoulette.min.css">
<link rel="stylesheet" href="assets/css/compendium_styles.css">
<link rel="stylesheet" href="assets/css/vendor.css">
<link rel="stylesheet" href="assets/css/images.css">
<link rel="stylesheet" href="assets/css/call-interface.css">
<link rel="stylesheet" href="assets/css/slider-style.css">
<link rel="stylesheet" href="assets/css/ink-styles.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/custom.css">
<link rel="stylesheet" href="assets/css/chat-style.css">
<link rel="stylesheet" href="assets/css/settings.css">
<link rel="stylesheet" href="assets/css/media.css">
<link rel="shortcut icon" type="image/png" href="assets/svg/icons/android-chrome-512x512.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/svg/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/svg/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/svg/icons/favicon-16x16.png">
<link v-if="game.online" rel="manifest" href="assets/site.webmanifest">
</head>
<!-- Google tag (gtag.js) -->
<body>
<div class="_audio"></div>
<div id="gameFrame">
<div class="game h-full flex flex-col">
<div :class="{'active': !game.mainMenu}" class="game_header flex justify-between items-center">
<div v-if="player.gameplay == 'ADV'" :class="{'active': player.skipping && !game.mainMenu}" class="Header-Skipping leading-none flex items-center" style="font-family: 'Nunito Sans'; font-size: 18; font-weight: 500">
<img src="assets/svg/crown.svg" style="margin-right: 10px; height: 15px">
Skipping
<span v-if="!player.cheatMode"> available in Premium mode</span>
<span :class="{'arrows--five': player.skipping}" class="arrows flex px-1" style="margin-left: 10px">
<img class="w-3" style="width: 12px" src="assets/svg/chevron.svg">
<img class="w-3" style="width: 12px" src="assets/svg/chevron.svg">
<img class="w-3" style="width: 12px" src="assets/svg/chevron.svg">
<img class="w-3" style="width: 12px" src="assets/svg/chevron.svg">
<img class="w-3" style="width: 12px" src="assets/svg/chevron.svg">
</span>
</div>
<div v-if="player.gameplay == 'sandbox'" class="Left" style="
justify-content: flex-start;
align-items: flex-end;
gap: 46px;
display: flex;
">
<div class="LevelBar" style="
width: 65px;
justify-content: space-between;
align-items: flex-end;
display: flex;
">
<div style="
line-height: 1;
color: #7dff68;
font-size: 26px;
font-family: Big Shoulders Display;
font-weight: 743;
text-transform: uppercase;
letter-spacing: 1.95px;
word-wrap: break-word;
">
{{player.level}}
</div>
<div class="Level" style="
line-height: 1;
opacity: 0.6;
color: white;
font-size: 16px;
font-family: Big Shoulders Display;
font-weight: 743;
text-transform: uppercase;
letter-spacing: 1.2px;
word-wrap: break-word;
">
Level
</div>
</div>
<div class="CoinBar" style="
width: 145px;
justify-content: flex-start;
align-items: flex-end;
gap: 13px;
display: flex;
">
<div class="Coiniconframe" style="width: 33px; height: 33px; position: relative">
<img class="Coin" style="
width: 31.94px;
height: 31.94px;
left: 0px;
top: 0px;
position: absolute;
" src="assets/svg/Coin.svg">
<img class="Plus" style="
width: 14.9px;
height: 14.9px;
left: 18.1px;
top: 18.1px;
position: absolute;
" src="assets/svg/Plus.svg">
</div>
<div class="CoinCounter" style="
justify-content: flex-start;
align-items: flex-end;
gap: 6px;
display: flex;
">
<div class="CoinNum" style="
line-height: 1;
width: 58px;
color: #7dff68;
font-size: 26px;
font-family: Big Shoulders Display;
font-weight: 743;
text-transform: uppercase;
letter-spacing: 1.95px;
word-wrap: break-word;
">
{{player.crypto}}
</div>
<div class="Coins" style="
line-height: 1;
opacity: 0.6;
color: white;
font-size: 16px;
font-family: Big Shoulders Display;
font-weight: 743;
text-transform: uppercase;
letter-spacing: 1.2px;
word-wrap: break-word;
">
coins
</div>
</div>
</div>
<div class="GemBar" style="
width: 145px;
justify-content: flex-start;
align-items: flex-end;
gap: 13px;
display: flex;
">
<div class="GemIconFrame" style="width: 33px; height: 33px; position: relative">
<img class="Gem" style="
width: 31.94px;
height: 31.94px;
left: 0px;
top: 0px;
position: absolute;
" src="assets/svg/cash.png">
<img class="Plus" style="
width: 14.9px;
height: 14.9px;
left: 18.1px;
top: 18.1px;
position: absolute;
" src="assets/svg/Plus.svg">
</div>
<div class="GemCounter" style="
justify-content: flex-start;
align-items: flex-end;
gap: 6px;
display: flex;
">
<div class="GemNum" style="
line-height: 1;
width: 58px;
color: #7dff68;
font-size: 26px;
font-family: Big Shoulders Display;
font-weight: 743;
text-transform: uppercase;
letter-spacing: 1.95px;
word-wrap: break-word;
">
{{player.cash}}
</div>
<div class="Gems" style="
line-height: 1;
opacity: 0.6;
color: white;
font-size: 16px;
font-family: Big Shoulders Display;
font-weight: 743;
text-transform: uppercase;
letter-spacing: 1.2px;
word-wrap: break-word;
">
cash
</div>
</div>
</div>
</div>
<div class="flex gap-2">
<div :class="{'hidden': !player.location}" class="locationStr flex items-start leading-none" style="margin-right: 23px">
<span style="
color: #7a7a7a;
font-size: 14px;
font-family: Iceland;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1.05px;
word-wrap: break-word;
">Location: </span><span style="
color: white;
font-size: 14px;
font-family: Iceland;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1.05px;
word-wrap: break-word;
">{{player.location}}</span>
</div>
<div :class="{'hidden': !player.date}" class="dateStr flex items-start leading-none" style="margin-right: 23px">
<span style="
color: #7a7a7a;
font-size: 14px;
font-family: Iceland;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1.05px;
word-wrap: break-word;
">Date: </span><span style="
color: white;
font-size: 14px;
font-family: Iceland;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1.05px;
word-wrap: break-word;
">{{player.date}}</span>
</div>
<div :class="{'hidden': !player.time}" class="timeStr TimeMorning flex items-start leading-none" style="margin-right: 23px">
<span style="
color: #7a7a7a;
font-size: 14px;
font-family: Iceland;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1.05px;
word-wrap: break-word;
">Time: </span><span style="
color: white;
font-size: 14px;
font-family: Iceland;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1.05px;
word-wrap: break-word;
">
{{player.time}}</span>
</div>
<div @click="mainMenu()" @mouseenter="enJin.audioController.play('cardHover')" class="text-white tut">
Menu
</div>
<div @click="enJin.audioController.globalMuteToggle(), settings.audioEnabled = !settings.audioEnabled" @mouseenter="enJin.audioController.play('cardHover')" class="cursor-pointer-all">
<svg :class="{'hidden': !settings.audioEnabled}" width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.29759 2.25384C9.29759 0.447409 7.27617 -0.622518 5.78239 0.393253L1.61787 3.22512C0.605804 3.91333 0 5.05787 0 6.28177C0 7.50566 0.605804 8.6502 1.61787 9.33841L5.78239 12.1703C7.27617 13.1861 9.29759 12.1161 9.29759 10.3097V2.25384ZM6.62585 1.63364C7.12378 1.29505 7.79759 1.6517 7.79759 2.25384V10.3097C7.79759 10.9118 7.12378 11.2685 6.62585 10.9299L2.46134 8.09802C1.85997 7.68909 1.5 7.009 1.5 6.28177C1.5 5.55453 1.85997 4.87444 2.46134 4.46551L6.62585 1.63364ZM10.2283 3.31411C10.1558 3.29494 10.1166 3.29037 10.1072 3.28928C10.1044 3.28895 10.1043 3.28894 10.107 3.28894V1.78894C10.4133 1.78894 10.7969 1.89961 11.158 2.05748C11.5415 2.22516 11.977 2.47985 12.39 2.8356C13.2261 3.55596 13.976 4.70117 13.976 6.3345C13.976 7.97109 13.2228 9.0947 12.3774 9.7913C11.9612 10.1342 11.5235 10.3743 11.14 10.5302C10.7753 10.6784 10.3999 10.7746 10.107 10.7746V9.27462C10.1067 9.27462 10.1069 9.27461 10.1076 9.27456H10.1076L10.1076 9.27456C10.1137 9.2741 10.158 9.27083 10.2437 9.25009C10.3324 9.22861 10.4456 9.19322 10.5751 9.1406C10.8349 9.03499 11.1379 8.869 11.4235 8.63364C11.9816 8.17377 12.476 7.45232 12.476 6.3345C12.476 5.21341 11.9783 4.46084 11.4109 3.97203C11.1221 3.7232 10.8168 3.54544 10.557 3.43184C10.4275 3.37519 10.3152 3.3371 10.2283 3.31411ZM11.6665 6.28178C11.6665 4.72227 10.107 4.41036 10.107 4.41036V8.1532C10.107 8.1532 11.6665 7.8413 11.6665 6.28178Z" fill="var(--primary-clr)"></path>
</svg>
<svg :class="{'hidden': settings.audioEnabled}" width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.29759 2.25384C9.29759 0.447409 7.27617 -0.622518 5.78239 0.393253L1.61787 3.22512C0.605804 3.91333 0 5.05787 0 6.28177C0 7.50566 0.605804 8.6502 1.61787 9.33841L5.78239 12.1703C7.27617 13.1861 9.29759 12.1161 9.29759 10.3097V2.25384ZM6.62585 1.63364C7.12378 1.29505 7.79759 1.6517 7.79759 2.25384V10.3097C7.79759 10.9118 7.12378 11.2685 6.62585 10.9299L2.46134 8.09802C1.85997 7.68909 1.5 7.009 1.5 6.28177C1.5 5.55453 1.85997 4.87444 2.46134 4.46551L6.62585 1.63364Z" fill="var(--primary-clr)"></path>
</svg>
</div>
<div class="flex">
<div :class="{'active': settings.audioEnabled}" class="eq bg-white"></div>
<div :class="{'active': settings.audioEnabled}" class="eq bg-white"></div>
<div :class="{'active': settings.audioEnabled}" class="eq bg-white"></div>
<div :class="{'active': settings.audioEnabled}" class="eq bg-white"></div>
</div>
</div>
</div>
<div :class="{'active': game.popup.open}" class="popup fixed inset-0 z-30 flex items-center justify-center">
<div :class="{'active':game.popup.open}" class="popup_screen absolute">
<div v-if="game.popup.pic" :class="{'active': game.popup.open}" class="pic bg-image" :style="{ backgroundImage: `url(${game.popup.pic})` }"></div>
<div class="content">
<h2>{{game.popup.h2}}</h2>
<p class="mb-4-new">{{game.popup.p1}}</p>
<p class="text-green">{{game.popup.p2}}</p>
<div @click="enJin.audioController.play('take'), game.popup.open = false" @mouseenter="enJin.audioController.play('cardHover')" class="skip text-white absolute right-2-new top-2-new underline cursor-pointer">
{{game.popup.skipText}}
</div>
<button v-for="(button, index) in game.popup.buttons" :key="index" @click="handlePopupButtonClick(button)" @mouseenter="enJin.audioController.play('cardHover')" class="polygon bg-white" v-html="button.title"></button>
</div>
</div>
</div>
<div id="ClickArea" ref="clickArea" :class="{'hidden': player.gameplay!='ADV', 'min': player.textBox, 'active': !game.mainMenu && game.mode == 'RenJS' && !game.msgr && !game.roulette, 'fantasy-animation': player.fantasy, 'is-animated' : player.fantasy && player.isFantasyAnimated}" @click="renjs.nextStep(), renjs.stopSkipping()">
<div id="renJSPic-ink-transition-container" class="unselectable">
<div :class="{
'c-transition': player.fantasy, 'relative': true, 'c-transition--portrait': !player.landscapeVScene
}" ref="inkTransition">
<img id="renJSPic" ref="renJSPic" :class="{
'hidden': game.mainMenu || player.video.active,
'min': player.textBox && settings.textBoxStyle == 'Basic',
'c-transition__img': player.fantasy,
}" :src="player.vscene">
<video v-if="player.video.active && !game.mainMenu" id="renJSVid" ref="renJSVid" :class="{
'hidden': game.mainMenu || !player.video.active,
'min': player.textBox && settings.textBoxStyle == 'Basic',
'unselectable' : player.videoLoop,
'no-pointer-events' : player.videoLoop,
'c-transition__img': player.fantasy,
}" :controls="player.video.controls" :loop="player.video.loop" :autoplay="player.video.autoplay" :muted="player.video.mute" @click.stop="" @play="onPlay" @pause="onPause" :src="player.vscene"></video>
</div>
</div>
<div :class="{'active': player.onCall}" class="call-interface">
<div class="card">
<div class="header">
<div class="animation">
<span :class="{'ringing': player.incomingCall}" class="icon ring"></span>
<div :class="{'active': player.incomingCall}" class="cercle one incomingCall"></div>
<div :class="{'active': player.incomingCall}" class="cercle two incomingCall"></div>
<div :class="{'active': player.incomingCall}" class="cercle three incomingCall"></div>
</div>
<p class="phoneNumber">{{player.phoneNumberCalling}}</p>
<p class="calling">{{player.callStatus()}}</p>
</div>
<div class="phone-footer">
<div :class="{'active': player.incomingCall}" class="bouton raccrocher incomingCall cursor-pointer-all" @click="player.declineCall()">
<span class="icon red"></span>
</div>
<div :class="{'active': player.incomingCall}" class="bouton decrocher incomingCall cursor-pointer-all" @click="player.acceptCall()">
<span class="icon green"></span>
</div>
</div>
</div>
</div>
<div :class="{'active': !game.mainMenu && player.phoneMode}" class="phone-popup bg-image" :style="{ backgroundImage: `url(${player.phoneBG})` }">
<div class="iphone-container">
<!-- The frame wrapper uses the base design dimensions but is scaled -->
<div class="iphone-frame-wrapper">
<div class="iphone-frame">
<!-- ===== Side Button 1 (left side) ===== -->
<img class="side-button side-button-1" src="assets/images/designs/phone/side-button-1.svg">
<!-- ===== Side Button 2 (left side) ===== -->
<img class="side-button side-button-2" src="assets/images/designs/phone/side-button-2.svg">
<!-- ===== Side Button 3 (right side, rotated 180°) ===== -->
<img class="side-button side-button-3" src="assets/images/designs/phone/side-button-3.svg">
<!-- ===== Side Button 4 (left side) ===== -->
<img class="side-button side-button-4" src="assets/images/designs/phone/side-button-4.svg">
<!-- ===== Main iPhone Body Background ===== -->
<div class="iphone-body-bg"></div>
<!-- ===== Decorative Notches and Buttons ===== -->
<div class="top-notch"></div>
<div class="notch-left"></div>
<div class="notch-right"></div>
<div class="notch-bottom-left"></div>
<div class="notch-bottom-right"></div>
<div class="bottom-decor"></div>
<div class="status-bar"></div>
<!-- ===== Inner Screen Container ===== -->
<div class="inner-screen-container">
<div class="inner-screen"></div>
<!-- <img
class="inner-screen-overlay"
src=""
alt="Inner Screen Overlay"
/> -->
<div class="inner-screen-border"></div>
<div class="inner-screen-glow"></div>
</div>
<!-- ===== Screen Image (content) ===== -->
<div class="inner-screen-image bg-image" :style="{backgroundImage: `url(${player.vscene})`}"></div>
<!-- ===== Top Camera / Speaker Section ===== -->
<div class="top-camera">
<div class="camera-bg"></div>
<img class="camera-module" src="assets/images/designs/phone/Camera.svg" alt="">
</div>
</div>
</div>
</div>
</div>
<div :class="{'min': !player.textBox, 'active': !game.mainMenu && game.mode == 'RenJS', 'unselectable': true, 'transparent' : settings.textBoxStyle != 'Basic', 'smallTextBox' : game.mobile}" class="game_textBox">
<div @click="player.textBox = !player.textBox" :class="{'active': settings.textBoxStyle == 'Basic'}" class="textBox_minimize uppercase text-white cursor-pointer-all">
<span>Story</span>
<!-- <span class='relicCount'>3</span> -->
</div>
<div class="textBoxInner">
<div :class="{'hidden': !settings.charImage}" class="charPic bg-image" :style="{ backgroundImage: `url(${player.charPic})` }"></div>
<div class="text">
<p class="charName" :style="{color: player.charColor}">
<span v-if="player.charName" :data-style="settings.textBoxStyle">{{ player.charName }}
<em style="font-size: 18px; color: white; font-weight: 300">{{ player.charAct }}</em></span>
</p>
<p id="dialogueBox" :data-style="settings.textBoxStyle" class="dialogue"></p>
</div>
</div>
</div>
</div>
<div :class="{'active': !game.mainMenu && game.msgr == true}" class="msgr-popup flex justify-center w-full h-full p-0 fixed inset-0 z-30">
<div class="ChannelList">
<div class="Header">
<button id="ChatMenuButton" :class="{'pulse-animation' : player.chatButton.active && !player.chatButton.absoluteActive}" @click="game.goMainMenu()">
<img src="assets/svg/ChatMenuButton.svg">
</button>
<div class="MessageInput">
<img src="assets/svg/ChatSearch.svg">
<div class="AccessoriesTextContainer">
<div class="TextCursor">
<div class="TypeYourMessage">Search</div>
</div>
</div>
</div>
</div>
<div class="Channels">
<button v-for="character in player.messengers()" :key="character.name" :class="[character.name, 'Channel', { 'active': player.messaging === character.name }]" @click="switchMessenger(character.name)">
<!-- Notification Badge -->
<div v-if="character.notificationNum" class="NotificationBadge">
<div class="NotificationBadgeText">
{{ character.notificationNum }}
</div>
</div>
<!-- Avatar Section -->
<div class="Avatar">
<img class="AvatarMask" :src="`assets/images/characters/${character.name}.jpg`">
<img v-if="character.online" class="Online" src="assets/svg/ChatOnline.svg">
</div>
<!-- Text Section -->
<div class="Text">
<div class="AccessoriesList1stRow">
<div class="ChannelCharName">
{{ character.displayName }}
</div>
</div>
<div class="NdRow">
<div class="AccessoriesList2ndRow">
<div class="LastMessage ellipsis" v-html="character.lastMessageText"></div>
</div>
<div class="AccessoriesTimestamp">
<div class="Timestamp ellipsis">
{{ character.timestamp }}
</div>
</div>
</div>
</div>
</button>
</div>
</div>
<div class="msger">
<div class="Header">
<div class="AccessoriesAvatar">
<img class="AvatarMask" :src="getCharacter(player.messaging).pic">
<img :class="{'hidden': !getCharacter(player.messaging).online}" class="Online" src="assets/svg/ChatOnline.svg">
</div>
<div class="Frame">
<div class="HeaderTitle">
{{getCharacter(player.messaging).displayName}}
</div>
</div>
</div>
<main class="msger-chat relative">
<div :ref="'chatContainer-' + character.name" v-for="character in player.messengers()" :key="character.name" :class="{'active': player.messaging === character.name && !game.mainMenu && game.msgr, 'msger-chat-area': true, [character.name]: true}"></div>
</main>
<div class="msger-inputArea">
<img src="assets/svg/ChatLeftButton.svg" class="LeftButtons">
<div class="MessageInput">
<input type="text" class="msger-input" placeholder="Type your message">
<img src="assets/svg/ChatSmiley.svg" class="ChatSmiley">
</div>
<button class="msger-send-btn">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="40" height="40" rx="20" fill="#4C525C"></rect>
<path d="M12.0095 30L32 20L12.0095 10L12 17.7778L26.2857 20L12 22.2222L12.0095 30Z" fill="white"></path>
</svg>
</button>
</div>
</div>
</div>
<div :class="{'active': !game.mainMenu && game.pcMode}" class="pc-popup">
<div class="relative-interior">
<div class="menu-bar">
<div class="frame-leading">
<div class="outer apple-logo"></div>
<div class="outer2 finder">Finder</div>
<div v-for="(item, index) in pc.menuBarItems" :key="index" class="outer2 item">
{{ item }}
</div>
</div>
<div class="frame-trailing">
<div class="item-box"></div>
<div class="item-box"></div>
<div class="item-box"></div>
<div class="item-box"></div>
<div class="item-box date">Mon Jun 10 9:41 AM</div>
</div>
</div>
<div class="dock">
<div class="content">
<div class="apps-in-dock">
<div :data-tooltip="item.name" v-for="(item, index) in pc.dockItems" :key="index" class="app">
<img class="app-icon" :src="'assets/images/designs/pc/' + item.name + '.png'">
<!-- <div class="indicator" :class="{'active': item.open}"></div> -->
</div>
</div>
<!-- <div class="leftEnd">
<div class="separator"></div>
<img class="item-trash" src="assets/images/designs/pc/Bin.png" />
</div> -->
</div>
</div>
</div>
</div>
<div :class="{'active': isNotification}" class="notification text-white absolute bottom-0 right-0 p-2 flex items-center gap-5" style="z-index: var(--z-index-3)">
<img class="notifImg hexagon" style="
width: 50px;
height: 50px;
margin-bottom: 12px;
image-rendering: auto;
" :src="currentNotification.imageAddress">
<div>
<h3 :class="{'text-green': currentNotification.titleColor == 'green', 'text-red': currentNotification.titleColor == 'red'}">
{{currentNotification.title}}
</h3>
<div class="notification__name">{{currentNotification.name}}</div>
<div class="notification__description">
{{currentNotification.description}}
</div>
</div>
</div>
<div :class="{'active': game.mainMenu}" class="game_intro h-screen flex items-center z-30 absolute top-0 left-0 w-full">
<div :class="{'active': game.gameCreation}" class="hex--pattern absolute top-0 right-0 h-full">
<img :src="`assets/svg/pattern_${game.theme}.png`" alt="Pattern Image">
</div>
<div :class="{'active': !game.mainMenu}" class="m-auto introWrapper w-full h-full flex justify-center items-center relative z-10">
<span :class="{'active': !game.init}" @click="game.init = true, enJin.audioController.play('take'), enJin.audioController.play('intro');" class="gamePreload text-center absolute top-0 left-0 flex flex-col items-center justify-center w-full h-full">
<svg class="h-12 mb-3" viewBox="0 0 27 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 13.5C2 7.149 7.149 2 13.5 2C19.851 2 25 7.149 25 13.5V16H21C20.7348 16 20.4804 16.1054 20.2929 16.2929C20.1054 16.4804 20 16.7348 20 17V27C20 27.2652 20.1054 27.5196 20.2929 27.7071C20.4804 27.8946 20.7348 28 21 28H22.5C23.6935 28 24.8381 27.5259 25.682 26.682C26.5259 25.8381 27 24.6935 27 23.5V13.5C27 6.044 20.956 0 13.5 0C6.044 0 0 6.044 0 13.5V23.5C0 24.6935 0.474106 25.8381 1.31802 26.682C2.16193 27.5259 3.30653 28 4.5 28H6C6.26522 28 6.51957 27.8946 6.70711 27.7071C6.89464 27.5196 7 27.2652 7 27V17C7 16.7348 6.89464 16.4804 6.70711 16.2929C6.51957 16.1054 6.26522 16 6 16H2V13.5ZM22 18H25V23.5C25 24.163 24.7366 24.7989 24.2678 25.2678C23.7989 25.7366 23.163 26 22.5 26H22V18ZM2 18H5V26H4.5C3.83696 26 3.20107 25.7366 2.73223 25.2678C2.26339 24.7989 2 24.163 2 23.5V18ZM14.5 15C14.5 14.7348 14.3946 14.4804 14.2071 14.2929C14.0196 14.1054 13.7652 14 13.5 14C13.2348 14 12.9804 14.1054 12.7929 14.2929C12.6054 14.4804 12.5 14.7348 12.5 15V28C12.5 28.2652 12.6054 28.5196 12.7929 28.7071C12.9804 28.8946 13.2348 29 13.5 29C13.7652 29 14.0196 28.8946 14.2071 28.7071C14.3946 28.5196 14.5 28.2652 14.5 28V15ZM10 18C10.2652 18 10.5196 18.1054 10.7071 18.2929C10.8946 18.4804 11 18.7348 11 19V24C11 24.2652 10.8946 24.5196 10.7071 24.7071C10.5196 24.8946 10.2652 25 10 25C9.73478 25 9.48043 24.8946 9.29289 24.7071C9.10536 24.5196 9 24.2652 9 24V19C9 18.7348 9.10536 18.4804 9.29289 18.2929C9.48043 18.1054 9.73478 18 10 18V18ZM18 19C18 18.7348 17.8946 18.4804 17.7071 18.2929C17.5196 18.1054 17.2652 18 17 18C16.7348 18 16.4804 18.1054 16.2929 18.2929C16.1054 18.4804 16 18.7348 16 19V24C16 24.2652 16.1054 24.5196 16.2929 24.7071C16.4804 24.8946 16.7348 25 17 25C17.2652 25 17.5196 24.8946 17.7071 24.7071C17.8946 24.5196 18 24.2652 18 24V19Z" fill="var(--primary-clr)"></path>
</svg>
<span class="text-2xl text-white">This game contains audio</span>
<span class="text-md text-primary">Click anywhere to begin</span>
</span>
<div v-if="!game.init || !game.mobile || (game.mobile && !game.gameCreation)" :class="{'active': game.init}" class="gameInit">
<div class="game_intro__menu text-center flex flex-col">
<div class="flash absolute bg-white w-full h-full left-0 top-0"></div>
<div class="logo mb-2 flex justify-center">
<img class="h-12 mb-1" :src="`assets/svg/${game.titlePart1}.svg`">
<img class="h-12 mb-1 ml-2" :src="`assets/svg/${game.titlePart2}.svg`">
</div>
<span class="author text-description">A game by Liturgy</span>
<div class="menu text-white text-xl space-y-1 mt-12">
<h3 :class="{'active': game.gameCreation}" @click="game.gameCreation = true, game.savesScreen = false, enJin.audioController.play('take'); changeBodyBackground();" @mouseenter="enJin.audioController.play('cardHover')">
{{player.mainMenuStartText}}
</h3>
<h3 :class="{'active': game.savesScreen}" @click="game.savesScreen = true, game.gameCreation = false, enJin.audioController.play('take')" @mouseenter="enJin.audioController.play('cardHover')">
Saves
</h3>
<h3 :class="{'active': game.settingsScreen}" @click="game.settingsScreen = true, game.gameCreation = false, enJin.audioController.play('take')" @mouseenter="enJin.audioController.play('cardHover')">
Preferences
</h3>
<h3 v-if="!game.mobile && !game.android" :class="{'active': game.keyboardGuide}" @click="game.keyboardGuide = true, game.gameCreation = false, enJin.audioController.play('take')" @mouseenter="enJin.audioController.play('cardHover')">
Keyboard Guide
</h3>
<a @mouseenter="enJin.audioController.play('cardHover')" @click="handleMoreStuff(), enJin.audioController.play('take')" target="_blank">More stuff</a>
<h3 v-if="game.electron" :class="{'active': game.quittingElectronApp}" @click="game.quittingElectronApp = true, game.quitElectronApp(), enJin.audioController.play('trash')" @mouseenter="enJin.audioController.play('cardHover')">
Quit
</h3>
</div>
</div>
</div>
<div :class="{'active': game.gameCreation}" class="game_intro__newGame text-white text-2xl-new">
<div :class="{'width-fit-content': game.mobile}" class="inner h-full w-full">
<h4 @click="game.savesScreen = false, game.gameCreation = false, enJin.audioController.play('trash')" @mouseenter="enJin.audioController.play('cardHover')" class="mb-8 cursor-pointer-all backArrow">
<svg fill="none" height="21" viewBox="0 0 24 21" width="24" xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd" d="M4.15132 11.4688L11.2171 18.5329C11.3991 18.7148 11.5012 18.9615 11.5012 19.2188C11.5012 19.476 11.3991 19.7227 11.2171 19.9046C11.0352 20.0865 10.7885 20.1887 10.5313 20.1887C10.274 20.1887 10.0273 20.0865 9.8454 19.9046L1.12665 11.1859C1.03643 11.0959 0.964855 10.989 0.916018 10.8713C0.86718 10.7536 0.842041 10.6274 0.842041 10.5C0.842041 10.3726 0.86718 10.2464 0.916018 10.1287C0.964855 10.011 1.03643 9.90412 1.12665 9.81413L9.8454 1.09538C10.0273 0.913473 10.274 0.811279 10.5313 0.811279C10.7885 0.811279 11.0352 0.913473 11.2171 1.09538C11.3991 1.27728 11.5012 1.524 11.5012 1.78125C11.5012 2.03851 11.3991 2.28522 11.2171 2.46713L4.15132 9.53125H22.1562C22.4132 9.53125 22.6596 9.63332 22.8413 9.81499C23.0229 9.99667 23.125 10.2431 23.125 10.5C23.125 10.7569 23.0229 11.0033 22.8413 11.185C22.6596 11.3667 22.4132 11.4688 22.1562 11.4688H4.15132Z" fill-rule="evenodd" fill="#fff"></path>
</svg>
</h4>
<div :class="{'padding-0': game.mobile}" class="gameCreationInputBoxes">
<h2 style="
margin-bottom: 8px;
font-size: 18px;
line-height: 18px;
">
Enter your name
</h2>
<div class="flex items-center justify-start relative" style="gap: 12px; margin-bottom: 20px">
<div class="flex items-center" style="background-color: var(--dark-clr); width: 281.77px">
<img class="net" style="
margin-right: 12px;
margin-left: 12px;
margin-bottom: 0px;
" src="assets/svg/mars.svg">
<input @focus="setKeyPresses(false)" @blur="checkKeyPresses" :value="player.name" @keyup="player.name = document.getElementById('nameInputBox').value" class="text-black" style="
margin-right: 12px;
margin-bottom: 0;
margin-top: 4px;
line-height: 23px;
padding-left: 0px;
background: transparent;
" id="nameInputBox">
</div>
<button @click="randomName()" @mouseenter="enJin.audioController.play('cardHover')" class="random cursor-pointer" style="height: 26px; width: 34px">
<svg class="cursor-pointer" style="height: 26px; width: 34px" fill="none" height="26" viewBox="0 0 34 26" width="34" xmlns="http://www.w3.org/2000/svg">
<path d="M24.3838 10.8321H32.9062C33.0092 10.8321 33.11 10.8615 33.1969 10.9168C33.2838 10.972 33.3531 11.0509 33.3968 11.1441C33.4404 11.2374 33.4566 11.3411 33.4435 11.4433C33.4303 11.5454 33.3883 11.6416 33.3224 11.7207L29.0612 16.836C29.0103 16.8969 28.9467 16.946 28.8748 16.9797C28.8028 17.0133 28.7244 17.0308 28.645 17.0308C28.5656 17.0308 28.4872 17.0133 28.4153 16.9797C28.3433 16.946 28.2797 16.8969 28.2289 16.836L23.9676 11.7207C23.9017 11.6416 23.8597 11.5454 23.8466 11.4433C23.8334 11.3411 23.8496 11.2374 23.8933 11.1441C23.9369 11.0509 24.0062 10.972 24.0931 10.9168C24.18 10.8615 24.2808 10.8321 24.3838 10.8321ZM0.541663 15.167H9.06413C9.1671 15.167 9.26792 15.1376 9.35479 15.0823C9.44166 15.0271 9.51099 14.9482 9.55466 14.8549C9.59832 14.7617 9.61452 14.6579 9.60135 14.5558C9.58817 14.4537 9.54618 14.3575 9.48029 14.2784L5.21905 9.16314C5.1682 9.10215 5.10456 9.05309 5.03265 9.01943C4.96074 8.98576 4.8823 8.96831 4.8029 8.96831C4.72349 8.96831 4.64506 8.98576 4.57315 9.01943C4.50123 9.05309 4.4376 9.10215 4.38675 9.16314L0.12551 14.2784C0.0596143 14.3575 0.0176224 14.4537 0.00445182 14.5558C-0.0087188 14.6579 0.00747695 14.7617 0.0511427 14.8549C0.0948084 14.9482 0.164136 15.0271 0.251009 15.0823C0.337881 15.1376 0.438701 15.167 0.541663 15.167Z" fill="var(--primary-clr)"></path>
<path clip-rule="evenodd" d="M16.7238 2.16268C13.3599 2.16268 10.3515 3.69507 8.3639 6.10313C8.27515 6.21816 8.16418 6.31418 8.03757 6.38546C7.91097 6.45674 7.77133 6.50184 7.62694 6.51808C7.48256 6.53431 7.33639 6.52135 7.19712 6.47995C7.05785 6.43856 6.92832 6.36959 6.81624 6.27713C6.70416 6.18468 6.61182 6.07063 6.5447 5.94177C6.47758 5.81291 6.43706 5.67187 6.42554 5.52704C6.41402 5.3822 6.43175 5.23653 6.47766 5.09868C6.52357 4.96083 6.59673 4.83363 6.69279 4.72462C8.27978 2.80322 10.3853 1.37808 12.7588 0.618696C15.1323 -0.140687 17.674 -0.202351 20.0816 0.441036C22.4892 1.08442 24.6613 2.40579 26.3396 4.24797C28.0179 6.09014 29.1317 8.37561 29.5487 10.8325H27.3444C26.844 8.38505 25.5137 6.18547 23.5785 4.60572C21.6433 3.02597 19.2219 2.16298 16.7238 2.16268ZM6.10324 15.1675C6.51356 17.1716 7.48251 19.0187 8.89813 20.4954C10.3138 21.9721 12.1183 23.0182 14.1033 23.5128C16.0882 24.0074 18.1726 23.9303 20.1157 23.2905C22.0587 22.6506 23.781 21.4741 25.0837 19.8969C25.1725 19.7818 25.2835 19.6858 25.4101 19.6145C25.5367 19.5433 25.6763 19.4982 25.8207 19.4819C25.9651 19.4657 26.1112 19.4787 26.2505 19.52C26.3898 19.5614 26.5193 19.6304 26.6314 19.7229C26.7435 19.8153 26.8358 19.9294 26.9029 20.0582C26.97 20.1871 27.0106 20.3281 27.0221 20.473C27.0336 20.6178 27.0159 20.7635 26.97 20.9013C26.9241 21.0392 26.8509 21.1664 26.7548 21.2754C25.1678 23.1968 23.0624 24.6219 20.6888 25.3813C18.3153 26.1407 15.7736 26.2024 13.366 25.559C10.9585 24.9156 8.78635 23.5942 7.10805 21.752C5.42975 19.9099 4.31588 17.6244 3.89893 15.1675H6.10324Z" fill-rule="evenodd" fill="var(--primary-clr)"></path>
</svg>
</button>
</div>
<h2 v-if="game.supportiveName" style="
margin-bottom: 8px;
font-size: 18px;
line-height: 18px;
">
Your {{game.supportiveRelationship}}'s name
</h2>
<div v-if="game.supportiveName" class="flex items-center justify-start relative" style="gap: 12px; margin-bottom: 20px">
<div class="flex items-center" style="background-color: var(--dark-clr); width: 281.77px">
<img class="net" style="
margin-right: 12px;
margin-left: 12px;
margin-bottom: 0px;
" src="assets/svg/venus.svg">
<input @focus="setKeyPresses(false)" @blur="checkKeyPresses" :value="player.supportiveName" @keyup="player.supportiveName = document.getElementById('supportiveNameInputBox').value" class="text-black" style="
margin-right: 12px;
margin-bottom: 0;
margin-top: 4px;
line-height: 23px;
padding-left: 0px;
background: transparent;
" id="supportiveNameInputBox">
</div>
</div>
<h2 v-if="game.supportive2Name" style="
margin-bottom: 8px;
font-size: 18px;
line-height: 18px;
">
Your {{game.supportive2Relationship}}'s name
</h2>
<div v-if="game.supportive2Name" class="flex items-center justify-start relative" style="gap: 12px; margin-bottom: 20px">
<div class="flex items-center" style="background-color: var(--dark-clr); width: 281.77px">
<img class="net" style="
margin-right: 12px;
margin-left: 12px;
margin-bottom: 0px;
" src="assets/svg/venus.svg">
<input @focus="setKeyPresses(false)" @blur="checkKeyPresses" :value="player.supportive2Name" @keyup="player.supportive2Name = document.getElementById('supportive2NameInputBox').value" class="text-black" style="
margin-right: 12px;
margin-bottom: 0;
margin-top: 4px;
line-height: 23px;
padding-left: 0px;
background: transparent;
" id="supportive2NameInputBox">
</div>
</div>
<h2 style="
margin-bottom: 8px;
font-size: 18px;
line-height: 18px;
">
Patreon Code
</h2>
<div class="flex items-center justify-start relative" style="gap: 12px; margin-bottom: 20px">
<div class="flex items-center" style="background-color: var(--dark-clr); width: 281.77px">
<img class="net codeIcon" style="
margin-right: 12px;
margin-left: 12px;
margin-bottom: 0px;
" :src="patreonCodeSvg">
<input @focus="setKeyPresses(false)" @blur="checkKeyPresses" :value="player.patreonCode" @keyup="handlePatreonCodeFromBox()" class="text-black" style="
margin-right: 12px;
margin-bottom: 0;
margin-top: 4px;
line-height: 23px;
padding-left: 0px;
background: transparent;
" id="patreonCodeInputBox">
</div>
</div>
<h2 v-if="game.numberOfEpisodes > 1" class="text-lg-new mb-3-new mt-8-new">
Current Episode
</h2>
<div v-if="game.numberOfEpisodes > 1" class="flex gap-2-new episodeSelector">
<button v-for="episode in game.numberOfEpisodes" :key="episode" :class="{'active': player.episode === episode}" @click="enJin.audioController.play('take'); player.episode = episode" @mouseenter="enJin.audioController.play('cardHover')" class="difficulty bg-white">
Episode {{ episode }}
</button>
</div>
</div>
<div :class="{'flex-wrap': game.portrait}" class="flex" style="gap: 28px">
<button @click="game.start()" @mouseenter="enJin.audioController.play('cardHover')" v-html="startGameText" class="polygon bg-white"></button>
<label v-if="!settings.fullScreen && !game.android" class="perfectCheckbox cursor-pointer-all" style="padding-left: 13.5px; padding-right: 13.5px">
<input v-if="fullScreenPossible" class="checkbox-input" type="checkbox" name="notifications" v-model="settings.fullScreen" @change="onFullScreenToggle">
<span v-if="fullScreenPossible" class="checkbox-control"></span>
<span class="checkbox-label">Fullscreen</span>
</label>
<label v-if="player.inProgress && player.episode == player.progressEpisode" class="perfectCheckbox cursor-pointer-all" style="padding-left: 13.5px; padding-right: 13.5px">
<input class="checkbox-input" type="checkbox" name="notifications" v-model="game.restartEpisode">
<span class="checkbox-control"></span>
<span class="checkbox-label">Restart</span>
</label>
</div>
</div>
</div>
<div :class="{'active': game.savesScreen}" class="game_intro__saveScreen text-white text-2xl-new h-screen flex items-center h-full">
<div class="inner h-full w-full">
<div class="flex justify-between items-center mb-12-new">
<h4 @click="game.savesScreen = false, game.gameCreation = false, enJin.audioController.play('trash')" @mouseenter="enJin.audioController.play('cardHover')" class="backArrow">
<svg fill="none" height="21" viewBox="0 0 24 21" width="24" xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd" d="M4.15132 11.4688L11.2171 18.5329C11.3991 18.7148 11.5012 18.9615 11.5012 19.2188C11.5012 19.476 11.3991 19.7227 11.2171 19.9046C11.0352 20.0865 10.7885 20.1887 10.5313 20.1887C10.274 20.1887 10.0273 20.0865 9.8454 19.9046L1.12665 11.1859C1.03643 11.0959 0.964855 10.989 0.916018 10.8713C0.86718 10.7536 0.842041 10.6274 0.842041 10.5C0.842041 10.3726 0.86718 10.2464 0.916018 10.1287C0.964855 10.011 1.03643 9.90412 1.12665 9.81413L9.8454 1.09538C10.0273 0.913473 10.274 0.811279 10.5313 0.811279C10.7885 0.811279 11.0352 0.913473 11.2171 1.09538C11.3991 1.27728 11.5012 1.524 11.5012 1.78125C11.5012 2.03851 11.3991 2.28522 11.2171 2.46713L4.15132 9.53125H22.1562C22.4132 9.53125 22.6596 9.63332 22.8413 9.81499C23.0229 9.99667 23.125 10.2431 23.125 10.5C23.125 10.7569 23.0229 11.0033 22.8413 11.185C22.6596 11.3667 22.4132 11.4688 22.1562 11.4688H4.15132Z" fill-rule="evenodd" fill="#fff"></path>
</svg>
</h4>
<button @click="enJin.audioController.play('openShop'), handleResetClick()" @mouseenter="enJin.audioController.play('cardHover')" class="polygon bg-white">
Reset
</button>
</div>
<div class="flex justify-between mb-12-new">
<h2>Saves</h2>
</div>
<div class="responsive-grid maxSizedMinus250 gap-x-8-new gap-y-12-new overflow-y-scroll" style="overflow-x: hidden">
<div :class="{'opacity-50': !save.image}" @click="handleSaveClick(index)" @mouseenter="enJin.audioController.play('cardHover')" class="saveBox flex flex-col ach" v-for="(save, index) in saves()">
<div class="saveImg bg-image" v-if="save.image" :style="{ backgroundImage: `url(${save.image})` }"></div>
<img class="emptySave" src="assets/svg/ach.svg" v-if="!save.image">
<span class="text-xl-new">{{save.description}}</span>
<span class="text-sm-new text-description pr-6-new">{{save.dateStr}}</span>
</div>
</div>
</div>
</div>
<div :class="{'active': game.settingsScreen}" class="game_intro__saveScreen text-white text-2xl-new h-screen flex items-center h-full">
<div class="inner h-full w-full">
<div class="flex justify-between items-center mb-12-new">
<h4 @click="game.settingsScreen = false, game.gameCreation = false, enJin.audioController.play('trash')" @mouseenter="enJin.audioController.play('cardHover')" class="backArrow">
<svg fill="none" height="21" viewBox="0 0 24 21" width="24" xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd" d="M4.15132 11.4688L11.2171 18.5329C11.3991 18.7148 11.5012 18.9615 11.5012 19.2188C11.5012 19.476 11.3991 19.7227 11.2171 19.9046C11.0352 20.0865 10.7885 20.1887 10.5313 20.1887C10.274 20.1887 10.0273 20.0865 9.8454 19.9046L1.12665 11.1859C1.03643 11.0959 0.964855 10.989 0.916018 10.8713C0.86718 10.7536 0.842041 10.6274 0.842041 10.5C0.842041 10.3726 0.86718 10.2464 0.916018 10.1287C0.964855 10.011 1.03643 9.90412 1.12665 9.81413L9.8454 1.09538C10.0273 0.913473 10.274 0.811279 10.5313 0.811279C10.7885 0.811279 11.0352 0.913473 11.2171 1.09538C11.3991 1.27728 11.5012 1.524 11.5012 1.78125C11.5012 2.03851 11.3991 2.28522 11.2171 2.46713L4.15132 9.53125H22.1562C22.4132 9.53125 22.6596 9.63332 22.8413 9.81499C23.0229 9.99667 23.125 10.2431 23.125 10.5C23.125 10.7569 23.0229 11.0033 22.8413 11.185C22.6596 11.3667 22.4132 11.4688 22.1562 11.4688H4.15132Z" fill-rule="evenodd" fill="#fff"></path>
</svg>
</h4>
<button @click="enJin.audioController.play('openShop'), handlePreferencesReset()" @mouseenter="enJin.audioController.play('cardHover')" class="polygon bg-white">
Default
</button>
</div>
<div class="flex justify-between mb-12-new">
<h2>Preferences</h2>
</div>
<div class="pref-list maxSizedMinus250 flex flex-col overflow-y-scroll" style="overflow-x: hidden; gap: 28px">
<div v-if="!game.android" class="flex" style="gap: 14px">
<div class="preferences-label">Full Screen</div>
<label class="perfectCheckbox cursor-pointer-all" style="padding-left: 13.5px; padding-right: 13.5px">
<input v-if="fullScreenPossible" class="checkbox-input" type="checkbox" name="notifications" v-model="settings.fullScreen" @change="onFullScreenToggle">
<span v-if="fullScreenPossible" class="checkbox-control"></span>
<span class="checkbox-label">{{fullScreenSettingText}}</span>
</label>
</div>
<div class="flex" style="gap: 14px">
<div class="preferences-label">Typewriter</div>
<label class="perfectCheckbox cursor-pointer-all" style="padding-left: 13.5px; padding-right: 13.5px">
<input class="checkbox-input" type="checkbox" name="notifications" v-model="settings.typewriterEnabled" @change="onTypewriterToggle">
<span class="checkbox-control"></span>
<span class="checkbox-label">{{typewriterSettingText}}</span>
</label>
</div>
<div v-if="!game.mobile" class="flex" style="gap: 40px">
<div class="flex" style="gap: 14px">
<div class="preferences-label">Textbox</div>
<label class="perfectCheckbox cursor-pointer-all" style="padding-left: 13.5px; padding-right: 13.5px">
<input class="checkbox-input" type="checkbox" name="notifications" v-model="settings.textBoxStyle == 'CC'" @change="onTextBoxStyleToggle">
<span class="checkbox-control"></span>
<span class="checkbox-label">{{textBoxSettingText}}</span>
</label>
</div>
</div>
<div v-if="game.premium || (!game.electron && !game.mobile)" class="flex" style="gap: 40px">
<div v-if="game.premium" class="flex" style="gap: 14px">
<div class="preferences-label">
Highlight Premium Choices
</div>
<label class="perfectCheckbox cursor-pointer-all" style="padding-left: 13.5px; padding-right: 13.5px">
<input class="checkbox-input" type="checkbox" name="notifications" v-model="settings.highlightPremiumChoices" @change="onHighlightPremiumChoicesToggle">
<span class="checkbox-control"></span>
<span class="checkbox-label">{{highlightPremiumChoicesText}}</span>
</label>
</div>
<div v-if="!game.electron && !game.mobile" class="flex" style="gap: 14px">
<div class="preferences-label">Right Click Save</div>
<label class="perfectCheckbox cursor-pointer-all" style="padding-left: 13.5px; padding-right: 13.5px">
<input class="checkbox-input" type="checkbox" name="notifications" v-model="settings.rightClickSave" @change="onRightClickSaveToggle">
<span class="checkbox-control"></span>
<span class="checkbox-label">{{rightClickSaveText}}</span>
</label>
</div>
</div>
<div class="flex" style="gap: 14px">
<div class="preferences-label">Audio</div>
<label class="perfectCheckbox cursor-pointer-all" style="padding-left: 13.5px; padding-right: 13.5px">
<input class="checkbox-input" type="checkbox" name="notifications" v-model="settings.audioEnabled" @change="onAudioToggle">
<span class="checkbox-control"></span>
<span class="checkbox-label">{{audioSettingText}}</span>
</label>
</div>
<div :class="{'active' : settings.audioEnabled}" class="preferences-area-hidden flex flex-col" style="gap: 28px">
<div class="flex" style="gap: 14px">
<div class="preferences-label">SFX Volume</div>
<div class="custom-slider">
<form>
<input id="range1" name="range1" type="range" min="0" max="100" v-model="settings.sfxVolume" @input="onSFXVolumeChange">
</form>
</div>
</div>
<div class="flex" style="gap: 14px">
<div class="preferences-label">Music Volume</div>
<div class="custom-slider">
<form>
<input id="range2" name="range2" type="range" min="0" max="100" v-model="settings.musicVolume" @input="onMusicVolumeChange">
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div :class="{'active': game.keyboardGuide}" class="game_intro__saveScreen text-white text-2xl-new h-screen flex items-center h-full">
<div class="inner h-full w-full">
<div class="flex justify-between items-center mb-12-new">
<h4 @click="game.keyboardGuide = false, game.gameCreation = false, enJin.audioController.play('trash')" @mouseenter="enJin.audioController.play('cardHover')" class="backArrow">
<svg fill="none" height="21" viewBox="0 0 24 21" width="24" xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd" d="M4.15132 11.4688L11.2171 18.5329C11.3991 18.7148 11.5012 18.9615 11.5012 19.2188C11.5012 19.476 11.3991 19.7227 11.2171 19.9046C11.0352 20.0865 10.7885 20.1887 10.5313 20.1887C10.274 20.1887 10.0273 20.0865 9.8454 19.9046L1.12665 11.1859C1.03643 11.0959 0.964855 10.989 0.916018 10.8713C0.86718 10.7536 0.842041 10.6274 0.842041 10.5C0.842041 10.3726 0.86718 10.2464 0.916018 10.1287C0.964855 10.011 1.03643 9.90412 1.12665 9.81413L9.8454 1.09538C10.0273 0.913473 10.274 0.811279 10.5313 0.811279C10.7885 0.811279 11.0352 0.913473 11.2171 1.09538C11.3991 1.27728 11.5012 1.524 11.5012 1.78125C11.5012 2.03851 11.3991 2.28522 11.2171 2.46713L4.15132 9.53125H22.1562C22.4132 9.53125 22.6596 9.63332 22.8413 9.81499C23.0229 9.99667 23.125 10.2431 23.125 10.5C23.125 10.7569 23.0229 11.0033 22.8413 11.185C22.6596 11.3667 22.4132 11.4688 22.1562 11.4688H4.15132Z" fill-rule="evenodd" fill="#fff"></path>
</svg>
</h4>
</div>
<div class="flex justify-between mb-12-new">
<h2>Keyboard Guide</h2>
</div>
<div class="key-bindings">
<div class="keyboard-guide-row">
<div class="keyboard-guide-column keyboard-guide-bold">
Space/Enter
</div>
<div class="keyboard-guide-column">Next Step</div>
</div>
<div class="keyboard-guide-spacer"></div>
<div class="keyboard-guide-row">
<div class="keyboard-guide-column keyboard-guide-bold">
M
</div>
<div class="keyboard-guide-column">Main Menu</div>
</div>
<div class="keyboard-guide-spacer"></div>
<div class="keyboard-guide-row">
<div class="keyboard-guide-column keyboard-guide-bold">
P
</div>
<div class="keyboard-guide-column">Preferences</div>
</div>
<div class="keyboard-guide-spacer"></div>
<div class="keyboard-guide-row">
<div class="keyboard-guide-column keyboard-guide-bold">
S
</div>
<div class="keyboard-guide-column">Saves Page</div>
</div>
<div class="keyboard-guide-spacer"></div>
<div class="keyboard-guide-row">
<div class="keyboard-guide-column keyboard-guide-bold">
C
</div>
<div class="keyboard-guide-column">Continue Playing</div>
</div>
<div class="keyboard-guide-spacer"></div>
<div class="keyboard-guide-row">
<div class="keyboard-guide-column keyboard-guide-bold">
F
</div>
<div class="keyboard-guide-column">Toggle Fullscreen</div>
</div>
<div class="keyboard-guide-spacer"></div>
<div class="keyboard-guide-row">
<div class="keyboard-guide-column keyboard-guide-bold">
CMD/CTRL
</div>
<div class="keyboard-guide-column">
Skip, accelerate text messages
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div :class="{'active': !game.mainMenu && game.roulette}" class="game_roulette flex flex-col items-center justify-center bg-black absolute left-0 top-0 w-full" style="z-index: 10000001">
<div class="div">
<h2 class="text-white w-full text-center" style="
font-size: 30px;
line-height: 30px;
margin-top: 48px;
margin-bottom: 4px;
">
Regular Chest Earned
</h2>
<h3 class="text-white w-full text-center text-description" style="font-size: 13px; line-height: 16px; margin-bottom: 48px">
Spin roulette
</h3>
<div class="flex items-center justify-center" style="margin-bottom: 64px; gap: 24px">
<div class="flex items-center flex" style="gap: 8px">
<img style="height: 30px; width: 30px" src="assets/svg/Coin.svg">
<span class="flex items-end text-lime">
<span style="font-size: 24px; line-height: 32px">{{ player.crypto }}</span>
</span>
</div>
<div class="text-red-100 flex items-center" style="gap: 8px">
<img style="height: 30px" src="assets/svg/rewards/gem.svg">
<span class="text-white" style="font-size: 24px; line-height: 32px">{{ player.gems }}</span>
</div>
</div>
<div :class="{'active': !game.mainMenu && game.roulette && !game.earnedPrizePage}" class="rouletteContainer">
<div class="RouletteWrapperSvg bg-image">
<div class="preview__roulette roulette"></div>
</div>
<div class="m-auto text-center flex justify-center" style="margin-top: 48px; gap: 20px">
<button id="startRoulette" @click="enJin.audioController.play('openShop'), startRoulette()" @mouseenter="enJin.audioController.play('cardHover')" class="polygon bg-white">
Start
</button>
<button id="stopRoulette" @click="enJin.audioController.play('openShop'), stopRoulette()" @mouseenter="enJin.audioController.play('cardHover')" class="polygon bg-white">
Stop
</button>
</div>
</div>
<div :class="{'active': !game.mainMenu && game.roulette && game.earnedPrizePage}" class="earnedPrizePage flex-col items-center">
<p class="text-green text-center" style="font-size: 24px; font-weight: 700; margin-bottom: 20px">
You’ve earned
</p>
<div class="current-prize-tile flex justify-center"></div>
<div class="m-auto text-center flex justify-center" style="margin-top: 48px; gap: 20px">
<button id="continue" style="height: fit-content" @click="enJin.audioController.play('openShop'), game.roulette = false, game.earnedPrizePage = false" @mouseenter="enJin.audioController.play('cardHover')" class="polygon bg-white">
Continue
</button>
<div class="flex-col">
<button id="reSpin" @click="enJin.audioController.play('openShop'), reSpinRoulette()" @mouseenter="enJin.audioController.play('cardHover')" class="polygon bg-white">
Spin again -50
<img src="assets/svg/rewards/gem.svg" style="
width: 30px;
height: 30px;
display: inline-block;
margin-left: 5px;
">
</button>
<h4 class="text-red-600 limitWarning absolute" style="line-height: 16px; margin-top: 20px" v-if="game.gemsWarning">
Not enough gems
</h4>
</div>
</div>
</div>
</div>
</div>
<div class="hex--pattern absolute top-0 right-0 h-full notBlurred pointer-none">
<img :src="`assets/svg/pattern_${game.theme}.png`">
</div>
<div v-if="!game.mobile || !game.gameCreation" :class="{'active' : game.mainMenu}" class="footer absolute bottom-4 text-description left-48 text-center">
{{game.title}} by
<a class="text-primary" href="https://www.patreon.com/Liturgy97" target="_blank">Liturgy</a>
| {{game.version}}
</div>
</div>
</div>
<!-- Utility Start -->
</body></html>
Whois info of domain
Domain Name: 13BBC.COM
Registry Domain ID: 2955732907_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.godaddy.com
Registrar URL: http://www.godaddy.com
Updated Date: 2025-02-01T21:50:07Z
Creation Date: 2025-02-01T21:50:07Z
Registry Expiry Date: 2026-02-01T21:50:07Z
Registrar: GoDaddy.com, LLC
Registrar IANA ID: 146
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: 480-624-2505
Domain Status: clientDeleteProhibited https://icann.org/epp#clientDeleteProhibited
Domain Status: clientRenewProhibited https://icann.org/epp#clientRenewProhibited
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Domain Status: clientUpdateProhibited https://icann.org/epp#clientUpdateProhibited
Name Server: NS01.DOMAINCONTROL.COM
Name Server: NS02.DOMAINCONTROL.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-18T12:23:53Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass