Spaces:
Sleeping
Sleeping
Modified padding on .page width from 1.9cm to 1.2 cm, set classTable.frame width to 95%, set columnWrapper width to 100%, in storeUI.html moved buttons out of brewRenderer and to top layer of page-container
dcc8bc7
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <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' /> | |
| <link href="./storeUI.css" rel='stylesheet' /> | |
| <title>DnD Stat Block</title> | |
| <link rel="stylesheet" href="styles.css"> | |
| <script src="https://unpkg.com/[email protected]/dist/htmx.min.js"></script> | |
| </head> | |
| <body> | |
| <div class="grid-container"> | |
| <div class="block-container" id="blockContainer" > | |
| <div class="page" id = "block-page" data-page-id="block-container"> | |
| <!-- Blocks will be wrapped in a page div and loaded here --> | |
| </div> | |
| </div> | |
| <div class="page-container" id="pageContainer"> | |
| <h1>Describe your creature</h1> | |
| <textarea id="user-description" class="user-description-textarea" | |
| hx-post="/update-stats" hx-trigger="change" | |
| hx-target="#user-description" hx-swap="outerHTML" | |
| title="As much or as little description as you want to provide. You can provide specific employees, inventory etc">A very standard gear store run by a fae potted plant named Gorgeous</textarea> | |
| <button id="submitDescription">Submit</button> | |
| <button id="parseHTML">Parse HTML</button> | |
| <button id="resetButton">Reset</button> | |
| <button onclick="printPageContainer()">Print to PDF</button> | |
| <div class="brewRenderer" id="brewRenderer"> | |
| <div class="pages" id="pages"> | |
| <div id="page-1" class="page" data-page-id="page-0"> | |
| <div class="columnWrapper"> | |
| <div class="block monster frame wide"> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="trash-area" id="trashArea"></div> | |
| <!-- The Modal --> | |
| <div id="imageModal" class="modal"> | |
| <span class="close">×</span> | |
| <img class="modal-content" id="modalImage"> | |
| <div id="caption"></div> | |
| </div> | |
| <script src="scripts.js"></script> | |
| </script> | |
| </body> | |
| </html> |