test_space / monsterMakerTemplate.html
gstaff's picture
Improve card formatting, render html into png for return
af7014e
raw
history blame
7.97 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-1">
<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 class="monster-quickstart">-->
<!-- <p>Level 1 Striker<br> Standard <span class="solo-only">vs 4 </span>(50 XP)</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>-->
<!-- <ul class="quickstart-helpers">-->
<!-- <li>-->
<!-- <p>-->
<!-- <span class="label">Attacks</span>-->
<!-- <span>+5 to hit. <i>Hit:</i> 3 damage</span>-->
<!-- </p>-->
<!-- </li>-->
<!-- <li>-->
<!-- <p>-->
<!-- <span class="label">Attack DCs</span>-->
<!-- <span>Primary DC 13, Secondary DC 10</span>-->
<!-- </p>-->
<!-- </li>-->
<!-- </ul>-->
<hr>
<h5 class="h5-traits">Traits</h5>
<div class="h5-border"></div>
{passives}
<!-- <div class="monster-trait">-->
<!-- <p><span class="name">(Striker) Savage Assault.</span> <span class="detail">Once per turn, add your-->
<!-- level in extra damage to an attack.</span></p>-->
<!-- </div>-->
<!-- <div class="monster-trait">-->
<!-- <p><span class="name">Shifty.</span> <span class="detail">You can <i>Disengage</i> as a bonus-->
<!-- action.</span></p>-->
<!-- </div>-->
<h5>Actions</h5>
<div class="h5-border"></div>
{actions}
<!-- <div class="monster-action">-->
<!-- <p><span class="name">Slash.</span> <span class="detail"><i>Melee Weapon Attack:</i> +5 vs AC.-->
<!-- <i>Hit:</i> 3 (1d4 + 1) slashing damage.</span></p>-->
<!-- </div>-->
<!-- <div class="monster-action">-->
<!-- <p><span class="name">Knockback.</span> <span class="detail"><i>Melee Weapon Attack:</i> DC 13 vs-->
<!-- Strength. <i>Hit:</i> the target is pushed up to 10 ft away.</span></p>-->
<!-- </div>-->
<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>