mirror of
https://github.com/msoedov/agentic_security.git
synced 2026-06-24 22:29:56 +02:00
Alexander Myasoedov
152 lines
4.3 KiB
HTML
152 lines
4.3 KiB
HTML
<head></head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>LLM Vulnerability Scanner</title>
|
|
<script src="/cdn/tailwindcss.js"></script>
|
|
<script src="/cdn/vue.js"></script>
|
|
<script src="/cdn/lucide.js"></script>
|
|
<link href="/cdn/technopollas.css" rel="stylesheet">
|
|
<style>
|
|
@import url('/cdn/inter.css');
|
|
</style>
|
|
<script>
|
|
tailwind.config = {
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['Inter', 'sans-serif'],
|
|
technopollas: ['Technopollas', 'sans-serif'],
|
|
},
|
|
colors: {
|
|
dark: {
|
|
bg: '#0D0D0D', // Jet Black
|
|
card: '#1A1A1A', // Dark Carbon Fiber
|
|
text: '#FFFFFF',
|
|
accent: {
|
|
green: '#E0A3B6', // Frozen Berry
|
|
red: '#1C3F74', // Neptune Blue
|
|
orange: '#A5A5A5', // Dolomite Silver
|
|
yellow: '#2E4053', // Jet Black
|
|
},
|
|
},
|
|
dark1: {
|
|
bg: '#121212',
|
|
card: '#1E1E1E',
|
|
text: '#FFFFFF',
|
|
accent: {
|
|
green: '#4CAF50',
|
|
red: '#F44336',
|
|
orange: '#FF9800',
|
|
yellow: '#FFEB3B',
|
|
// bg: '#0D0D0D', // Jet Black
|
|
// card: '#1A1A1A', // Dark Carbon Fiber
|
|
// text: '#FFFFFF',
|
|
// accent: {
|
|
// green: '#E0A3B6', // Frozen Berry
|
|
// red: '#1C3F74', // Neptune Blue
|
|
// orange: '#A5A5A5', // Dolomite Silver
|
|
// yellow: '#2E4053', // Jet Black
|
|
|
|
berry: '#E0A3B6', // Frozen Berry
|
|
blue: '#1C3F74', // Neptune Blue
|
|
silver: '#A5A5A5', // Dolomite Silver
|
|
black: '#DAF7A6', // Jet Black
|
|
},
|
|
variant1: {
|
|
primary: '#E0A3B6', // Frozen Berry
|
|
secondary: '#1C3F74', // Neptune Blue
|
|
highlight: '#A5A5A5', // Dolomite Silver
|
|
dark: '#000000' // Jet Black
|
|
},
|
|
variant2: {
|
|
primary: '#FF5733', // Lava Red
|
|
secondary: '#2E4053', // Midnight Blue
|
|
highlight: '#C0C0C0', // Platinum Silver
|
|
dark: '#121212' // Deep Black
|
|
},
|
|
variant3: {
|
|
primary: '#3D9970', // Racing Green
|
|
secondary: '#85144B', // Burgundy Red
|
|
highlight: '#AAAAAA', // Light Silver
|
|
dark: '#111111' // Matte Black
|
|
},
|
|
variant4: {
|
|
primary: '#FFC300', // Golden Yellow
|
|
secondary: '#DAF7A6', // Soft Mint
|
|
highlight: '#888888', // Titanium Gray
|
|
dark: '#222222' // Charcoal Black
|
|
},
|
|
},
|
|
},
|
|
borderRadius: {
|
|
'lg': '1rem',
|
|
},
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.scrollbar-hide::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.scrollbar-hide {
|
|
-ms-overflow-style: none; /* IE and Edge */
|
|
scrollbar-width: none; /* Firefox */
|
|
}
|
|
|
|
</style>
|
|
<style>
|
|
/* Toast-specific colors */
|
|
.bg-success-toast {
|
|
background: #1C3F74
|
|
}
|
|
|
|
.bg-error-toast {
|
|
background: #85144B
|
|
}
|
|
|
|
.bg-info-toast {
|
|
background: #FFC300
|
|
}
|
|
|
|
.border-accent-green, .border-accent-red, .border-accent-orange {
|
|
border-color: rgba(255, 255, 255, 0.1); /* Subtle white border for depth */
|
|
}
|
|
|
|
/* Animation */
|
|
.animate-toast-in {
|
|
animation: tSlideIn 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
|
|
}
|
|
|
|
@keyframes tSlideIn {
|
|
from {
|
|
transform: translateX(120%) scale(0.95);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
transform: translateX(0) scale(1);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.toast-enter-active,
|
|
.toast-leave-active {
|
|
transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
|
|
}
|
|
|
|
.toast-enter-from,
|
|
.toast-leave-to {
|
|
transform: translateX(120%) scale(0.95);
|
|
opacity: 0;
|
|
}
|
|
|
|
/* Hover effect */
|
|
[toast-type]:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);
|
|
}
|
|
</style>
|
|
</head>
|