YTPMV Scan Maker | Create Your Stunning Scans!
About this app
Craft your own custom YTPMV (YouTube Poop Music Video) scans effortlessly with our vibrant and interactive YTPMV Scan Maker tool. Unleash your creativity today!
YTPMV Scan Maker | Create Your Stunning Scans! Create Your YTPMV Scan! Quick Scan Detailed Scan Themed Scan Generate Scan
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>YTPMV Scan Maker | Create Your Stunning Scans!</title>
<meta name="description" content="Craft your own custom YTPMV (YouTube Poop Music Video) scans effortlessly with our vibrant and interactive YTPMV Scan Maker tool. Unleash your creativity today!">
<meta name="keywords" content="YTPMV, Scan Maker, Custom Scans, Music Video, Creative Tool">
<!-- 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 {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.
document.addEventListener("DOMContentLoaded", function () {
const generateButton = document.getElementById('generate-button');
const scanOutput = document.getElementById('scan-output');
generateButton.addEventListener('click', function () {
const title = document.getElementById('title-input').value;
const artist = document.getElementById('artist-input').value;
const scanType = document.getElementById('scan-type').value;
// Generate the scan based on input
const generatedScan = `<div class="result-scan">
<h3>Scan Title: ${title}</h3>
<p>Artist: ${artist}</p>
<p>Scan Type: ${scanType}</p>
<div class="wave"></div>
</div>`;
scanOutput.innerHTML = generatedScan;
// Add animation for visual feedback
$('.result-scan').hide().fadeIn(500);
});
});
} catch (error) {
throw error;
}
</script>
<style>
body {
background: linear-gradient(120deg, #ff7e5f, #feb47b);
color: #fff;
font-family: 'Arial', sans-serif;
overflow: hidden;
}
#main-container {
text-align: center;
padding: 50px;
}
input, select {
padding: 10px;
margin: 10px;
width: 80%;
border: none;
border-radius: 5px;
font-size: 18px;
}
button {
background: #ff6b6b;
color: white;
font-weight: bold;
border: none;
padding: 15px 30px;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background: #ff4b4b;
}
.result-scan {
margin-top: 20px;
background: rgba(255, 255, 255, 0.1);
padding: 20px;
border-radius: 10px;
animation: fadeIn 0.5s ease;
}
.wave {
width: 100%;
height: 5px;
background: #ff6b6b;
animation: wave 1s infinite;
}
@keyframes wave {
0%, 100% { transform: scaleY(1); }
50% { transform: scaleY(1.5); }
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Create Your YTPMV Scan!</h1>
<input type="text" id="title-input" placeholder="Enter Title" required>
<input type="text" id="artist-input" placeholder="Enter Artist" required>
<select id="scan-type">
<option value="Quick Scan">Quick Scan</option>
<option value="Detailed Scan">Detailed Scan</option>
<option value="Themed Scan">Themed Scan</option>
</select>
<button id="generate-button">Generate Scan</button>
<div id="scan-output"></div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!