Hugging Face's logo

Spaces:
gstaff
/
test_space
Runtime error

App Files Community
test_space / monsterMakerTemplate.html
gstaff's picture
gstaff
Filter extra 'Actions' text from result HTML, try two column layout, add labels to app components, rename from Test Space to MonsterGen
3953183
raw history blame
No virus
6.05 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.css"
crossorigin="anonymous">
<link rel="stylesheet" type="text/css"
href="https://cdn.datatables.net/v/bs4/dt-1.10.18/r-2.2.2/b-1.5.6/b-colvis-1.5.6/datatables.min.css">
<link rel="stylesheet" type="text/css"
href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i|Alegreya+Sans+SC:700">
<link rel="stylesheet" type="text/css" href="monstermaker.css">
</head>
<body>
<div class="monster theme-5e columns-2">
<div class="monster-contents">
<div class="monster-contents-header"></div>
<div class="monster-contents-body">
<div class="monster-image inline">
<img src="{image_data}" alt="Picture of {name}" />
</div>
<div class="monster-header">
<div>
<h4>{name}</h4>
<p class="monster-description">{monster_type}</p>
</div>
</div>
<hr>
<ul>
<li class="monster-ac">
<p>
<span class="label">Armor Class</span>
<span>{armor_class}</span>
</p>
</li>
<li class="monster-hp">
<p>
<span class="label">Hit Points</span>
<span>{hit_points}</span>
</p>
</li>
<li class="monster-speed">
<p>
<span class="label">Speed</span>
<span>{speed}</span>
</p>
</li>
</ul>
<hr>
<div class="monster-abilities">
<div class="monster-ability">
<span class="label">Str</span>
<span>{str_stat}</span>
</div>
<div class="monster-ability">
<span class="label">Dex</span>
<span>{dex_stat}</span>
</div>
<div class="monster-ability">
<span class="label">Con</span>
<span>{con_stat}</span>
</div>
<div class="monster-ability">
<span class="label">Int</span>
<span>{int_stat}</span>
</div>
<div class="monster-ability">
<span class="label">Wis</span>
<span>{wis_stat}</span>
</div>
<div class="monster-ability">
<span class="label">Cha</span>
<span>{cha_stat}</span>
</div>
</div>
<hr>
<ul class="monster-stats">
<li class="monster-saves">
<p>
<span class="label">Saving Throws</span>
<span>{saving_throws}</span>
</p>
</li>
<li class="monster-skills">
<p>
<span class="label">Skills</span>
<span>{skills}</span>
</p>
</li>
<li class="monster-vulnerabilities">
<p>
<span class="label">Damage Vulnerabilities</span>
<span>{damage_vulnerabilities}</span>
</p>
</li>
<li class="monster-resistances">
<p>
<span class="label">Damage Resistances</span>
<span>{damage_resistances}</span>
</p>
</li>
<li class="monster-immunities">
<p>
<span class="label">Damage Immunities</span>
<span>{damage_immunities}</span>
</p>
</li>
<li class="monster-conditions">
<p>
<span class="label">Condition Immunities</span>
<span>{condition_immunities}</span>
</p>
</li>
<li class="monster-senses">
<p>
<span class="label">Senses</span>
<span>{senses}</span>
</p>
</li>
<li class="monster-languages">
<p>
<span class="label">Languages</span>
<span>{languages}</span>
</p>
</li>
<li class="monster-challenge">
<p>
<span class="label">Challenge</span>
<span>{challenge}</span>
</p>
</li>
</ul>
<hr>
<h5 class="h5-traits">Traits</h5>
<div class="h5-border"></div>
{passives}
<h5>Actions</h5>
<div class="h5-border"></div>
{actions}
<h5 class="h5-notes">Notes</h5>
<div class="h5-border"></div>
<div class="monster-notes">
<p class="note">{description}</p>
</div>
<p class="monster-footer">Made by MonsterGen</p>
</div>
<div class="monster-contents-footer"></div>
</div>
</div>
</body>
</html>