Add 3 files
Browse files- README.md +7 -5
- index.html +422 -19
- prompts.txt +2 -0
README.md
CHANGED
|
@@ -1,10 +1,12 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
-
emoji:
|
| 4 |
-
colorFrom:
|
| 5 |
-
colorTo:
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
|
|
|
|
|
|
| 8 |
---
|
| 9 |
|
| 10 |
-
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
|
|
|
| 1 |
---
|
| 2 |
+
title: ai-crossover-writer-updated
|
| 3 |
+
emoji: 🐳
|
| 4 |
+
colorFrom: green
|
| 5 |
+
colorTo: yellow
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
| 8 |
+
tags:
|
| 9 |
+
- deepsite
|
| 10 |
---
|
| 11 |
|
| 12 |
+
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
index.html
CHANGED
|
@@ -1,19 +1,422 @@
|
|
| 1 |
-
<!
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>AI Crossover Writer</title>
|
| 7 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 8 |
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
| 9 |
+
<style>
|
| 10 |
+
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');
|
| 11 |
+
|
| 12 |
+
body {
|
| 13 |
+
font-family: 'Poppins', sans-serif;
|
| 14 |
+
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
|
| 15 |
+
min-height: 100vh;
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
.glow-text {
|
| 19 |
+
text-shadow: 0 0 10px rgba(59, 130, 246, 0.7);
|
| 20 |
+
}
|
| 21 |
+
|
| 22 |
+
.glow-box {
|
| 23 |
+
box-shadow: 0 0 20px rgba(59, 130, 246, 0.5);
|
| 24 |
+
}
|
| 25 |
+
|
| 26 |
+
.iframe-container {
|
| 27 |
+
position: relative;
|
| 28 |
+
overflow: hidden;
|
| 29 |
+
padding-top: 56.25%; /* 16:9 Aspect Ratio */
|
| 30 |
+
}
|
| 31 |
+
|
| 32 |
+
.responsive-iframe {
|
| 33 |
+
position: absolute;
|
| 34 |
+
top: 0;
|
| 35 |
+
left: 0;
|
| 36 |
+
bottom: 0;
|
| 37 |
+
right: 0;
|
| 38 |
+
width: 100%;
|
| 39 |
+
height: 100%;
|
| 40 |
+
border: none;
|
| 41 |
+
}
|
| 42 |
+
|
| 43 |
+
.typewriter h1 {
|
| 44 |
+
overflow: hidden;
|
| 45 |
+
border-right: .15em solid #3b82f6;
|
| 46 |
+
white-space: nowrap;
|
| 47 |
+
margin: 0 auto;
|
| 48 |
+
letter-spacing: .15em;
|
| 49 |
+
animation:
|
| 50 |
+
typing 3.5s steps(40, end),
|
| 51 |
+
blink-caret .75s step-end infinite;
|
| 52 |
+
}
|
| 53 |
+
|
| 54 |
+
@keyframes typing {
|
| 55 |
+
from { width: 0 }
|
| 56 |
+
to { width: 100% }
|
| 57 |
+
}
|
| 58 |
+
|
| 59 |
+
@keyframes blink-caret {
|
| 60 |
+
from, to { border-color: transparent }
|
| 61 |
+
50% { border-color: #3b82f6; }
|
| 62 |
+
}
|
| 63 |
+
|
| 64 |
+
.domain-badge {
|
| 65 |
+
background: rgba(30, 58, 138, 0.5);
|
| 66 |
+
border: 1px solid rgba(59, 130, 246, 0.5);
|
| 67 |
+
border-radius: 20px;
|
| 68 |
+
padding: 6px 12px;
|
| 69 |
+
font-size: 0.8rem;
|
| 70 |
+
margin: 0 4px;
|
| 71 |
+
display: inline-block;
|
| 72 |
+
cursor: pointer;
|
| 73 |
+
transition: all 0.3s ease;
|
| 74 |
+
}
|
| 75 |
+
|
| 76 |
+
.domain-badge:hover {
|
| 77 |
+
background: rgba(59, 130, 246, 0.3);
|
| 78 |
+
transform: translateY(-2px);
|
| 79 |
+
}
|
| 80 |
+
|
| 81 |
+
.feedback-section {
|
| 82 |
+
background: rgba(30, 41, 59, 0.5);
|
| 83 |
+
border-radius: 12px;
|
| 84 |
+
padding: 2rem;
|
| 85 |
+
margin-top: 2rem;
|
| 86 |
+
}
|
| 87 |
+
|
| 88 |
+
.feedback-input {
|
| 89 |
+
background: rgba(15, 23, 42, 0.7);
|
| 90 |
+
border: 1px solid rgba(59, 130, 246, 0.3);
|
| 91 |
+
color: white;
|
| 92 |
+
padding: 0.75rem 1rem;
|
| 93 |
+
border-radius: 8px;
|
| 94 |
+
width: 100%;
|
| 95 |
+
margin-bottom: 1rem;
|
| 96 |
+
}
|
| 97 |
+
|
| 98 |
+
.feedback-input:focus {
|
| 99 |
+
outline: none;
|
| 100 |
+
border-color: rgba(59, 130, 246, 0.7);
|
| 101 |
+
}
|
| 102 |
+
|
| 103 |
+
.submit-btn {
|
| 104 |
+
background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
|
| 105 |
+
color: white;
|
| 106 |
+
border: none;
|
| 107 |
+
padding: 0.75rem 1.5rem;
|
| 108 |
+
border-radius: 8px;
|
| 109 |
+
cursor: pointer;
|
| 110 |
+
transition: all 0.3s ease;
|
| 111 |
+
}
|
| 112 |
+
|
| 113 |
+
.submit-btn:hover {
|
| 114 |
+
transform: translateY(-2px);
|
| 115 |
+
box-shadow: 0 5px 15px rgba(59, 130, 246, 0.4);
|
| 116 |
+
}
|
| 117 |
+
|
| 118 |
+
.toast {
|
| 119 |
+
position: fixed;
|
| 120 |
+
bottom: 20px;
|
| 121 |
+
right: 20px;
|
| 122 |
+
background: rgba(30, 41, 59, 0.9);
|
| 123 |
+
color: white;
|
| 124 |
+
padding: 16px;
|
| 125 |
+
border-radius: 8px;
|
| 126 |
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
|
| 127 |
+
transform: translateY(100px);
|
| 128 |
+
opacity: 0;
|
| 129 |
+
transition: all 0.3s ease;
|
| 130 |
+
z-index: 1000;
|
| 131 |
+
}
|
| 132 |
+
|
| 133 |
+
.toast.show {
|
| 134 |
+
transform: translateY(0);
|
| 135 |
+
opacity: 1;
|
| 136 |
+
}
|
| 137 |
+
|
| 138 |
+
.security-badge {
|
| 139 |
+
background: rgba(220, 38, 38, 0.2);
|
| 140 |
+
border: 1px solid rgba(220, 38, 38, 0.5);
|
| 141 |
+
color: #f87171;
|
| 142 |
+
border-radius: 6px;
|
| 143 |
+
padding: 4px 8px;
|
| 144 |
+
font-size: 0.75rem;
|
| 145 |
+
font-weight: 600;
|
| 146 |
+
display: inline-flex;
|
| 147 |
+
align-items: center;
|
| 148 |
+
margin-left: 8px;
|
| 149 |
+
}
|
| 150 |
+
|
| 151 |
+
.security-badge i {
|
| 152 |
+
margin-right: 4px;
|
| 153 |
+
}
|
| 154 |
+
|
| 155 |
+
.update-card {
|
| 156 |
+
background: rgba(30, 41, 59, 0.7);
|
| 157 |
+
border-left: 4px solid #3b82f6;
|
| 158 |
+
border-radius: 8px;
|
| 159 |
+
padding: 1.5rem;
|
| 160 |
+
margin-bottom: 1.5rem;
|
| 161 |
+
transition: all 0.3s ease;
|
| 162 |
+
}
|
| 163 |
+
|
| 164 |
+
.update-card:hover {
|
| 165 |
+
transform: translateY(-3px);
|
| 166 |
+
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
|
| 167 |
+
}
|
| 168 |
+
|
| 169 |
+
.update-date {
|
| 170 |
+
color: #93c5fd;
|
| 171 |
+
font-size: 0.85rem;
|
| 172 |
+
margin-bottom: 0.5rem;
|
| 173 |
+
display: flex;
|
| 174 |
+
align-items: center;
|
| 175 |
+
}
|
| 176 |
+
|
| 177 |
+
.update-date i {
|
| 178 |
+
margin-right: 6px;
|
| 179 |
+
}
|
| 180 |
+
|
| 181 |
+
.security-icon {
|
| 182 |
+
color: #f87171;
|
| 183 |
+
font-size: 1.5rem;
|
| 184 |
+
margin-right: 1rem;
|
| 185 |
+
}
|
| 186 |
+
</style>
|
| 187 |
+
</head>
|
| 188 |
+
<body class="text-gray-100">
|
| 189 |
+
<div class="container mx-auto px-4 py-12">
|
| 190 |
+
<!-- Header Section -->
|
| 191 |
+
<header class="text-center mb-16">
|
| 192 |
+
<div class="flex justify-center mb-6">
|
| 193 |
+
<div class="bg-blue-500/20 p-4 rounded-full glow-box">
|
| 194 |
+
<i class="fas fa-random text-5xl text-blue-400"></i>
|
| 195 |
+
</div>
|
| 196 |
+
</div>
|
| 197 |
+
<h1 class="text-5xl font-bold mb-4 glow-text typewriter">AI Crossover Writer</h1>
|
| 198 |
+
<p class="text-xl text-blue-300 mb-8">Where your wildest crossover dreams come to life</p>
|
| 199 |
+
</header>
|
| 200 |
+
|
| 201 |
+
<!-- Security Update Section -->
|
| 202 |
+
<section class="mb-16">
|
| 203 |
+
<div class="flex items-center justify-center mb-8">
|
| 204 |
+
<h2 class="text-3xl font-bold text-center glow-text">Security Updates</h2>
|
| 205 |
+
<span class="security-badge">
|
| 206 |
+
<i class="fas fa-shield-alt"></i> IMPORTANT
|
| 207 |
+
</span>
|
| 208 |
+
</div>
|
| 209 |
+
|
| 210 |
+
<div class="max-w-4xl mx-auto">
|
| 211 |
+
<div class="update-card">
|
| 212 |
+
<div class="flex items-start">
|
| 213 |
+
<div class="security-icon">
|
| 214 |
+
<i class="fas fa-bug"></i>
|
| 215 |
+
</div>
|
| 216 |
+
<div>
|
| 217 |
+
<div class="update-date">
|
| 218 |
+
<i class="far fa-calendar-alt"></i> Latest Update: April 2025
|
| 219 |
+
</div>
|
| 220 |
+
<h3 class="text-xl font-semibold mb-2">XSS Protection Measures Implemented</h3>
|
| 221 |
+
<p class="text-gray-300 mb-3">
|
| 222 |
+
Due to recent incidents involving "script kiddies" attempting to inject malicious code into our platform,
|
| 223 |
+
we've implemented robust Cross-Site Scripting (XSS) protection measures.
|
| 224 |
+
</p>
|
| 225 |
+
<div class="bg-gray-800/50 p-4 rounded-lg mb-3">
|
| 226 |
+
<h4 class="font-medium text-red-400 mb-2">
|
| 227 |
+
<i class="fas fa-exclamation-triangle"></i> What happened?
|
| 228 |
+
</h4>
|
| 229 |
+
<p class="text-gray-300 text-sm">
|
| 230 |
+
Immature individuals ("script kiddies") thought it would be "cool" to try injecting JavaScript code
|
| 231 |
+
that could potentially harm other users' experience. These attacks were amateurish but disruptive.
|
| 232 |
+
</p>
|
| 233 |
+
</div>
|
| 234 |
+
<div class="bg-gray-800/50 p-4 rounded-lg">
|
| 235 |
+
<h4 class="font-medium text-green-400 mb-2">
|
| 236 |
+
<i class="fas fa-shield-virus"></i> Our Response
|
| 237 |
+
</h4>
|
| 238 |
+
<ul class="text-gray-300 text-sm list-disc pl-5 space-y-1">
|
| 239 |
+
<li>Implemented strict input sanitization for all user-generated content</li>
|
| 240 |
+
<li>Added Content Security Policy (CSP) headers to prevent unauthorized script execution</li>
|
| 241 |
+
<li>Enhanced server-side validation for all API endpoints</li>
|
| 242 |
+
<li>Added real-time monitoring for suspicious activity</li>
|
| 243 |
+
<li>Improved error handling to prevent information leakage</li>
|
| 244 |
+
</ul>
|
| 245 |
+
</div>
|
| 246 |
+
</div>
|
| 247 |
+
</div>
|
| 248 |
+
</div>
|
| 249 |
+
|
| 250 |
+
<div class="update-card">
|
| 251 |
+
<div class="flex items-start">
|
| 252 |
+
<div class="security-icon">
|
| 253 |
+
<i class="fas fa-user-shield"></i>
|
| 254 |
+
</div>
|
| 255 |
+
<div>
|
| 256 |
+
<div class="update-date">
|
| 257 |
+
<i class="far fa-calendar-alt"></i> Ongoing Commitment
|
| 258 |
+
</div>
|
| 259 |
+
<h3 class="text-xl font-semibold mb-2">Our Security Promise</h3>
|
| 260 |
+
<p class="text-gray-300">
|
| 261 |
+
We take security seriously and will continue to monitor and improve our defenses against all types of attacks.
|
| 262 |
+
While we understand the curiosity of beginners in cybersecurity, we cannot tolerate actions that disrupt
|
| 263 |
+
the experience for our legitimate users.
|
| 264 |
+
</p>
|
| 265 |
+
<p class="text-gray-400 mt-3 text-sm">
|
| 266 |
+
<i class="fas fa-info-circle"></i> If you're interested in ethical hacking, we recommend practicing on
|
| 267 |
+
<a href="https://www.hackthebox.com" target="_blank" class="text-blue-400 hover:underline">proper platforms</a>
|
| 268 |
+
designed for security research.
|
| 269 |
+
</p>
|
| 270 |
+
</div>
|
| 271 |
+
</div>
|
| 272 |
+
</div>
|
| 273 |
+
</div>
|
| 274 |
+
</section>
|
| 275 |
+
|
| 276 |
+
<!-- Main Content -->
|
| 277 |
+
<main class="mb-16">
|
| 278 |
+
<div class="text-center mb-8">
|
| 279 |
+
<p class="text-gray-400 mb-4">Try these working domains:</p>
|
| 280 |
+
<div class="flex justify-center flex-wrap gap-2">
|
| 281 |
+
<span class="domain-badge" onclick="window.open('https://crossoverwriter.on.websim.ai', '_blank')">crossoverwriter.on.websim.ai</span>
|
| 282 |
+
<span class="domain-badge" onclick="window.open('https://crossoverwriter--andytran.on.websim.ai', '_blank')">crossoverwriter--andytran.on.websim.ai</span>
|
| 283 |
+
</div>
|
| 284 |
+
</div>
|
| 285 |
+
|
| 286 |
+
<div class="bg-black/30 rounded-2xl overflow-hidden glow-box">
|
| 287 |
+
<div class="p-4 bg-gray-900 flex items-center">
|
| 288 |
+
<div class="flex space-x-2 mr-4">
|
| 289 |
+
<div class="w-3 h-3 rounded-full bg-red-500"></div>
|
| 290 |
+
<div class="w-3 h-3 rounded-full bg-yellow-500"></div>
|
| 291 |
+
<div class="w-3 h-3 rounded-full bg-green-500"></div>
|
| 292 |
+
</div>
|
| 293 |
+
<div class="text-sm text-gray-400">crossoverwriter.on.websim.ai</div>
|
| 294 |
+
</div>
|
| 295 |
+
<div class="iframe-container">
|
| 296 |
+
<iframe class="responsive-iframe" src="https://crossoverwriter.on.websim.ai" allowfullscreen></iframe>
|
| 297 |
+
</div>
|
| 298 |
+
</div>
|
| 299 |
+
</main>
|
| 300 |
+
|
| 301 |
+
<!-- Features Section -->
|
| 302 |
+
<section class="mb-16">
|
| 303 |
+
<h2 class="text-3xl font-bold text-center mb-12 glow-text">Why Choose Our Crossover Writer?</h2>
|
| 304 |
+
|
| 305 |
+
<div class="grid md:grid-cols-3 gap-8">
|
| 306 |
+
<div class="bg-gray-800/50 p-6 rounded-xl hover:glow-box transition-all">
|
| 307 |
+
<div class="text-blue-400 text-4xl mb-4">
|
| 308 |
+
<i class="fas fa-brain"></i>
|
| 309 |
+
</div>
|
| 310 |
+
<h3 class="text-xl font-semibold mb-2">Advanced AI</h3>
|
| 311 |
+
<p class="text-gray-300">Powered by cutting-edge AI that understands character personalities and universe rules to create believable crossovers.</p>
|
| 312 |
+
</div>
|
| 313 |
+
|
| 314 |
+
<div class="bg-gray-800/50 p-6 rounded-xl hover:glow-box transition-all">
|
| 315 |
+
<div class="text-purple-400 text-4xl mb-4">
|
| 316 |
+
<i class="fas fa-random"></i>
|
| 317 |
+
</div>
|
| 318 |
+
<h3 class="text-xl font-semibold mb-2">Endless Combinations</h3>
|
| 319 |
+
<p class="text-gray-300">Mix and match any characters, worlds, or genres - from sci-fi to fantasy, superheroes to historical figures.</p>
|
| 320 |
+
</div>
|
| 321 |
+
|
| 322 |
+
<div class="bg-gray-800/50 p-6 rounded-xl hover:glow-box transition-all">
|
| 323 |
+
<div class="text-green-400 text-4xl mb-4">
|
| 324 |
+
<i class="fas fa-magic"></i>
|
| 325 |
+
</div>
|
| 326 |
+
<h3 class="text-xl font-semibold mb-2">Creative Inspiration</h3>
|
| 327 |
+
<p class="text-gray-300">Break through writer's block with AI-generated crossover ideas that spark your imagination.</p>
|
| 328 |
+
</div>
|
| 329 |
+
</div>
|
| 330 |
+
</section>
|
| 331 |
+
|
| 332 |
+
<!-- Feedback Section -->
|
| 333 |
+
<section class="feedback-section glow-box">
|
| 334 |
+
<h2 class="text-2xl font-bold mb-6 text-center glow-text">Report Bugs or Leave Feedback</h2>
|
| 335 |
+
<form id="feedbackForm" class="max-w-lg mx-auto">
|
| 336 |
+
<div class="mb-4">
|
| 337 |
+
<label for="name" class="block text-gray-300 mb-2">Name (optional)</label>
|
| 338 |
+
<input type="text" id="name" class="feedback-input" placeholder="Your name">
|
| 339 |
+
</div>
|
| 340 |
+
<div class="mb-4">
|
| 341 |
+
<label for="email" class="block text-gray-300 mb-2">Email (optional)</label>
|
| 342 |
+
<input type="email" id="email" class="feedback-input" placeholder="Your email">
|
| 343 |
+
</div>
|
| 344 |
+
<div class="mb-4">
|
| 345 |
+
<label for="message" class="block text-gray-300 mb-2">Your Feedback</label>
|
| 346 |
+
<textarea id="message" class="feedback-input" rows="4" placeholder="Describe the bug or leave your feedback..." required></textarea>
|
| 347 |
+
</div>
|
| 348 |
+
<div class="text-center">
|
| 349 |
+
<button type="submit" class="submit-btn">Submit Feedback</button>
|
| 350 |
+
</div>
|
| 351 |
+
</form>
|
| 352 |
+
</section>
|
| 353 |
+
|
| 354 |
+
<!-- Footer -->
|
| 355 |
+
<footer class="text-center text-gray-400 text-sm mt-16">
|
| 356 |
+
<p>© 2025 AI Crossover Writer. All rights reserved.</p>
|
| 357 |
+
<p class="mt-2">Powered by advanced AI technology to bring your crossover dreams to life.</p>
|
| 358 |
+
<div class="flex justify-center space-x-4 mt-4">
|
| 359 |
+
<a href="#" class="hover:text-blue-400"><i class="fab fa-twitter"></i></a>
|
| 360 |
+
<a href="#" class="hover:text-pink-400"><i class="fab fa-discord"></i></a>
|
| 361 |
+
<a href="#" class="hover:text-red-400"><i class="fab fa-youtube"></i></a>
|
| 362 |
+
</div>
|
| 363 |
+
</footer>
|
| 364 |
+
</div>
|
| 365 |
+
|
| 366 |
+
<!-- Toast Notification -->
|
| 367 |
+
<div id="toast" class="toast">
|
| 368 |
+
<div class="flex items-center">
|
| 369 |
+
<i class="fas fa-check-circle text-green-400 mr-2"></i>
|
| 370 |
+
<span>Preparing your email...</span>
|
| 371 |
+
</div>
|
| 372 |
+
</div>
|
| 373 |
+
|
| 374 |
+
<script>
|
| 375 |
+
// Handle domain badge clicks
|
| 376 |
+
document.querySelectorAll('.domain-badge').forEach(badge => {
|
| 377 |
+
badge.addEventListener('click', function() {
|
| 378 |
+
const domain = this.textContent.trim();
|
| 379 |
+
window.open(`https://${domain}`, '_blank');
|
| 380 |
+
});
|
| 381 |
+
});
|
| 382 |
+
|
| 383 |
+
// Handle feedback form submission
|
| 384 |
+
document.getElementById('feedbackForm').addEventListener('submit', function(e) {
|
| 385 |
+
e.preventDefault();
|
| 386 |
+
|
| 387 |
+
// Get form values
|
| 388 |
+
const name = document.getElementById('name').value;
|
| 389 |
+
const email = document.getElementById('email').value;
|
| 390 |
+
const message = document.getElementById('message').value;
|
| 391 |
+
|
| 392 |
+
// Show toast notification
|
| 393 |
+
const toast = document.getElementById('toast');
|
| 394 |
+
toast.classList.add('show');
|
| 395 |
+
|
| 396 |
+
// Prepare email content
|
| 397 |
+
const subject = `Feedback for AI Crossover Writer${name ? ` from ${name}` : ''}`;
|
| 398 |
+
const body = `Feedback Details:\n\n${message}\n\n${email ? `Reply to: ${email}` : ''}`;
|
| 399 |
+
|
| 400 |
+
// Encode for mailto URL
|
| 401 |
+
const encodedSubject = encodeURIComponent(subject);
|
| 402 |
+
const encodedBody = encodeURIComponent(body);
|
| 403 |
+
|
| 404 |
+
// Create mailto link with multiple recipients
|
| 405 |
+
const mailtoLink = `mailto:[email protected],[email protected]?subject=${encodedSubject}&body=${encodedBody}`;
|
| 406 |
+
|
| 407 |
+
// Open email client after a small delay to show toast
|
| 408 |
+
setTimeout(() => {
|
| 409 |
+
window.location.href = mailtoLink;
|
| 410 |
+
|
| 411 |
+
// Hide toast after 3 seconds
|
| 412 |
+
setTimeout(() => {
|
| 413 |
+
toast.classList.remove('show');
|
| 414 |
+
}, 3000);
|
| 415 |
+
}, 1000);
|
| 416 |
+
|
| 417 |
+
// Reset form
|
| 418 |
+
this.reset();
|
| 419 |
+
});
|
| 420 |
+
</script>
|
| 421 |
+
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=huggingfacecurator/ai-crossover-writer-updated" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
|
| 422 |
+
</html>
|
prompts.txt
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
|
|
|
|
|
|
|
| 1 |
+
Add some section with update about added XSS attacks and the reason to this because of "script kiddies" think they're cool by inserting code (malicious code, XSS related) that ruins other people's projects.
|
| 2 |
+
Change the "Latest Update" thing to "April 2025" and copyright thing to "2025 AI Crossover Writer". Keep all other text intact including the copyright sign.
|