Tod_1ncignito

It's actually nicely designed and love the Cat in the list box. I see you added your details in the list box but lately people have been copying and pasting my projects like the link db and i dont mind people working from it but not when they just rip and use so i shlap this in the end, i edited it for you to add your own details and its a nice hidden copyright owner author section inside a details tag that looks just like an arrow but to people who dont read code and just copy and paste they wont notice it

<div>
<details>
<summary> </summary>
<p>author = GlassCat, If you like this project or the concept of it <i><b>and</b></i> want to use it as a <i>template</i> <br> <small>(instead of a complete Copy Paste)</small>, <br> gimme a shout on <a href="example.com" target="_blank">here</a> and i'd be glad to help and share some of the code and templates with <b>thanks</b>.</details>
  </div>

Wow thats actually awesome and perfectly nice and small code use, i like it. This is just a little help with the map part :

Paste this line inside your hub-bar div at line 279 <button class="hud-btn" id="mapBtn">Map</button>

Paste this code in after the map-legend div at line 503

<!-- ══ MAP MODAL ══ -->
<div id="mapModal" class="modal-overlay" hidden>
  <div class="modal-box">
    <div class="modal-header">
      <span class="modal-title">Region Map</span>
      <button class="close-icon-btn" onclick="mapModal.hidden=true">&times;</button>
    </div>
    <div class="modal-body">
      <div style="width:100%; border:1px solid var(--border); border-radius:2px; overflow:hidden; background:#0e1c2e; margin-bottom:15px; box-shadow:0 0 20px rgba(0,0,0,0.5);">
        <svg viewBox="0 0 248 186" xmlns="http://www.w3.org/2000/svg" style="width:100%; height:auto; display:block;">
          <rect width="248" height="186" fill="#0e1c2e"/>
          <path d="M10,186 L10,50 Q30,30 60,40 Q80,20 120,30 Q160,15 200,35 Q230,30 248,50 L248,186 Z" fill="#142010" opacity="0.9"/>
          <ellipse cx="70" cy="100" rx="40" ry="30" fill="#0e1a0a" opacity="0.8"/>
          <ellipse cx="110" cy="85" rx="30" ry="22" fill="#0e1a0a" opacity="0.7"/>
          <ellipse cx="150" cy="105" rx="35" ry="25" fill="#0e1a0a" opacity="0.8"/>
          <path d="M124,176 Q124,140 120,110 Q118,90 100,75 Q80,60 60,50" stroke="#2a2416" stroke-width="3" fill="none" stroke-linecap="round"/>
          <path d="M124,176 Q128,140 140,110 Q158,85 180,70 Q200,58 220,60" stroke="#2a2416" stroke-width="3" fill="none" stroke-linecap="round"/>
          <path d="M0,80 Q40,90 80,85 Q100,82 120,95 Q140,108 160,100 Q200,88 248,100" stroke="#1a2d44" stroke-width="5" fill="none" stroke-linecap="round" opacity="0.9"/>
          <path d="M0,80 Q40,90 80,85 Q100,82 120,95 Q140,108 160,100 Q200,88 248,100" stroke="#1d3550" stroke-width="2" fill="none" stroke-linecap="round"/>
          <rect x="111" y="162" width="10" height="8" rx="1" fill="#3a3020"/>
          <polygon points="116,156 108,162 124,162" fill="#4a3a28"/>
          <rect x="53" y="64" width="8" height="8" rx="1" fill="#2a2018"/>
          <polygon points="185,58 178,72 192,72" fill="#2a2030" opacity="0.8"/>
          <rect x="180" y="72" width="10" height="4" rx="1" fill="#2a2030"/>
          <circle cx="124" cy="155" r="5" fill="none" stroke="#c9a55e" stroke-width="1.5"/>
          <circle cx="124" cy="155" r="2" fill="#c9a55e"/>
          <circle cx="124" cy="155" r="8" fill="none" stroke="#c9a55e" stroke-width="0.5" opacity="0.4"/>
          <circle cx="57"  cy="60" r="3" fill="#6a5a30" opacity="0.8"/>
          <circle cx="186" cy="62" r="3" fill="#3a3060" opacity="0.8"/>
          <circle cx="115" cy="160" r="3" fill="#504030" opacity="0.9"/>
          <ellipse cx="30"  cy="150" rx="25" ry="30" fill="#0e1c2e" opacity="0.6"/>
          <ellipse cx="220" cy="155" rx="30" ry="25" fill="#0e1c2e" opacity="0.5"/>
          <rect width="248" height="186" fill="none" stroke="#3a2f52" stroke-width="1.5" rx="1"/>
          <g transform="translate(226,20)">
            <line x1="0" y1="-10" x2="0" y2="10" stroke="#3a3020" stroke-width="0.8"/>
            <line x1="-10" y1="0" x2="10" y2="0" stroke="#3a3020" stroke-width="0.8"/>
            <polygon points="0,-10 -3,-5 3,-5" fill="#c9a55e" opacity="0.8"/>
            <text x="0" y="-12" text-anchor="middle" font-family="serif" font-size="6" fill="#8a7f6a">N</text>
          </g>
        </svg>
      </div>
      <div class="map-legend" style="justify-content:center;">
        <div class="legend-item"><div class="legend-dot" style="background:#c9a55e"></div>You (Current Location)</div>
        <div class="legend-item"><div class="legend-dot" style="background:#6a5a30"></div>Old Mill</div>
        <div class="legend-item"><div class="legend-dot" style="background:#3a3060"></div>Shrine</div>
        <div class="legend-item"><div class="legend-dot" style="background:#504030"></div>Village</div>
      </div>
      <div style="text-align:center; margin-top:15px; font-family:var(--serif); font-size:13px; color:var(--text-dim); font-style:italic;">
        The forest stretches endlessly to the North.
      </div>
    </div>
  </div>
</div>

And paste this script after function addLoreEntry at 898 and before Local Storage

// ── Map Button Function ───────────────────────────────────────────────
mapBtn.onclick = function() {
  mapModal.hidden = false;
};

Oh those are just place holders for setting up a search for yourself, i just gave you a rough wireframe start to work with. Like i said some people might not tag or add references or descriptions into their uploads so it might not find everything which isnt a bad thing, just shows nobody is adding tags or details or such.

If you mean a public gallery or public generators or such, you'd need to add the script details yourself but you could shlap something like this in.

<!-- sample search thingy -->

<!-- sort filter section -->
<div style="margin: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;">
  <span class="mainctls sortctl" style="margin-left: 8px; font-family: inherit; color: red;" >
    <select id="sortSelect" onchange="handleSort(this.value)">
      <option value="default" selected>Sort</option>
      <option value="a-z">A-Z</option>
      <option value="z-a">Z-A</option>
      <option value="dateCreated">Date Created</option>
      <option value="newest">Newest</option>
      <option value="oldest">Oldest</option>
      <option value="mostViews">Most Views</option>
    </select>
  </span>

  <!-- search filter thingy-->
  <span class="mainctls filterctl" style="margin-left: 8px; font-family: inherit; color: red;">
    <select id="filterSelect" onchange="handleFilter(this.value)">
      <option value="default" selected>Filter</option>
      <option value="all">All</option>
      <option value="Prompt">Prompt</option>
      <option value="NegativePrompt">NegativePrompt</option>
      <option value="SaveTitle">SaveTitle</option>
      <option value="SaveDescription">SaveDescription</option>
      <option value="Model">Model</option>
      <option value="Sampler">Sampler</option>
      <option value="CFGScale">CFGScale</option>
      <option value="Steps">Steps</option>
      <option value="ClipSkip">ClipSkip</option>
      <option value="Seed">Seed</option>
      <option value="FaceRestoration">FaceRestoration</option>
      <option value="Comments">Comments</option>
      <option value="Tags">Tags</option>
    </select>
  </span>
</div>

Nice simple generic search thingy, but then you kinda have to hope that they have tags or references to filter. This is just a scuffy sample but, its a simple start if you want to use it and work from. You need to populate the handleFilter(this.value) and handleSort(this.value) to work depending on how you want to use it, i left them empty so you can work away with it.

Like Bautler said, check the code

Is this a public generator or a custom one? If you check the source in the edit, there's a regex for catching stuff like that generally but if its a custom generator then you should report the generator and not the platform.

No worries, the first one i shared is a nested list so if you generate like 4 images using a nested list it can give you random parts for fresh different things, dont use negative prompts as it kinda confuses the ai image generator so i usually start with "a casual photo" or end with "its a casual photo" to stop generating oil painting or art

you can use simple sentences like : various POV of a man driving a car, seen from the driver seat, the passengers seat, seen from the floor up at the driver, seen from the back seat behind the driver, various views or to use the image in say a chat use :

<image>Driver's POV: Hands gripping a worn leather steering wheel at golden hour, rearview mirror framing a sleepy passenger, asphalt blurring into warm streaks through a bug-splattered windshield.</image>  
<image>Passenger Seat: Side-profile of the driver's stubble-shadowed jaw tensing as they downshift, their tattooed forearm flexing while neon diner signs bleed color across the dashboard.</image>  

for simple prompts drop the image tags,

Floor-Up View: Cropped shot from the footwell—dust motes swirling in shafts of headlight glow as the driver’s boot hovers over the clutch pedal, their ring glinting against the gearshift’s worn knob.

or

Backseat Behind Driver: Over-the-shoulder framing of rain-streaked windows warping streetlights into smears, the driver’s hoodie strings swaying with every turn, their eyes flicking to the mirror where headlights flare like distant comets.

Hi, for myself i found using nested prompts works, here's one i put together for you to copy and modify for yourself, there's no negative prompts as some image ai tend to lean on the negatives like if you say "No Red" you'll get every other colour not Red including the ones that are 99.9999999% not Exactly Red as basically its not wrong, just too nitty picky.. here ye go

{a cinematic|a noir-inspired|a moody|a vibrant} multi-perspective sequence of a {handsome|rugged|stylish|brooding} man driving a {vintage muscle car|sleek modern sedan|beat-up pickup|luxury convertible} through {a neon-lit city at night|a rain-slicked highway|a desert road at dusk|a winding coastal route}, captured in {dynamic Dutch angles|tight close-ups|wide establishing shots|gritty documentary framing}. From the driver's POV: his {strong hands gripping the wheel|tattooed fingers tapping the gearshift|leather-gloved grip adjusting the mirror}, the {glow of dashboard lights|reflection of passing streetlamps|flicker of a cigarette ember} across his {stubble-shadowed jaw|sharp cheekbones|tired eyes}. Passenger seat view: his {rolled-up sleeves revealing forearms|loose tie fluttering from an open window|denim jacket draped over the seat}, the {hint of a smirk|focused frown|distant gaze} as he {changes lanes aggressively|leans back casually|checks the rearview}. Low-angle shot from the footwell: his {boot pressing the pedal|knees splayed in relaxed control|shifting weight during a turn}, the {vibration of the engine|scuff marks on the floor mat|glint of a discarded bottle}. Backseat perspective: his {broad shoulders filling the frame|head slightly tilted to the radio|profile silhouetted against passing headlights}, the {worn leather seats|fuzzy dice hanging from the mirror|road atlas crumpled in the door pocket} completing the {lonely wanderer|rebel without a cause|man with a secret} aesthetic. {Golden hour|Hard neon|Monochrome|Desaturated} lighting, {gritty film grain|pristine digital clarity|oil painting texture}, {unshaven realism|James Dean cool|Tom Hardy intensity} vibes.

{a gritty|a cinematic|a neon-lit|a rain-soaked|a sun-drenched} first-person POV from the { Driver’s seat|Passenger's seat| Backseat look ahead|low angle from the driver's feet on the pedals looking up} of a {vintage muscle car|sleek modern sedan|beat-up pickup|lowrider|sports coupe}, the leather-wrapped steering wheel {gripped tightly|casually draped|worn smooth|dusty|gloved} in {rough|elegant|tattooed|sweaty|shaking} hands. The rearview mirror frames a {shadowy|smirking|tense|bloodied|exhausted} figure in the backseat, their {hooded|striking|unshaven|piercing-eyed|sunglass-covered} face half-lit by the {flickering dashboard lights|glow of a smartphone|passing streetlamps|moonlight|blinking police sirens}. Outside, the world blurs past in {a haze of city lights|a desert highway stretch|a storm-lashed countryside|a neon alleyway|a fog-choked forest road}, the windshield {smeared with rain|cracked|pristine|frosted|splattered with mud}. The atmosphere is {claustrophobic|electric|calm-before-the-storm|desperate|retro-cool}, with {the radio static|the hum of tires|tense silence|a distant police scanner|a synthwave bassline} humming beneath it all. The angle is {tight and intimate|dutch-tilted|wide-angle|slightly fisheye|shaky-cam raw}, making the viewer feel like they’re {part of a heist|on the run|lost in thought|headed toward doom|cruising into the night}.

sample sample two sample three

Yes i kinda got the same for half an hour, i kept getting references to possible> vpns blocking access and> browser security warning* saying> a page tried to make a network request that conflicts with that page’s Content Security Policy (CSP). * Because the CSP is in "report-only" mode, the browser only logged the violation instead of blocking the request. I Opened Dev tools* (ctrl+shift+c)** choose network tab and was showing error code 429 "Too Many Requests," indicating that the client has sent too many requests in a given time frame, exceeding the server's rate limit.
After half an hour it went back to normal,

1. It is a Simulation, Not a Generator The core of the generateVideo() function does not actually process your image into a video. Instead, it uses a simulation: It sets a timer for 3 seconds to mimic "processing". It then displays a text summary of the options you picked (duration, quality, prompt) rather than a video file. The actual code required to connect to a video AI service is commented out (disabled) and contains a placeholder URL (https://votre-api-de-generation-video.com/generate) that doesn't exist.

2. Privacy and Data Handling The code is designed to upload your images to a third-party service called Cloudinary. Data Upload: Even though the video generation is fake, the image upload is real. If you select a file, it is sent to a specific Cloudinary account (df86bzl7s).

Misleading Marketing: The interface uses aggressive "spicy" and "NSFW" marketing, specifically targeting "private photos" and "hidden pictures".

3. Age Gate Behavior The "Age Gate" is a simple JavaScript overlay. If you click "No," it simply replaces the page content with a message in French saying "Access denied". If you click "Yes," it just hides the black box to show the generator. It doesn't actually verify age; it's a basic barrier common in these types of bait-and-switch templates.

This code is a non-functional template. It collects your image by uploading it to a cloud server but provides nothing in return except a text box saying "Simulated video" Because it explicitly encourages users to upload "private" or "hidden" photos while sending them to a third-party server without actually providing the promised service, I would strongly advise against using or interacting with it.

DO you mean just an Image 2 Prompter "online site" or something Local like:

"easy Diffusion" https://easydiffusion.github.io/

or maybe a Library site like this :

https://easywithai.com/