MonsterGenV2 / monsterMakerTemplate.html
gstaff's picture
Commit initial app files.
9f77976
raw
history blame
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>