StoreGenerator / The_Mirage_Emporium.html
drakosfire's picture
Feature complete to import html and build blocks, with drag and drop, trash, reset.
d5fb696
raw
history blame
22.9 kB
<!DOCTYPE html>
<html>
<head>
<link href="./dependencies/all.css" rel="stylesheet" />
<link href="./dependencies/css.css?family=Open+Sans:400,300,600,700" rel="stylesheet" type="text/css" />
<link href='./dependencies/bundle.css' rel='stylesheet' />
<link href="./dependencies/style.css" rel='stylesheet' />
<link href="./dependencies/5ePHBstyle.css" rel='stylesheet' />
</head>
<title>The Mirage Emporium</title>
<body style="overflow: hidden">
<div>
<div class="brewRenderer" style="height: 692px;">
<div class="pages" lang="en">
<div class="page" id="p1">
<div class="columnWrapper">
<div class="Block_1">
<h1 id="store_name">The Mirage Emporium</h1>
<div contenteditable="true" class="" id="user-monster-description"
hx-post="/update-stats" hx-trigger="change"
hx-target="#user-monster-description" hx-swap="outerHTML"
title="Any amount or style of description">
<p>A peculiar shop filled with the odd and the useless, where each corner hides a laugh and a mystery. The Mirage Emporium was founded by a retired jester known for his love of the whimsical and the curious. He traveled the world collecting oddball items that struck his fancy, and upon amassing a considerable collection, opened a shop to share his treasures with the world. Locally famous for its bizarre and delightful inventory, though not particularly useful.</p>
</div>
</div> <!--Close Block_1-->
<!-- Generated Image of Shop -->
<div class="Block_2">
<textarea class="string-action-description-textarea" id="user-storefront-prompt-1"
hx-post="/update-stats" hx-trigger="change" hx-target="#user-sd-prompt" hx-swap="outerHTML"
title="Storefront image description">{sd_prompt}</textarea>
<p><img id="generated-image-1" cursor: pointer; src="https://media.githubusercontent.com/media/Drakosfire/StoreGenerator/master/galleries/test_images/morgor_meaty_marvels.png" alt="The Mirage Emporium"></p>
<button class="generate-image-button" data-block-id=1>Generate Image</button>
</div> <!--Close Block_2-->
<div class="Block_3">
<div class="block classTable frame decoration">
<table>
<thead>
<tr>
<th align="left"></th>
<th align="center"></th>
<th align="center"></th>
</tr>
</thead>
<tbody>
<tr>
<td align="left"><strong>Size</strong></td>
<td align="right">Small</td>
</tr>
<tr>
<td align="left"><strong>Town</strong></td>
<td align="right">Bramblebrook</td>
</tr>
<tr>
<td align="left"><strong>District</strong></td>
<td align="right">Harlequin Quarter</td>
</tr>
<tr>
<td align="left"><strong>Street</strong></td>
<td align="right">Twilight Alley</td>
</tr>
<tr>
<td align="left"><strong>Type</strong></td>
<td align="right">Curiosity Shop</td>
</tr>
<tr>
<td align="left"><strong>Owners</strong></td>
<td align="right">Fizzwidget Funsquirrel</td>
</tr>
<tr>
<td align="left"><strong>Employees</strong></td>
<td align="right">Marigold Merryleaf</td>
</tr>
<tr>
<td align="left"><strong>Store Hours</strong></td>
<td align="right">From dawn until the moonlight dances.</td>
</tr>
<tr>
<td align="left"><strong>Services</strong></td>
<td align="right">Laughter Therapy</td>
</tr>
<tr>
<td align="left"><strong>Specialties</strong></td>
<td align="right">Mystery Mounds</td>
</tr>
<tr>
<td align="left"><strong>Reputation</strong></td>
<td align="right">Locally famous for its bizarre and delightful inventory, though not particularly useful.</td>
</tr>
<tr>
<td align="left"><strong>Rumors</strong></td>
<td align="right">It's said that Fizzwidget once outwitted a dragon using only a rubber chicken and a whoopee cushion., Marigold can find lost items using her 'half-sense' for where things hide.</td>
</tr>
</tbody>
</table>
</div>
</div> <!--Close Block_3-->
<div class="Block_4">
<p><img class="" style="width:300px; mix-blend-mode:multiply;" src="https://media.githubusercontent.com/media/Drakosfire/StoreGenerator/master/galleries/test_images/Morgor_bloodclaw.png" alt="Fizzwidget Funsquirrel"></p>
</div> <!--Close Block_4-->
<div class="Block_5">
<h2 id="owner">Owner</h2>
</div> <!--Close Block_5-->
<div class="Block_6">
<h3 id="owner_0">Fizzwidget Funsquirrel</h3>
<table>
<thead>
<tr>
<th align="center"></th>
<th align="center"></th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><strong>Species</strong></td>
<td align="right">Gnome</td>
</tr>
<tr>
<td align="center"><strong>Class</strong></td>
<td align="right">Bard</td>
</tr>
<tr>
<td align="center"><strong>Description</strong></td>
<td align="left">A lively gnome with a perpetual twinkle in his eye and a knack for making people smile..</td>
</tr>
<tr>
<td align="center"><strong>Personality</strong></td>
<td align="left">Joyful, playful, and a tad mischievous.</td>
</tr>
<tr>
<td align="center"><strong>Secrets</strong></td>
<td align="left">Fizzwidget once performed a jester act for the Queen of Faerun.<br> He has a hidden collection of practical jokes for special customers.</td>
</tr>
</tbody>
</table>
</div> <!--Close Block_6-->
<p>&nbsp;</p>
<div class="columnSplit"></div>
<p>&nbsp;</p>
</div>
</div>
<div class="page" id="p2">
<div class="columnWrapper">
<div class="blank"></div>
<div class="Block_7"></div>
<h2 id="employees">Employees</h2>
</div> <!--Close Block_7-->
<h3 id="brega">Brega</h3>
<p><img class="" style="width:150px; mix-blend-mode:multiply;" src="https://media.githubusercontent.com/media/Drakosfire/StoreGenerator/master/galleries/test_images/Brega.png" alt="Brega"></p>
<table>
<thead>
<tr>
<th align="center"></th>
<th align="center"></th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><strong>Species</strong></td>
<td align="center">Half-Orc</td>
</tr>
<tr>
<td align="center"><strong>Class</strong></td>
<td align="center">Assistant Butcher</td>
</tr>
<tr>
<td align="center"><strong>Description</strong></td>
<td align="center">A burly half-orc with a kind face and a perpetual smudge of blood on his cheek. Brega handles the heavy lifting and cutting of larger beasts.</td>
</tr>
<tr>
<td align="center"><strong>Personality</strong></td>
<td align="center">Soft-spoken and gentle despite his imposing appearance, Brega is loyal to Morgor and respects his cunning. He has a soft spot for stray animals.</td>
</tr>
</tbody>
</table>
</div> <!--Close Block_8-->
<div class="Block_9">
<h1 id="notable-customers">Notable Customers</h1>
<div class="block note">
<h3 id="lord-vittorio-blackthorn">Lord Vittorio Blackthorn</h3>
<p>An eccentric noble known for his extravagant feasts featuring rare and exotic meats.</p>
<p>Lord Blackthorn’s patronage lends an air of mystery and prestige to Morgor’s shop, attracting curious gourmands and shady characters alike.</p>
</div>
</div> <!--Close Block_9-->
<div class="Block_10"></div>
<h1 id="related-quests">Related Quests</h1>
<h3 id="the-basilisk-bounty">The Basilisk Bounty</h3>
<p>Morgor needs fresh basilisk meat and offers a handsome reward for those brave enough to hunt one.</p>
<p>500 gold coins and choice cuts of meat.</p>
</div>
<div class="columnSplit"></div>
<div class="block">
<div class="Block_11">
<h1 id="services-and-specialties">Services and Specialties</h1>
<div class="blank"></div>
<h2 id="services">Services</h2>
<h3 id="custom-slaughtering">Custom Slaughtering</h3>
<p>Bring your own beasts, and Morgor will prepare the meat to your specifications.
50 gold coins per beast.</p>
<div class="blank"></div>
<h2 id="specialties">Specialties</h2>
<div class="blank"></div>
<h3 id="basilisk-cutlets">Basilisk Cutlets</h3>
<p>Tender and marbled with a unique flavor, perfect for those seeking a truly rare dining experience.</p>
<h3 id="subterranean-lizard-tail">Subterranean Lizard Tail</h3>
<p>A delicacy prized for its unique texture and earthy taste, enchanted to enhance its natural flavor.</p>
</div> <!--Close Block_10-->
<div class="Block_12">
<h1 id="security">Security</h1>
<div class="blank"></div>
<h3 id="bewitched-meat-hooks">Bewitched Meat Hooks</h3>
<p>These enchanted meat hooks animate and attack intruders who try to take meat without paying. 200 gold coins per pound.</p>
<div class="blank"></div>
<p>Attack: +5 to hit, 1d8+3 piercing damage.</p>
<h3 id="shadow-ward">Shadow Ward</h3>
<p>A magical barrier that alerts Morgor if someone enters the shop after hours. 150 gold coins per pound.</p>
<div class="blank"></div>
<p>Detection radius of 60 feet, triggers an audible alarm.</p>
</div> <!--Close Block_11-->
</div> <!-- Close Block -->
</div> <!-- close columnWrapper-->
</div> <!-- close page 2 -->
<div class="page" id="p3">
<div class="columnWrapper">
<div class="Block_13">
<div class="block classTable frame decoration">
<h5 id="inventory">Inventory</h5>
<table>
<thead>
<tr>
<th align="center">Name</th>
<th align="center">Type</th>
<th align="left">Cost</th>
<th align="center">Properties</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center">Poultry Drumsticks</td>
<td align="center">Meat</td>
<td align="left">1 gp per lbs</td>
<td align="center"></td>
</tr>
<tr>
<td align="center">Ground Beef</td>
<td align="center">Meat</td>
<td align="left">1 gp per lbs</td>
<td align="center"></td>
</tr>
<tr>
<td align="center">Pork Chops</td>
<td align="center">Meat</td>
<td align="left">1 gp per lbs</td>
<td align="center"></td>
</tr>
<tr>
<td align="center">Bacon Strips</td>
<td align="center">Meat</td>
<td align="left">1 gp per lbs</td>
<td align="center"></td>
</tr>
<tr>
<td align="center">Sausage Links</td>
<td align="center">Meat</td>
<td align="left">1 gp per lbs</td>
<td align="center"></td>
</tr>
<tr>
<td align="center">Mystic Minotaur Steak</td>
<td align="center">Exotic Meat</td>
<td align="left">25 gold per pound</td>
<td align="center">Grants temporary strength boost when consumed, Requires fine culinary skills to cook properly</td>
</tr>
<tr>
<td align="center">Quantum Quail</td>
<td align="center">Exotic Poultry</td>
<td align="left">15 gold each</td>
<td align="center">“Phases in and out of existence”, “Can enhance one’s agility”</td>
</tr>
<tr>
<td align="center">Invisible Bacon</td>
<td align="center">Mystical Meat</td>
<td align="left">10 gold per slice</td>
<td align="center">“Invisible to the naked eye”, “Tastes incredibly savory”, “Can only be seen with a special spell”</td>
</tr>
<tr>
<td align="center">Hydra Sausage</td>
<td align="center">Mythical Meat</td>
<td align="left">50 gold per link</td>
<td align="center">“Each bite regenerates after a while”, “Consuming too much may cause mild hallucinations”</td>
</tr>
<tr>
<td align="center">Cursed Cleaver</td>
<td align="center">Kitchen Equipment</td>
<td align="left">100 gold</td>
<td align="center">“Cuts through any meat effortlessly”, “Occasionally whispers in a long-forgotten language”, “Rumored to be haunted”</td>
</tr>
<tr>
<td align="center">Vampire Spice Mix</td>
<td align="center">Cooking Ingredient</td>
<td align="left">20 gold per pouch</td>
<td align="center">“Adds a distinct flavor”, “Enhances blood flow in the consumer”, “Leaves a lingering aftertaste of garlic”</td>
</tr>
<tr>
<td align="center">Phoenix Feather Skewers</td>
<td align="center">Cooking Utensil</td>
<td align="left">75 gold per set</td>
<td align="center">“Prevents meat from overcooking”, “Gives a slight warmth to cooked items”, “Reusable endlessly”</td>
</tr>
</tbody>
</table>
</div> <!--Close Block_12-->
</div>
<p>&nbsp;</p>
</div><!-- Close Column Wrapper-->
</div> <!-- Close Page 3-->
</div> <!-- Close pages-->
</div> <!--Close brew renderer-->
</div><!-- Close Div housing body-->
</body>
</html>