Calculator Tools Calculator Tools
Create

PawPKG DVD Menu

Nov 13, 2023

About this app

DVD menu for the PawPKG series, with intro and episode selection.

PawPKG DVD Menu PawPKG DVD Menu Play Intro Select an Episode: Episode

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>PawPKG DVD Menu</title>
<meta name="description" content="DVD menu for the PawPKG series, with intro and episode selection.">
<meta name="keywords" content="PawPKG, DVD menu, episodes, intro, animation">

<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 {
document.addEventListener("DOMContentLoaded", function() {
var introButton = document.getElementById('intro-button');
var episodeButtons = document.querySelectorAll('.episode-button');

introButton.addEventListener('click', function() {
window.location.href = 'intro.html'; // replace this with the actual intro URL
});

episodeButtons.forEach(function(button) {
button.addEventListener('click', function() {
var episodeNumber = button.getAttribute('data-episode');
window.location.href = 'episode' + episodeNumber + '.html'; // replace this with the actual episode URLs
});
});
});
} catch (error) {
throw error;
}
</script>

<style>
/* Add your custom CSS styles here */
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>PawPKG DVD Menu</h1>
<button id="intro-button">Play Intro</button>

<h2>Select an Episode:</h2>
<div id="episode-selection">
<!-- Replace 3981-4134 with the actual episode numbers -->
<% for (let i = 3981; i <= 4134; i++) { %>
<button class="episode-button" data-episode="<%= i %>">Episode <%= i %></button>
<% } %>
</div>
</div>
</body>
</html>