overhauled character sheet example

This commit is contained in:
2025-04-25 20:13:24 +01:00
parent 61209bf06f
commit 172334af56

View File

@@ -256,6 +256,7 @@
background: rgba(255,255,255,0.05);
padding: .5em;
border-radius:8pt;
overflow: hidden;
}
#content tr {
/* border-bottom: 1px solid rgba(255,255,255,0.25); */
@@ -264,6 +265,9 @@
padding: .5em 1em .5em 1em;
border: 2pt solid rgba(255,255,255,0.1);
}
#content th {
padding: .5em 1em .5em 1em;
}
.dice-face {
font-size: 1.5em;
}
@@ -294,6 +298,30 @@
#content [id] {
scroll-margin-top: calc(var(--headheight) + 1em);
}
#content table.side-by-side {
background: none;
/* border-radius: initial; */
}
#content table.side-by-side td {
border: none;
border-radius: initial!important;
}
#content table.side-by-side th {
background: rgba(255,255,255,0.05);
border-bottom: 2pt solid rgba(255,255,255,0.1);
}
#content table.side-by-side td.sbs-desc {
border-bottom: 1pt solid rgba(255,255,255,0.1);
/* transition: font-size 1s ease; */
}
/*#content table.side-by-side:not(:hover) td.sbs-desc {
display:none;
font-size:.25em;
}*/
/*#content table.side-by-side:hover td.sbs-desc {
display:unset;
}*/
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10 {
display:none;
}
@@ -388,7 +416,7 @@
<div id="header-spacer"></div>
<div id="content">
<div class="section">
<h1>Introduction</h1>
<h1>Maxima 2025</h1>
<p>
A set of rules and guidance<br />
Which make it easier to create and run<br />
@@ -410,10 +438,18 @@
<div class="section">
<h2>Character Sheet</h2>
<p class="c10 aside notes">This section requires more work, specifically more complexity rating separation in both the descriptions and the example itself. Consider using a table to show the example and the explanation line-per-line next to each other.</p>
<p class="c2">Characters are recorded using only 2 types of information: Modifiers and Sources.</p>
<p>Record your Character like this:</p>
<div class="mono">
<p class="c10 aside notes">This section requires more work, particularly expanding the example table.</p>
<p class="c2">
Characters are recorded using only 2 types of information: Modifiers and Sources.
<br />
<span class="minor c4">
Notes can also be added to the sheet, but are optional.
</span>
</p>
<p class="ce1">Record your Character like this:</p>
<p class="c2">Your Character Sheet should look roughly like this:</p>
<div class="mono c2">
# Character: Roger <br />
Strength +4 <br />
<br />
@@ -421,42 +457,116 @@
Perception +3 <br />
</div>
<p>
<span class="mono"># Character: Roger</span> <br />
The Character Source, which includes the Character's name. <br />
<span class="c2">The name could be left blank if the Player hasn't thought of one yet.</span>
</p>
<p class="ce2">This example is explained below:</p>
<p class="c3">Below is a more detailed example:</p>
<p>
<span class="mono">Strength +4</span> <br />
A Modifier with scope "Strength", and a Bonus of +4. <br />
<span class="c2">This will improve the Character's performance in Checks which benefit from "Strength" by 4 points.</span>
</p>
<table class="side-by-side">
<p>
<span class="mono"># Ring of Perception x1</span> <br />
A physical item in the Character's possession. </br />
<span class="c2">This Source has a Quantity (<span class="mono">x</span>) of 1, meaning the Character currently holds 1 of them.</span>
</p>
<p>
<span class="mono">Perception +3</span> <br />
A Modifier provided by the Source above ("Ring of Perception").
</p>
<tr class="c2">
<th>Character Sheet Line</th>
<th>Character Sheet Line Meaning</th>
</tr>
<tr>
<td class="mono">
# Character: Roger
</td>
<td class="sbs-desc">
The Character <a href="#sources">Source</a>, which includes the Character's name.<br/>
<span class="minor c2">The name could be left blank if the Player hasn't thought of one yet.</span>
</td>
</tr>
<tr>
<td class="mono">
Strength +4
</td>
<td class="sbs-desc">
A <a href="#modifiers">Modifier</a> with scope "Strength", and a Bonus of +4. <br />
<span class="c2">This will improve the Character's performance in <a href="#checks">Checks</a> which benefit from "Strength" by 4 points.</span>
</td>
</tr>
<tr class="c2">
<td class="mono">
</td>
<td class="sbs-desc">
<span class="c3 minor">
Empty lines have no effect and can be used as convenient.
</span>
</td>
</tr>
<tr class="c3">
<td class="mono">
# Damage
</td>
<td class="sbs-desc">
A <a href="#sources">Source</a> to record all forms of <a href="#damage">Damage</a> on the Character.
<br />
<span class="minor c4">
For more detail, separate <a href="#sources">Sources</a> can be recorded for each instance of <a href="#damage">Damage</a>.
</span>
</td>
</tr>
<tr class="c3">
<td class="mono">
Vigour -1
</td>
<td class="sbs-desc">
A <a href="#modifiers">Modifier</a> indicating <a href="#damage">Damage</a> of the given type to the Character.
<br />
This reduces their effectiveness by 1 for relevant <a href="#checks">Checks</a>.
<br />
The special name <a href="#vigour">Vigour</a> applies to every <a href="#checks">Check</a>.
</td>
</tr>
<tr class="c3">
<td class="mono">
</td>
<td class="sbs-desc minor">
Empty lines have no effect and can be used as convenient.
</td>
</tr>
<tr>
<td class="mono">
# Ring of Perception x1
</td>
<td class="sbs-desc">
A <a href="#sources">Source</a> for a physical item in the Character's possession. <br />
<span class="c2">This Source has a Quantity (<span class="mono">x</span>) of 1, meaning the Character currently holds 1 of them.</span>
</td>
</tr>
<tr>
<td class="mono">
Perception +3
</td>
<td class="sbs-desc">
A <a href="#modifiers">Modifier</a> provided by the <a href="#sources">Source</a> above ("Ring of Perception").
</td>
</tr>
</table>
<div class="section c2">
<h3>Modifiers</h3>
<div class="section">
<h3 id="modifiers">Modifiers</h3>
<p class="c10 aside notes">This section requires more work.</p>
<p>Modifiers are any attribute of a Character which increases or decreases their chance of passing a Check.<span class="c2 minor"><br />For example: skills, damage, buff and debuff effects, etc.</span></p>
<p>Modifiers are any attribute of a Character which increases or decreases their chance of passing a Check.<span class="minor"><br />For example: skills, traits, damage, buff and debuff effects, etc.</span></p>
<p class="c3">
Modifier names define the 'scope' they are relevant in.
</p>
</div>
<div class="section c2">
<h3>Sources</h3>
<p>Sources are anything which can provide Modifiers to a Character.<span class="c2 minor"><br />For example: items, buffs and debuffs, or the Character themselves.</span></p>
<div class="section">
<h3 id="sources">Sources</h3>
<p>Sources are anything which can provide Modifiers to a Character.<span class="minor"><br />For example: items, buffs and debuffs, or the Character themselves.</span></p>
</div>
</div>
@@ -650,7 +760,7 @@
</div>
<div class="section">
<h1>Checks</h1>
<h1 id="checks">Checks</h1>
<p class="cl7">Whenever a Character may fail at something they are trying to do, run a Check.</p>
<p class="c7">Checks are usually run to determine the level of success a Character has at a <a href="#tasks">Task</a>.</p>
@@ -682,7 +792,7 @@
Find Modifiers which are relevant to this Check.
<br />
<span class="ce1 minor">
Use the highest Modifier per source, one for positive, one for negative.
Use the highest Modifier per source, one each for positive, one each for negative.
<br />
</span>
<span class="c2">
@@ -703,6 +813,7 @@
<div class="section c3">
<h3>Passing Modifier</h3>
<p class="c10 aside notes">This section requires more work.</p>
<p>
If the <span class="monospace">+</span> Modifiers are too vague for the Check, a specifically-matching Modifier with at least +3 may be required to continue.
<br />
@@ -811,7 +922,7 @@
</div>
<div class="section c1">
<h1>Vigour</h1>
<h1 id="vigour">Vigour</h1>
<p class="aside caution">The contents of this section are in flux.</p>
<p class="c10 aside notes">This section requires more work.</p>
<p class="c10 aside notes">Vigour may be renamed, likely to "Cohesion" or "Stability".</p>
@@ -852,7 +963,7 @@
</div>
<div class="section c10">
<h1>Damage</h1>
<h1 id="damage">Damage</h1>
<p class="c10 aside notes">This section requires more work.</p>
</div>