Shuric Scan Generator
About this app
Create and generate custom Shuric scans for enhanced data visualization and analysis. Intuitive, colorful and interactive interface.
Shuric Scan Generator Shuric Scan Generator Select Scan Type: Type A Type B Type C Number of Scans: Generate Scans
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>Shuric Scan Generator</title>
<meta name="description" content="Create and generate custom Shuric scans for enhanced data visualization and analysis. Intuitive, colorful and interactive interface.">
<meta name="keywords" content="Shuric, Scan Generator, Data Visualization, Interactive Tool, Custom Scans">
<!-- 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 generateButton = document.getElementById("generate-btn");
const outputArea = document.getElementById("output-area");
generateButton.addEventListener("click", function() {
const scanType = document.getElementById("scan-type").value;
const scanCount = document.getElementById("scan-count").value;
outputArea.innerHTML = "<h3>Generated Scans:</h3>";
for (let i = 0; i < scanCount; i++) {
const randomScan = Math.random().toString(36).substr(2, 8);
outputArea.innerHTML += "<div class='alert alert-success scan-item' role='alert'>" + scanType + " - " + randomScan + " </div>";
}
});
});
} catch (error) {
throw error;
}
</script>
<style>
body {
background: linear-gradient(120deg, #84fab0, #8fd3f4);
font-family: 'Arial', sans-serif;
color: #333;
}
#main-container {
margin-top: 50px;
text-align: center;
}
.scan-item {
margin-top: 10px;
transition: transform 0.2s;
}
.scan-item:hover {
transform: scale(1.03);
cursor: pointer;
}
h1 {
margin-bottom: 30px;
color: #3a3a3a;
font-size: 2.5em;
text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.5);
}
.form-control, .btn {
margin-bottom: 20px;
}
.btn {
background: #28a745;
border: none;
color: white;
}
.btn:hover {
background: #218838;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Shuric Scan Generator</h1>
<div class="form-group">
<label for="scan-type">Select Scan Type:</label>
<select id="scan-type" class="form-control">
<option value="Type A">Type A</option>
<option value="Type B">Type B</option>
<option value="Type C">Type C</option>
</select>
</div>
<div class="form-group">
<label for="scan-count">Number of Scans:</label>
<input type="number" id="scan-count" class="form-control" min="1" value="1">
</div>
<button id="generate-btn" class="btn btn-success">Generate Scans</button>
<div id="output-area" class="mt-4"></div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!