uzalu/Maxima_2025
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

overhauled character sheet example

Browse Source
This commit is contained in:
uzalu
2025-04-25 20:13:24 +01:00
parent 61209bf06f
commit 172334af56
1 changed files with 146 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

179
maxima_2025.html
View File

@@ -256,6 +256,7 @@
background: rgba(255,255,255,0.05); background: rgba(255,255,255,0.05);
padding: .5em; padding: .5em;
border-radius:8pt; border-radius:8pt;
overflow: hidden;
} }
#content tr { #content tr {
/* border-bottom: 1px solid rgba(255,255,255,0.25); */ /* border-bottom: 1px solid rgba(255,255,255,0.25); */
@@ -264,6 +265,9 @@
padding: .5em 1em .5em 1em; padding: .5em 1em .5em 1em;
border: 2pt solid rgba(255,255,255,0.1); border: 2pt solid rgba(255,255,255,0.1);
} }
#content th {
padding: .5em 1em .5em 1em;
}
.dice-face { .dice-face {
font-size: 1.5em; font-size: 1.5em;
} }
@@ -294,6 +298,30 @@
#content [id] { #content [id] {
scroll-margin-top: calc(var(--headheight) + 1em); 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 { .c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10 {
display:none; display:none;
} }
@@ -388,7 +416,7 @@
<div id="header-spacer"></div> <div id="header-spacer"></div>
<div id="content"> <div id="content">
<div class="section"> <div class="section">
<h1>Introduction</h1> <h1>Maxima 2025</h1>
<p> <p>
A set of rules and guidance<br /> A set of rules and guidance<br />
Which make it easier to create and run<br /> Which make it easier to create and run<br />
@@ -410,10 +438,18 @@
<div class="section"> <div class="section">
<h2>Character Sheet</h2> <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="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.</p> <p class="c2">
<p>Record your Character like this:</p> Characters are recorded using only 2 types of information: Modifiers and Sources.
<div class="mono"> <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 /> # Character: Roger <br />
Strength +4 <br /> Strength +4 <br />
<br /> <br />
@@ -421,42 +457,116 @@
Perception +3 <br /> Perception +3 <br />
</div> </div>
<p> <p class="ce2">This example is explained below:</p>
<span class="mono"># Character: Roger</span> <br /> <p class="c3">Below is a more detailed example:</p>
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> <table class="side-by-side">
<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>
<p> <tr class="c2">
<span class="mono"># Ring of Perception x1</span> <br /> <th>Character Sheet Line</th>
A physical item in the Character's possession. </br /> <th>Character Sheet Line Meaning</th>
<span class="c2">This Source has a Quantity (<span class="mono">x</span>) of 1, meaning the Character currently holds 1 of them.</span> </tr>
</p>
<p> <tr>
<span class="mono">Perception +3</span> <br /> <td class="mono">
A Modifier provided by the Source above ("Ring of Perception"). # Character: Roger
</p> </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>
<div class="section c2"> <tr>
<h3>Modifiers</h3> <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">
<h3 id="modifiers">Modifiers</h3>
<p class="c10 aside notes">This section requires more work.</p> <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"> <p class="c3">
Modifier names define the 'scope' they are relevant in. Modifier names define the 'scope' they are relevant in.
</p> </p>
</div> </div>
<div class="section c2"> <div class="section">
<h3>Sources</h3> <h3 id="sources">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> <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>
</div> </div>
@@ -650,7 +760,7 @@
</div> </div>
<div class="section"> <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="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> <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. Find Modifiers which are relevant to this Check.
<br /> <br />
<span class="ce1 minor"> <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 /> <br />
</span> </span>
<span class="c2"> <span class="c2">
@@ -703,6 +813,7 @@
<div class="section c3"> <div class="section c3">
<h3>Passing Modifier</h3> <h3>Passing Modifier</h3>
<p class="c10 aside notes">This section requires more work.</p>
<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. 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 /> <br />
@@ -811,7 +922,7 @@
</div> </div>
<div class="section c1"> <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="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">This section requires more work.</p>
<p class="c10 aside notes">Vigour may be renamed, likely to "Cohesion" or "Stability".</p> <p class="c10 aside notes">Vigour may be renamed, likely to "Cohesion" or "Stability".</p>
@@ -852,7 +963,7 @@
</div> </div>
<div class="section c10"> <div class="section c10">
<h1>Damage</h1> <h1 id="damage">Damage</h1>
<p class="c10 aside notes">This section requires more work.</p> <p class="c10 aside notes">This section requires more work.</p>
</div> </div>