Calculator Tools Calculator Tools
Create

Windows JunyTony Simulator

Jan 3, 2024

About this app

Experience the fun of using Windows JunyTony Simulator, a virtual desktop with colorful icons and animations.

Windows JunyTony Simulator

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>Windows JunyTony Simulator</title>
<meta name="description" content="Experience the fun of using Windows JunyTony Simulator, a virtual desktop with colorful icons and animations.">
<meta name="keywords" content="Windows, Simulator, JunyTony, Desktop, Icons, Virtual, Fun, Colorful">

<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">

<script type="text/javascript">
try {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.

// This will run when the DOM is ready.
document.addEventListener("DOMContentLoaded", function() {
// Add a fun Google Font
var link = document.createElement("link");
link.rel = "stylesheet";
link.href = "https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap";
document.head.appendChild(link);

// Set the title
document.title = "Windows JunyTony Simulator";

// Create the desktop container
var desktopContainer = document.createElement("div");
desktopContainer.id = "desktop-container";
document.getElementById("main-container").appendChild(desktopContainer);

// Create the desktop icons
var icons = [
{ name: "My Computer", icon: "fa fa-desktop" },
{ name: "Documents", icon: "fa fa-file" },
{ name: "Pictures", icon: "fa fa-picture-o" },
{ name: "Music", icon: "fa fa-music" },
{ name: "Videos", icon: "fa fa-video-camera" },
];

icons.forEach(function(icon) {
var iconContainer = document.createElement("div");
iconContainer.className = "icon-container";

var iconElement = document.createElement("i");
iconElement.className = icon.icon;

var nameElement = document.createElement("p");
nameElement.textContent = icon.name;

iconContainer.appendChild(iconElement);
iconContainer.appendChild(nameElement);

desktopContainer.appendChild(iconContainer);
});
});

} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>

<style>
/* App CSS Goes Here */
body {
background-color: #f2f2f2;
font-family: 'Indie Flower', cursive;
margin: 0;
padding: 0;
}

#main-container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

#desktop-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
max-width: 600px;
padding: 2rem;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.icon-container {
display: flex;
flex-direction: column;
align-items: center;
}

.icon-container i {
font-size: 3rem;
color: #ff6f00;
margin-bottom: 0.5rem;
}

.icon-container p {
font-size: 1rem;
color: #333;
text-align: center;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<!-- App HTML Goes Here -->
</div>
</body>
</html>