Double Episode - Your Streaming Companion
About this app
Discover and track your favorite double episodes of shows with ease! Perfect for binge-watchers and fans.
Double Episode - Your Streaming Companion Double Episode Tracker
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>Double Episode - Your Streaming Companion</title>
<meta name="description" content="Discover and track your favorite double episodes of shows with ease! Perfect for binge-watchers and fans." />
<meta name="keywords" content="double episode, show tracker, binge watching, TV shows, episode guide, streaming" />
<!-- Libraries -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css" crossorigin="anonymous">
<script type="text/javascript">
try {
document.addEventListener("DOMContentLoaded", function() {
const episodes = [
{ title: "The Season Premiere", description: "Join us for the thrilling start to the season!", airDate: "2023-08-01" },
{ title: "A Double Feature Twist!", description: "Twists and turns in this heart-stopping double episode.", airDate: "2023-08-08" }
];
const episodeList = document.getElementById('episode-list');
episodes.forEach((episode) => {
const card = document.createElement('div');
card.classList.add('card', 'my-3', 'shadow');
card.innerHTML = `
<div class="card-body">
<h5 class="card-title">${episode.title}</h5>
<p class="card-text">${episode.description}</p>
<p class="text-muted">Air Date: ${episode.airDate}</p>
<button class="btn btn-primary" onclick="showDetails('${episode.title}', '${episode.description}')">View Details</button>
</div>
`;
episodeList.appendChild(card);
});
});
function showDetails(title, description) {
alert(`Episode: ${title}\nDescription: ${description}`);
}
} catch (error) {
throw error;
}
</script>
<style>
body {
background: linear-gradient(to right, #ff7e5f, #feb47b);
color: #fff;
transition: background 0.5s, color 0.5s;
}
#main-container {
margin-top: 50px;
}
.card {
background: rgba(255, 255, 255, 0.1);
border-radius: 15px;
}
.btn-primary {
background: #ff4757;
border: none;
}
.btn-primary:hover {
background: #ff6b81;
}
h1 {
font-size: 2.5rem;
text-align: center;
margin-bottom: 20px;
text-shadow: 2px 2px 10px rgba(0,0,0,0.7);
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Double Episode Tracker</h1>
<div id="episode-list"></div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!