mirror of
https://github.com/CyberAlbSecOP/Awesome_GPT_Super_Prompting.git
synced 2026-02-12 17:02:44 +00:00
Update index.html
This commit is contained in:
71
index.html
71
index.html
@@ -1,3 +1,4 @@
|
|||||||
|
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
@@ -395,6 +396,15 @@
|
|||||||
max-height: 95%;
|
max-height: 95%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@keyframes slideIn {
|
||||||
|
from {
|
||||||
|
transform: translateX(100%);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@@ -461,7 +471,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
// Complete file structure with all .md files
|
// Complete file structure with all .md files from your directory
|
||||||
const FILES_DATA = {
|
const FILES_DATA = {
|
||||||
"Latest Jailbreaks": [
|
"Latest Jailbreaks": [
|
||||||
"AGI.md",
|
"AGI.md",
|
||||||
@@ -623,12 +633,8 @@
|
|||||||
]
|
]
|
||||||
};
|
};
|
||||||
|
|
||||||
// Sample content for demonstration (in a real implementation, you'd fetch this from files)
|
// Cache for loaded file content
|
||||||
const SAMPLE_CONTENT = {
|
const fileContentCache = {};
|
||||||
"Latest Jailbreaks/AGI.md": "# AGI Jailbreak\n\nThis is a sample jailbreak prompt designed to bypass ChatGPT restrictions...",
|
|
||||||
"Legendary Leaks/Grimoire.md": "# Grimoire\n\nYou open the mysterious book\nIt begins with an inscription...",
|
|
||||||
"Prompt Security/Guardian Shield.md": "# Guardian Shield\n\nA comprehensive security prompt designed to protect against jailbreaking attempts..."
|
|
||||||
};
|
|
||||||
|
|
||||||
let currentFilter = 'all';
|
let currentFilter = 'all';
|
||||||
let searchTerm = '';
|
let searchTerm = '';
|
||||||
@@ -708,19 +714,44 @@
|
|||||||
`;
|
`;
|
||||||
}
|
}
|
||||||
|
|
||||||
function viewFile(filePath) {
|
async function viewFile(filePath) {
|
||||||
const modal = document.getElementById('fileModal');
|
const modal = document.getElementById('fileModal');
|
||||||
const modalTitle = document.getElementById('modalTitle');
|
const modalTitle = document.getElementById('modalTitle');
|
||||||
const modalBody = document.getElementById('modalBody');
|
const modalBody = document.getElementById('modalBody');
|
||||||
|
|
||||||
modalTitle.textContent = filePath.split('/').pop();
|
modalTitle.textContent = filePath.split('/').pop();
|
||||||
|
modalBody.innerHTML = '<div style="text-align: center; padding: 40px; color: #999;">Loading...</div>';
|
||||||
// In a real implementation, you'd fetch the actual file content
|
|
||||||
const content = SAMPLE_CONTENT[filePath] || `# ${filePath}\n\nThis is a placeholder for the actual file content.\n\nTo view the real content, you would need to fetch it from the server or load it from the file system.`;
|
|
||||||
|
|
||||||
modalBody.innerHTML = `<pre>${content}</pre>`;
|
|
||||||
modal.classList.add('active');
|
modal.classList.add('active');
|
||||||
document.body.style.overflow = 'hidden';
|
document.body.style.overflow = 'hidden';
|
||||||
|
|
||||||
|
try {
|
||||||
|
// Check cache first
|
||||||
|
if (fileContentCache[filePath]) {
|
||||||
|
modalBody.innerHTML = `<pre>${fileContentCache[filePath]}</pre>`;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Fetch the actual file content
|
||||||
|
const response = await fetch(filePath);
|
||||||
|
if (!response.ok) {
|
||||||
|
throw new Error(`Failed to load file: ${response.status}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
const content = await response.text();
|
||||||
|
fileContentCache[filePath] = content;
|
||||||
|
modalBody.innerHTML = `<pre>${content}</pre>`;
|
||||||
|
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error loading file:', error);
|
||||||
|
modalBody.innerHTML = `
|
||||||
|
<div style="color: #ff4757; padding: 20px; text-align: center;">
|
||||||
|
<i class="fas fa-exclamation-triangle" style="font-size: 2rem; margin-bottom: 16px;"></i>
|
||||||
|
<h3>Error Loading File</h3>
|
||||||
|
<p>Could not load ${filePath}</p>
|
||||||
|
<p style="font-size: 0.9rem; opacity: 0.8;">${error.message}</p>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function copyPath(filePath) {
|
function copyPath(filePath) {
|
||||||
@@ -798,20 +829,6 @@
|
|||||||
|
|
||||||
// Initialize the app when DOM is loaded
|
// Initialize the app when DOM is loaded
|
||||||
document.addEventListener('DOMContentLoaded', initializeApp);
|
document.addEventListener('DOMContentLoaded', initializeApp);
|
||||||
|
|
||||||
// Add CSS animation for notifications
|
|
||||||
const style = document.createElement('style');
|
|
||||||
style.textContent = `
|
|
||||||
@keyframes slideIn {
|
|
||||||
from {
|
|
||||||
transform: translateX(100%);
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
transform: translateX(0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
document.head.appendChild(style);
|
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user