Second page html template prepared
This commit is contained in:
@@ -0,0 +1,496 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Abenteuerblatt - Bjarnfinnur Haberdson</title>
|
||||
<link rel="stylesheet" href="export_format_a4_quer.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<span class="header-left">Abenteuerblatt</span>
|
||||
<span class="header-right">Datum: 10.11.2024</span>
|
||||
</div>
|
||||
|
||||
<div class="title-row">
|
||||
<img src="headerimg.png" alt="Schmuckgrafik" class="header-decoration">
|
||||
<div class="info-box">
|
||||
<div><strong>Figur</strong> Bjarnfinnur Haberdson <strong>Grad</strong> 18</div>
|
||||
<hr>
|
||||
<div><strong>Typ</strong> Thaumaturg <strong>GG</strong> 0 <strong>SG</strong> 9</div>
|
||||
</div>
|
||||
<img src="headerimg.png" alt="Schmuckgrafik" class="header-decoration">
|
||||
</div>
|
||||
|
||||
<div class="flex main-content">
|
||||
<!-- Left section -->
|
||||
<div class="left-section">
|
||||
<!-- Stats boxes top -->
|
||||
<div class="stats-row">
|
||||
<div class="attr-box"><div class="attr-label">St</div><div class="attr-value">79</div></div>
|
||||
<div class="attr-box"><div class="attr-label">Gs</div><div class="attr-value">80</div></div>
|
||||
<div class="attr-box"><div class="attr-label">Gw</div><div class="attr-value">37</div></div>
|
||||
<div class="attr-box"><div class="attr-label">Ko</div><div class="attr-value">82</div></div>
|
||||
<div class="attr-box"><div class="attr-label">In</div><div class="attr-value">96</div></div>
|
||||
<!-- <div class="attr-box"><div class="attr-label">LP</div><div class="attr-value">17</div></div> -->
|
||||
</div>
|
||||
<div class="stats-row">
|
||||
<div class="attr-box"><div class="attr-label">Zt</div><div class="attr-value">74</div></div>
|
||||
<div class="attr-box"><div class="attr-label">Au</div><div class="attr-value">69</div></div>
|
||||
<div class="attr-box"><div class="attr-label">pA</div><div class="attr-value">69</div></div>
|
||||
<div class="attr-box"><div class="attr-label">Wk</div><div class="attr-value">91</div></div>
|
||||
<div class="attr-box"><div class="attr-label">B</div><div class="attr-value">23</div></div>
|
||||
<!-- <div class="attr-box"><div class="attr-label">AP</div><div class="attr-value">61</div></div> -->
|
||||
</div>
|
||||
|
||||
<!-- Combat stats -->
|
||||
<div class="combat-stats">
|
||||
<div><strong>Abwehr + 15</strong></div>
|
||||
<div><strong>+</strong> <span class="combat-stats-small">mit Vert.<br>waffe</span></div>
|
||||
<div><strong>Resistenz + 19/18</strong></div>
|
||||
<div><strong>Zaubern + 17</strong></div>
|
||||
</div>
|
||||
|
||||
<!-- Skills tables -->
|
||||
<div class="skills-row">
|
||||
<table class="skills-table">
|
||||
<tr>
|
||||
<th>Fertigkeit</th>
|
||||
<th>EW</th>
|
||||
<th>PP</th>
|
||||
</tr>
|
||||
<tr><td>Richtungssinn</td><td>+ 12</td><td></td></tr>
|
||||
<tr><td>Beredsamkeit</td><td>+</td><td></td></tr>
|
||||
<tr><td>Reiten</td><td>+ 12</td><td></td></tr>
|
||||
<tr><td>Wagenlenken</td><td>+ 12</td><td></td></tr>
|
||||
<tr><td><em>Entdeckung</em></td><td>+</td><td></td></tr>
|
||||
<tr><td>Fallen entdecken</td><td>+ 10</td><td></td></tr>
|
||||
<tr><td><em>Fingerfertigkeit</em></td><td>+</td><td></td></tr>
|
||||
<tr><td>Fallenmechanik</td><td>+ 8</td><td></td></tr>
|
||||
<tr><td>Gaukeln</td><td>+ 12</td><td></td></tr>
|
||||
<tr><td>Schlösser öffnen</td><td>+ 8</td><td></td></tr>
|
||||
<tr><td><em>Sozial</em></td><td>+</td><td></td></tr>
|
||||
<tr><td>Beredsamkeit</td><td>+ 9</td><td></td></tr>
|
||||
<tr><td>Geschäftssinn</td><td>+ 10</td><td></td></tr>
|
||||
<tr><td><em>Waffen</em></td><td>+</td><td></td></tr>
|
||||
<tr><td>Einhandschlagwaffen</td><td>+ 7</td><td></td></tr>
|
||||
<tr><td>Stichwaffen</td><td>+ 8</td><td></td></tr>
|
||||
<tr><td>Zauberstäbe</td><td>+ 11</td><td></td></tr>
|
||||
<tr><td><em>Wissen</em></td><td>+</td><td></td></tr>
|
||||
<tr><td>Alchimie</td><td>+ 10</td><td></td></tr>
|
||||
<tr><td>Landeskunde Zwerge</td><td>+ 10</td><td></td></tr>
|
||||
<tr><td>Landeskunde Waeland</td><td>+ 10</td><td></td></tr>
|
||||
<tr><td>Lesen von Zauberschrift</td><td>+ 16</td><td></td></tr>
|
||||
<tr><td>Naturkunde</td><td>+ 10</td><td></td></tr>
|
||||
<tr><td>Pflanzenkunde</td><td>+ 10</td><td></td></tr>
|
||||
</table>
|
||||
<div class="skills-stack">
|
||||
<table class="skills-col-table">
|
||||
<tr>
|
||||
<th colspan="2"><em>ungelernte Fertigkeiten</em></th>
|
||||
</tr>
|
||||
<tr><td colspan="2" class="unlearned-small">alle wenigstens +(0) außer Musizieren, Schreiben, Sprache, Lesen von Zauberschrift</td></tr>
|
||||
<tr><td>Akrobatik+(6)</td><td>Tauchen~(6)</td></tr>
|
||||
<tr><td>Athletik+(6)</td><td>Trinken+(3)</td></tr>
|
||||
<tr><td>Balancieren+(6)</td><td>Überreden+(6)</td></tr>
|
||||
<tr><td>Betäubungsgriff+(6)</td><td>Verführen+(3)</td></tr>
|
||||
<tr><td>Bootfahren+(3)</td><td>Verfroren+(3)</td></tr>
|
||||
<tr><td>Einschüchtern+(3)</td><td>Verstecken+(3)</td></tr>
|
||||
<tr><td>Klettern+(6)</td><td>Wahrnehmung+(6)</td></tr>
|
||||
<tr><td>Menschenkenntnis+(3)</td><td></td></tr>
|
||||
<tr><td>Reiten+(6)</td><td></td></tr>
|
||||
<tr><td>Schwimmen+(3)</td><td></td></tr>
|
||||
<tr><td>Seilkunst+(3)</td><td></td></tr>
|
||||
<tr><td>Stehlen+(3)</td><td></td></tr>
|
||||
<tr><td>Tanzen+(6)</td><td></td></tr>
|
||||
<tr><td>Tarnen+(3)</td><td></td></tr>
|
||||
</table>
|
||||
<table class="skills-table" style="width: 100%; height: unset;">
|
||||
<tr>
|
||||
<th>Fertigkeit</th>
|
||||
<th>EW</th>
|
||||
<th>PP</th>
|
||||
</tr>
|
||||
<tr><td>Schreiben Waeliska</td><td>+ 14</td><td></td></tr>
|
||||
<tr><td>Schreiben</td><td>+ 10</td><td></td></tr>
|
||||
<tr><td>Sprache Comentang</td><td>+ 14</td><td></td></tr>
|
||||
<tr><td>Sprache Waeliska</td><td>+ 20</td><td></td></tr>
|
||||
<tr><td>Sprache Valinga</td><td>+ 11</td><td></td></tr>
|
||||
<tr><td>Sprache Twynedisch</td><td>+ 12</td><td></td></tr>
|
||||
<tr><td>Sprache Dvarska</td><td>+ 10</td><td></td></tr>
|
||||
<tr><td>Sprache Alaisch</td><td>+ 10</td><td></td></tr>
|
||||
<tr><td>Thaumagraphie</td><td>+ 10</td><td></td></tr>
|
||||
<tr><td>Thaumalogie</td><td>+ 10</td><td></td></tr>
|
||||
<tr><td>Zauberkunde</td><td>+ 10</td><td></td></tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right section -->
|
||||
<div class="right-section">
|
||||
<div>
|
||||
<table class="table">
|
||||
<tr>
|
||||
<td>LP 17</td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
</tr><tr>
|
||||
<td>AP 61</td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<!-- Bonus table -->
|
||||
<div class="margin-bottom-3">
|
||||
<table class="bonus-table">
|
||||
<tr>
|
||||
<th colspan="3">Bonus für:</th>
|
||||
<th rowspan="2">Rüstung</th>
|
||||
<th colspan="2"><strong>RK</strong> LR</th>
|
||||
<th colspan="2">-2 auf LP-Verlust</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Schaden</strong></td>
|
||||
<td><strong>Angriff</strong></td>
|
||||
<td><strong>Abwehr</strong></td>
|
||||
|
||||
<td rowspan="4" colspan="2">x</td>
|
||||
<td rowspan="4">mit Rüstung</td>
|
||||
<td rowspan="2" colspan="2"><strong>B</strong> 23</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td rowspan="2">Lederrüstung</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>mit<br>Rüstung</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
|
||||
<td rowspan="2"><strong>Gw</strong> 37</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- Weapons table -->
|
||||
<div class="margin-bottom-3">
|
||||
<table class="weapons-table">
|
||||
<tr>
|
||||
<th>Waffe</th>
|
||||
<th>Fert.<br>wert</th>
|
||||
<th>Schaden</th>
|
||||
<th>Nah</th>
|
||||
<th>Waffe</th>
|
||||
<th>Fert.<br>wert</th>
|
||||
<th>Schaden</th>
|
||||
<th>Nah</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Magierstab</td>
|
||||
<td>+ 10/1</td>
|
||||
<td>1W6+1</td>
|
||||
<td>-</td>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Dolch</td>
|
||||
<td>+ 8</td>
|
||||
<td>1W6+1</td>
|
||||
<td>-</td>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Dolch*</td>
|
||||
<td>+ 9</td>
|
||||
<td>1W6+2</td>
|
||||
<td>-</td>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Dolch*</td>
|
||||
<td>+ 8</td>
|
||||
<td>1W6+1</td>
|
||||
<td>-</td>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Dolch</td>
|
||||
<td>+ 8</td>
|
||||
<td>1W6+1</td>
|
||||
<td>-</td>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Streiaxt</td>
|
||||
<td>+ 7</td>
|
||||
<td>1W6+3</td>
|
||||
<td>-</td>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Raufen</td>
|
||||
<td>+ 5</td>
|
||||
<td>1W6-2</td>
|
||||
<td>~</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td colspan="4"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td colspan="2"><strong>Zauber</strong></td>
|
||||
<td colspan="2" style="background-color: #e0e0e0;"><strong>PP</strong></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td colspan="2">Artefakt</td>
|
||||
<td colspan="2" style="background-color: #e0e0e0;">0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td colspan="2">Erhaltung</td>
|
||||
<td colspan="2" style="background-color: #e0e0e0;">0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td colspan="2">Runenstab</td>
|
||||
<td colspan="2" style="background-color: #e0e0e0;">0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td colspan="2">Vigilignie</td>
|
||||
<td colspan="2" style="background-color: #e0e0e0;">0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td colspan="2">Zauberblatt</td>
|
||||
<td colspan="2" style="background-color: #e0e0e0;">0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td colspan="2">Zaubermittel</td>
|
||||
<td colspan="2" style="background-color: #e0e0e0;">0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td colspan="2">Zauberrune</td>
|
||||
<td colspan="2" style="background-color: #e0e0e0;">0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td colspan="2">Zaubersatz</td>
|
||||
<td colspan="2" style="background-color: #e0e0e0;">0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td colspan="2">Zauberschutz</td>
|
||||
<td colspan="2" style="background-color: #e0e0e0;">0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>+</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td colspan="2">Zaubersiegel</td>
|
||||
<td colspan="2" style="background-color: #e0e0e0;">0</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- Senses row at bottom -->
|
||||
<div class="senses-row">
|
||||
<span>Sehen+6</span>
|
||||
<span>Nachtsicht+6</span>
|
||||
<span>Hören+6</span>
|
||||
<span>Riechen/Schmecken+6</span>
|
||||
<span>Sechster Sinn+6</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -38,6 +38,17 @@ td, th { border: 1px solid #000; padding: 2px 4px; }
|
||||
.skills-container { display: flex; gap: 5mm; width: 100%; }
|
||||
.skills-table { font-size: 8pt; flex: 1; width: 50%; }
|
||||
.skills-table td:nth-child(3), .skills-table th:nth-child(3) { background-color: #e0e0e0; }
|
||||
.skills-stack { font-size: 8pt; flex: 1; width: 50%; }
|
||||
.senses-row { display: flex; justify-content: space-between;margin-top: 1mm; font-size: 8pt; }
|
||||
.info-box hr { border: 1px solid #000; margin: 3px 0; }
|
||||
.stats-row { width: 100%; display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 3mm; }
|
||||
.combat-stats { width: 100%; margin-bottom: 3mm; display: flex; justify-content: space-between; font-size: 10pt; }
|
||||
.combat-stats-small { font-size: 8pt; }
|
||||
.skills-row { width: 100%; display: flex; gap: 5mm; }
|
||||
.skills-col-table { font-size: 8pt; flex: 1; height: unset;}
|
||||
.unlearned-small { font-size: 7pt; }
|
||||
.border-top-bold { border-top: 2px solid #000; }
|
||||
.bonus-table { font-size: 8pt; width: 100%; }
|
||||
.weapons-table { font-size: 8pt; width: 100%; height: 100%;}
|
||||
.pp-col { background-color: #e0e0e0; }
|
||||
@media print { body { print-color-adjust: exact; -webkit-print-color-adjust: exact; } }
|
||||
|
||||
Reference in New Issue
Block a user