Krosh and Yozhik's Sandwich Adventure
About this app
Join Krosh and Yozhik in their sandwich cooking adventure!
Krosh and Yozhik's Sandwich Adventure Krosh and Yozhik's Sandwich Adventure
Related apps
IPTV M3U8 & EPG Generator Studio | Image to M3U Playlist & Guide
Image to IPTV Converter & M3U Playlist Generator
Image to IPTV Converter & M3U Playlist Generator
Image to M3U Playlist Converter | IPTV & Media Stream Generator
Roulette Row Predictor Pro - Live Pattern & Trend Stats Analyzer
Video to Repeated Sequence Generator - Rhythm & Glitch Loop Maker
LoopCraft - Video to Repeated Sequence Converter
LoopMatrix - Video Sequence Repeater & Stutter Maker
MuffleFX - Video & Audio Low-Pass Filter Studio
Seeding Rate Calculator
Irrigation Set Time Calculator
Fertilizer Nutrient Units Calculator
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>Krosh and Yozhik's Sandwich Adventure</title>
<meta name="description" content="Join Krosh and Yozhik in their sandwich cooking adventure!">
<meta name="keywords" content="sandwich, cooking, adventure">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<!-- Built-In Functions for Apps -->
<script type="text/javascript">
var localStoragePrefix = "ct-169109056891834";
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);
}
}
// Main Script
$(document).ready(function() {
// Initialize the conversation
var conversation = [
{ speaker: "Krosh", message: "Hey Yozhik, I'm in the mood for a delicious sandwich. Wanna make one together?" },
{ speaker: "Yozhik", message: "Sure, Krosh! I love cooking. What ingredients do we need?" },
{ speaker: "Krosh", message: "We'll need bread, lettuce, tomatoes, cheese, and some mayo." },
{ speaker: "Yozhik", message: "Sounds good! Let's start by toasting the bread." },
{ speaker: "Krosh", message: "Great idea! I'll get the toaster ready." },
{ speaker: "Yozhik", message: "While the bread is toasting, let's chop the lettuce and tomatoes." },
{ speaker: "Krosh", message: "Good plan! I'll take care of the tomatoes, you handle the lettuce." },
{ speaker: "Yozhik", message: "Perfect! Let's make sure they're nicely chopped." },
{ speaker: "Krosh", message: "Now that the bread is toasted and the veggies are ready, it's time to assemble the sandwich." },
{ speaker: "Yozhik", message: "I'll spread some mayo on one side of each bread slice." },
{ speaker: "Krosh", message: "And I'll place the lettuce, tomatoes, and cheese on one slice." },
{ speaker: "Yozhik", message: "Finally, we'll put the other bread slice on top and press the sandwich gently." },
{ speaker: "Krosh", message: "Voila! Our delicious sandwich is ready to be enjoyed." },
{ speaker: "Yozhik", message: "I can't wait to take a bite. Let's dig in!" },
{ speaker: "Krosh", message: "Bon appétit, Yozhik!" },
{ speaker: "Yozhik", message: "Bon appétit, Krosh!" }
];
// Function to display conversation
function displayConversation() {
var conversationContainer = $("#conversation-container");
// Clear existing conversation
conversationContainer.empty();
// Loop through the conversation array and display each message
for (var i = 0; i < conversation.length; i++) {
var message = conversation[i];
var messageHtml = '<div class="message"><strong>' + message.speaker + ':</strong> ' + message.message + '</div>';
conversationContainer.append(messageHtml);
}
}
// Display the conversation on page load
displayConversation();
});
</script>
<style>
body {
background-color: #f1f3f5;
font-family: 'Roboto', sans-serif;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
.message {
margin-bottom: 10px;
padding: 10px;
background-color: #ffffff;
border-radius: 5px;
}
.message strong {
color: #ff7f50;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Krosh and Yozhik's Sandwich Adventure</h1>
<div id="conversation-container"></div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!