JSON Decoding Error: The fetched content is not valid JSON. Showing raw content below.
Raw Content Fetched (Check this to debug the source URL's output):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tool Dashboard & JSON Extractor</title>
<style>
:root {
--primary-color: #007bff;
--secondary-color: #28a745;
--fetch-color: #ff9800;
--bg-color: #1e1e1e;
--card-bg: #222;
--text-color: #d4d4d4;
--shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
--radius: 8px;
}
body {
font-family: 'Consolas', 'Courier New', monospace;
background-color: var(--bg-color);
color: var(--text-color);
margin: 0;
padding: 0;
min-height: 100vh;
}
.container {
width: 95%;
max-width: 1400px;
margin: 20px auto;
background: var(--card-bg);
padding: 30px;
border-radius: var(--radius);
box-shadow: var(--shadow);
}
.header {
background-color: #333;
color: white;
padding: 20px;
border-bottom: 3px solid var(--primary-color);
text-align: center;
margin: -30px -30px 20px -30px;
font-size: 1.8em;
font-weight: 700;
}
.nav-bar {
display: flex;
gap: 15px;
margin-bottom: 30px;
border-bottom: 1px solid #555;
padding-bottom: 15px;
}
.tool-button {
display: inline-block;
padding: 12px 25px;
background-color: var(--primary-color);
color: white;
text-decoration: none;
border-radius: var(--radius);
transition: all 0.3s;
border: none;
cursor: pointer;
font-size: 1em;
}
.tool-button.manage { background-color: var(--secondary-color); }
.tool-button.fetch-btn { background-color: var(--fetch-color); color: black !important;}
.tool-button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
opacity: 0.9;
}
h2 {
color: var(--primary-color);
border-bottom: 1px solid #555;
padding-bottom: 5px;
margin-top: 30px;
}
.code-area {
background: #1a1a1a;
color: #f0c674;
padding: 20px;
border-radius: var(--radius);
overflow-x: auto;
white-space: pre-wrap;
word-wrap: break-word;
border: 1px solid #444;
cursor: pointer;
min-height: 100px;
user-select: all;
}
.error {
background-color: #dc3545;
color: white;
padding: 15px;
border-radius: 5px;
font-weight: bold;
}
.instruction {
color: #79d279;
margin-bottom: 5px;
font-weight: bold;
}
/* Form & Table Styles (Management) */
h4 { color: var(--primary-color); }
.form-area {
background-color: #333;
padding: 20px;
border-radius: var(--radius);
margin-bottom: 20px;
}
input[type="text"] {
width: 100%;
padding: 10px;
box-sizing: border-box;
border: 1px solid #555;
border-radius: 4px;
background-color: #444;
color: white;
margin-top: 5px;
}
label { display: block; margin-bottom: 5px; margin-top: 10px; }
table { width: 100%; border-collapse: collapse; margin-top: 20px; }
th, td { border: 1px solid #555; padding: 12px; text-align: left; font-size: 0.9em;}
th { background-color: #444; color: #fff; }
.edit-btn, .delete-btn { padding: 8px 15px; border-radius: 4px; text-decoration: none; font-weight: 500; margin-right: 5px; display: inline-block;}
.edit-btn { background-color: #ffc107; color: black; }
.delete-btn { background-color: #dc3545; color: white; }
</style>
<script>
function copyContent(elementId) {
const element = document.getElementById(elementId);
const selection = window.getSelection();
const range = document.createRange();
range.selectNodeContents(element);
selection.removeAllRanges();
selection.addRange(range);
try {
document.execCommand('copy');
alert(elementId.toUpperCase() + ' data copied to clipboard successfully!');
} catch (err) {
alert('Could not copy automatically. Please select the text and copy manually.');
}
selection.removeAllRanges();
}
</script>
</head>
<body>
<div class="container">
<div class="header">
🔗 Custom Tool Dashboard & JSON Extractor
</div>
<div class="nav-bar">
<a href="?action=home" class="tool-button">🏠 Tool List</a>
<a href="?action=manage" class="tool-button manage">⚙️ Manage Tools</a>
</div>
<h2>Select a Tool to Fetch Data:</h2>
<div class="tool-grid">
<a href="?website=176416960369271783ea0c0" class="tool-link">demo</a>
</div>
</div>
</body>
</html>
← Back to Management