Spaces:
Sleeping
Sleeping
Feature complete to import html and build blocks, with drag and drop, trash, reset.
d5fb696
<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> </p> | |
<div class="columnSplit"></div> | |
<p> </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> </p> | |
</div><!-- Close Column Wrapper--> | |
</div> <!-- Close Page 3--> | |
</div> <!-- Close pages--> | |
</div> <!--Close brew renderer--> | |
</div><!-- Close Div housing body--> | |
</body> | |
</html> |