1
Fork 0
mirror of https://github.com/redstrate/Auracite.git synced 2025-04-28 23:27:44 +00:00
auracite/templates/plate.html

28 lines
No EOL
1.2 KiB
HTML

<html>
<head>
<title>{{ name }}'s Adventurer Plate</title>
</head>
<body>
<div style="width:100%; height:auto; aspect-ratio: 1.846153846153846; display: inline-block; position: relative">
<img style="position: absolute; width: 50%" src="backing.png"/>
<img style="position:absolute; left: 10%; top: 10%; width: 80%; z-index: 1" src="base-plate.png"/>
<img style="position:absolute; left: 10%; top: 10%; width: 80%; z-index: 2" src="pattern-overlay.png"/>
<img style="position:absolute;z-index:4; width:100%" src="plate-frame.png"/>
<img style="position:absolute;z-index:3; width:25%; left: 15%; top: 15%" src="plate-portrait.png"/>
<img style="position:absolute;z-index:5; height:135%; top: -14%; left: 5%" src="portrait-frame.png"/>
<img style="position:absolute;z-index:5; width:100%; top: 0" src="top-border.png"/>
<img style="position:absolute;z-index:5; width:100%; bottom: 0" src="bottom-border.png"/>
<div style="position: absolute; top: 30%; left: 50%; color: white; z-index: 99">
<p>{{ title }}</p>
<p>{{ name }}</p>
<p>{{ world }} [{{ data_center }}]</p>
<p>LEVEL {{ level }}</p>
<p>{{ class }}</p>
<p>{{ search_comment }}</p>
</div>
</div>
<footer>
<p>Generated by <a href="http://auracite.xiv.zone/">Auracite</a>.</p>
</footer>
</body>
</html>