Calculator Tools Calculator Tools
Create

Transcript App

Aug 12, 2026

About this app

Interactive transcript app for Popo's Play Room

Transcript App Popo's Play Room Popo will start in this room. Start Game Party Hallway Popo will move to this hallway after leaving the play room. Move to Cam 12 Cam 12 In this cam, you can choose to shut the vent or let Popo through. Shut Vent Let Through Office Vent If Popo is let through, he will come through this vent. DO NOT shine the light on him or it will result in instant death. If you ignore him, he will go back to Popo's Play Room.

Related apps

Put this on your site

Source

                    <html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">

<title>Transcript App</title>
<meta name="description" content="Interactive transcript app for Popo's Play Room">
<meta name="keywords" content="transcript, game, Popo's Play Room">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<!-- Built-In Functions for Apps -->
<script type="text/javascript">
var localStoragePrefix = "transcript-app-169090974619205";
var lastSave = 0;
// save to localstorage
function saveLocal(data) {
if (Date.now() - lastSave < 1000) {
return;
}
// save to cookie
let cookie = localStoragePrefix + "=" + JSON.stringify(data) + "; path=" + window.location.pathname + "'; SameSite=Strict";
cookie += "; expires=" + new Date(Date.now() + 1000 * 60 * 60 * 24 * 365 * 1000).toUTCString();
document.cookie = cookie;
lastSave = Date.now();
}

// load from localstorage
function loadLocal() {
var cookiePrefix = localStoragePrefix + "=";
var cookieStart = document.cookie.indexOf(cookiePrefix);
if (cookieStart > -1) {
let cookieEnd = document.cookie.indexOf(";", cookieStart);
if (cookieEnd == -1) {
cookieEnd = document.cookie.length;
}
var cookieData = document.cookie.substring(cookieStart + cookiePrefix.length, cookieEnd);
return JSON.parse(cookieData);
}
}

// Initialize App
$(document).ready(function() {
// Load saved data from local storage
var savedData = loadLocal();
if (savedData) {
// Code to continue from saved state
} else {
// Code to start a new game
}
});
</script>

<style>
/* App CSS Goes Here */
</style>
</head>
<body>
<div id="main-container" class="container">
<!-- App HTML Goes Here -->
<div id="play-room" class="card">
<div class="card-body">
<h5 class="card-title">Popo's Play Room</h5>
<p class="card-text">Popo will start in this room.</p>
<button id="start-btn" class="btn btn-primary">Start Game</button>
</div>
</div>
<div id="party-hallway" class="card">
<div class="card-body">
<h5 class="card-title">Party Hallway</h5>
<p class="card-text">Popo will move to this hallway after leaving the play room.</p>
<button id="move-btn" class="btn btn-primary">Move to Cam 12</button>
</div>
</div>
<div id="cam-12" class="card">
<div class="card-body">
<h5 class="card-title">Cam 12</h5>
<p class="card-text">In this cam, you can choose to shut the vent or let Popo through.</p>
<button id="shut-vent-btn" class="btn btn-primary">Shut Vent</button>
<button id="let-through-btn" class="btn btn-primary">Let Through</button>
</div>
</div>
<div id="office-vent" class="card">
<div class="card-body">
<h5 class="card-title">Office Vent</h5>
<p class="card-text">If Popo is let through, he will come through this vent.</p>
<p class="card-text">DO NOT shine the light on him or it will result in instant death.</p>
<p class="card-text">If you ignore him, he will go back to Popo's Play Room.</p>
</div>
</div>
</div>

<script type="text/javascript">
// App Javascript Goes Here
$(document).ready(function() {
// Start Game
$("#start-btn").click(function() {
// Code to start the game
// Move to Party Hallway
$("#play-room").hide();
$("#party-hallway").show();
});

// Move to Cam 12
$("#move-btn").click(function() {
// Code to move to Cam 12
// Show Cam 12
$("#party-hallway").hide();
$("#cam-12").show();
});

// Shut Vent
$("#shut-vent-btn").click(function() {
// Code to shut the vent
// Show Office Vent
$("#cam-12").hide();
$("#office-vent").show();
});

// Let Through
$("#let-through-btn").click(function() {
// Code to let Popo through
// Show Office Vent
$("#cam-12").hide();
$("#office-vent").show();
});
});
</script>
</body>
</html>