618 lines
16 KiB
HTML
618 lines
16 KiB
HTML
<!DOCTYPE html>
|
||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="generator" content="pandoc" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||
<meta name="author" content="dozens" />
|
||
<meta name="dcterms.date" content="2023-08-25" />
|
||
<title>BEST LEAVES GIRAFFERIFIC!</title>
|
||
<style>
|
||
html {
|
||
color: #1a1a1a;
|
||
background-color: #fdfdfd;
|
||
}
|
||
body {
|
||
margin: 0 auto;
|
||
max-width: 36em;
|
||
padding-left: 50px;
|
||
padding-right: 50px;
|
||
padding-top: 50px;
|
||
padding-bottom: 50px;
|
||
hyphens: auto;
|
||
overflow-wrap: break-word;
|
||
text-rendering: optimizeLegibility;
|
||
font-kerning: normal;
|
||
}
|
||
@media (max-width: 600px) {
|
||
body {
|
||
font-size: 0.9em;
|
||
padding: 12px;
|
||
}
|
||
h1 {
|
||
font-size: 1.8em;
|
||
}
|
||
}
|
||
@media print {
|
||
html {
|
||
background-color: white;
|
||
}
|
||
body {
|
||
background-color: transparent;
|
||
color: black;
|
||
font-size: 12pt;
|
||
}
|
||
p, h2, h3 {
|
||
orphans: 3;
|
||
widows: 3;
|
||
}
|
||
h2, h3, h4 {
|
||
page-break-after: avoid;
|
||
}
|
||
}
|
||
p {
|
||
margin: 1em 0;
|
||
}
|
||
a {
|
||
color: #1a1a1a;
|
||
}
|
||
a:visited {
|
||
color: #1a1a1a;
|
||
}
|
||
img {
|
||
max-width: 100%;
|
||
}
|
||
svg {
|
||
height; auto;
|
||
max-width: 100%;
|
||
}
|
||
h1, h2, h3, h4, h5, h6 {
|
||
margin-top: 1.4em;
|
||
}
|
||
h5, h6 {
|
||
font-size: 1em;
|
||
font-style: italic;
|
||
}
|
||
h6 {
|
||
font-weight: normal;
|
||
}
|
||
ol, ul {
|
||
padding-left: 1.7em;
|
||
margin-top: 1em;
|
||
}
|
||
li > ol, li > ul {
|
||
margin-top: 0;
|
||
}
|
||
blockquote {
|
||
margin: 1em 0 1em 1.7em;
|
||
padding-left: 1em;
|
||
border-left: 2px solid #e6e6e6;
|
||
color: #606060;
|
||
}
|
||
code {
|
||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||
font-size: 85%;
|
||
margin: 0;
|
||
hyphens: manual;
|
||
}
|
||
pre {
|
||
margin: 1em 0;
|
||
overflow: auto;
|
||
}
|
||
pre code {
|
||
padding: 0;
|
||
overflow: visible;
|
||
overflow-wrap: normal;
|
||
}
|
||
.sourceCode {
|
||
background-color: transparent;
|
||
overflow: visible;
|
||
}
|
||
hr {
|
||
background-color: #1a1a1a;
|
||
border: none;
|
||
height: 1px;
|
||
margin: 1em 0;
|
||
}
|
||
table {
|
||
margin: 1em 0;
|
||
border-collapse: collapse;
|
||
width: 100%;
|
||
overflow-x: auto;
|
||
display: block;
|
||
font-variant-numeric: lining-nums tabular-nums;
|
||
}
|
||
table caption {
|
||
margin-bottom: 0.75em;
|
||
}
|
||
tbody {
|
||
margin-top: 0.5em;
|
||
border-top: 1px solid #1a1a1a;
|
||
border-bottom: 1px solid #1a1a1a;
|
||
}
|
||
th {
|
||
border-top: 1px solid #1a1a1a;
|
||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||
}
|
||
td {
|
||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||
}
|
||
header {
|
||
margin-bottom: 4em;
|
||
text-align: center;
|
||
}
|
||
#TOC li {
|
||
list-style: none;
|
||
}
|
||
#TOC ul {
|
||
padding-left: 1.3em;
|
||
}
|
||
#TOC > ul {
|
||
padding-left: 0;
|
||
}
|
||
#TOC a:not(:hover) {
|
||
text-decoration: none;
|
||
}
|
||
code{white-space: pre-wrap;}
|
||
span.smallcaps{font-variant: small-caps;}
|
||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||
div.column{flex: auto; overflow-x: auto;}
|
||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||
/* The extra [class] is a hack that increases specificity enough to
|
||
override a similar rule in reveal.js */
|
||
ul.task-list[class]{list-style: none;}
|
||
ul.task-list li input[type="checkbox"] {
|
||
font-size: inherit;
|
||
width: 0.8em;
|
||
margin: 0 0.8em 0.2em -1.6em;
|
||
vertical-align: middle;
|
||
}
|
||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||
</style>
|
||
<style>
|
||
html, body {
|
||
background: #ffb703;
|
||
}
|
||
body {
|
||
margin: 0 auto;
|
||
color: #023047;
|
||
font-size: 22px;
|
||
}
|
||
</style>
|
||
<!--[if lt IE 9]>
|
||
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
|
||
<![endif]-->
|
||
</head>
|
||
<body>
|
||
<header id="title-block-header">
|
||
<h1 class="title">BEST LEAVES GIRAFFERIFIC!</h1>
|
||
<p class="subtitle">An adventure setting for<br><em>There is a giraffe
|
||
who wants the best leaves but their neck is too short</em></p>
|
||
<p class="author">dozens</p>
|
||
<p class="date">2023-08-25</p>
|
||
</header>
|
||
<nav id="TOC" role="doc-toc">
|
||
<h2 id="toc-title">CONTENTS</h2>
|
||
<ul>
|
||
<li><a href="#giraffe-names" id="toc-giraffe-names">GIRAFFE
|
||
NAMES</a></li>
|
||
<li><a href="#giraffe-places" id="toc-giraffe-places">GIRAFFE PLACES</a>
|
||
<ul>
|
||
<li><a href="#giraffe-home" id="toc-giraffe-home">1. Giraffe
|
||
Home</a></li>
|
||
<li><a href="#great-tree" id="toc-great-tree">2. Great Tree</a></li>
|
||
<li><a href="#watering-hole" id="toc-watering-hole">3. Watering
|
||
Hole</a></li>
|
||
<li><a href="#elephants" id="toc-elephants">4. Elephants</a></li>
|
||
<li><a href="#lions-den" id="toc-lions-den">5. Lions Den</a></li>
|
||
<li><a href="#hyenas" id="toc-hyenas">6. Hyenas</a></li>
|
||
</ul></li>
|
||
<li><a href="#giraffe-encounters" id="toc-giraffe-encounters">GIRAFFE
|
||
ENCOUNTERS</a></li>
|
||
</ul>
|
||
</nav>
|
||
<h2 id="giraffe-names">GIRAFFE NAMES</h2>
|
||
<p>Give your giraffe a name!</p>
|
||
<p>A giraffe can have any kind of name really. But traditional giraffe
|
||
names always adhere to a specific formula.</p>
|
||
<p>Choose or roll <code>adjective name adjective noun</code>:</p>
|
||
<figure>
|
||
<table>
|
||
<thead>
|
||
<tr class="header">
|
||
<th style="text-align: left;">d6</th>
|
||
<th>adjective</th>
|
||
<th>adjective</th>
|
||
<th>adjective</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="odd">
|
||
<td style="text-align: left;">1</td>
|
||
<td>little</td>
|
||
<td>black</td>
|
||
<td>spotted</td>
|
||
</tr>
|
||
<tr class="even">
|
||
<td style="text-align: left;">2</td>
|
||
<td>big</td>
|
||
<td>yellow</td>
|
||
<td>fast</td>
|
||
</tr>
|
||
<tr class="odd">
|
||
<td style="text-align: left;">3</td>
|
||
<td>tall</td>
|
||
<td>brown</td>
|
||
<td>walking</td>
|
||
</tr>
|
||
<tr class="even">
|
||
<td style="text-align: left;">4</td>
|
||
<td>short</td>
|
||
<td>jumpy</td>
|
||
<td>thirsty</td>
|
||
</tr>
|
||
<tr class="odd">
|
||
<td style="text-align: left;">5</td>
|
||
<td>long</td>
|
||
<td>hungry</td>
|
||
<td>smelly</td>
|
||
</tr>
|
||
<tr class="even">
|
||
<td style="text-align: left;">6</td>
|
||
<td>red</td>
|
||
<td>sleepy</td>
|
||
<td>sneaky</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<figcaption>
|
||
Table 1: Giraffe Adjectives
|
||
</figcaption>
|
||
</figure>
|
||
<figure>
|
||
<table>
|
||
<thead>
|
||
<tr class="header">
|
||
<th style="text-align: left;">d6</th>
|
||
<th>name</th>
|
||
<th>name</th>
|
||
<th>name</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="odd">
|
||
<td style="text-align: left;">1</td>
|
||
<td>johnny</td>
|
||
<td>chandler</td>
|
||
<td>ingrid</td>
|
||
</tr>
|
||
<tr class="even">
|
||
<td style="text-align: left;">2</td>
|
||
<td>irwin</td>
|
||
<td>phoebe</td>
|
||
<td>ricky</td>
|
||
</tr>
|
||
<tr class="odd">
|
||
<td style="text-align: left;">3</td>
|
||
<td>irving</td>
|
||
<td>rachael</td>
|
||
<td>lucy</td>
|
||
</tr>
|
||
<tr class="even">
|
||
<td style="text-align: left;">4</td>
|
||
<td>thelma</td>
|
||
<td>ross</td>
|
||
<td>eddie</td>
|
||
</tr>
|
||
<tr class="odd">
|
||
<td style="text-align: left;">5</td>
|
||
<td>monica</td>
|
||
<td>martha</td>
|
||
<td>chloe</td>
|
||
</tr>
|
||
<tr class="even">
|
||
<td style="text-align: left;">6</td>
|
||
<td>joey</td>
|
||
<td>suzie</td>
|
||
<td>mikey</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<figcaption>
|
||
Table 2: Giraffe Names
|
||
</figcaption>
|
||
</figure>
|
||
<figure>
|
||
<table>
|
||
<thead>
|
||
<tr class="header">
|
||
<th style="text-align: left;">d6</th>
|
||
<th>noun</th>
|
||
<th>noun</th>
|
||
<th>noun</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="odd">
|
||
<td style="text-align: left;">1</td>
|
||
<td>neck</td>
|
||
<td>spots</td>
|
||
<td>bones</td>
|
||
</tr>
|
||
<tr class="even">
|
||
<td style="text-align: left;">2</td>
|
||
<td>legs</td>
|
||
<td>hoof</td>
|
||
<td>tooth</td>
|
||
</tr>
|
||
<tr class="odd">
|
||
<td style="text-align: left;">3</td>
|
||
<td>horn</td>
|
||
<td>kick</td>
|
||
<td>mouth</td>
|
||
</tr>
|
||
<tr class="even">
|
||
<td style="text-align: left;">4</td>
|
||
<td>tree</td>
|
||
<td>coat</td>
|
||
<td>face</td>
|
||
</tr>
|
||
<tr class="odd">
|
||
<td style="text-align: left;">5</td>
|
||
<td>leaf</td>
|
||
<td>tree</td>
|
||
<td>legs</td>
|
||
</tr>
|
||
<tr class="even">
|
||
<td style="text-align: left;">6</td>
|
||
<td>tongue</td>
|
||
<td>tail</td>
|
||
<td>neck</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<figcaption>
|
||
Table 3: Giraffe Nouns
|
||
</figcaption>
|
||
</figure>
|
||
<h2 id="giraffe-places">GIRAFFE PLACES</h2>
|
||
<p>Here are some places you can go!</p>
|
||
<!--
|
||
# $ dot -Tsvg
|
||
|
||
graph G {
|
||
graph [fontname = "Essays1743"];
|
||
node [fontname = "Essays1743"];
|
||
edge [fontname = "Essays1743"];
|
||
|
||
bgcolor=transparent;
|
||
|
||
home [label="1. Giraffe Home"]
|
||
tree [label="2. Great Tree"]
|
||
water [label="3. Watering Hole"]
|
||
lions [label="4. Lions"]
|
||
hyenas [label="5. Hyenas"]
|
||
elephants [label="6. Elephants"]
|
||
|
||
home -- tree
|
||
tree -- water,lions
|
||
water -- elephants
|
||
lions -- hyenas
|
||
}
|
||
//-->
|
||
<figure>
|
||
<svg width="295pt" height="322pt" viewBox="0.00 0.00 295.24 322.48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 318.48)">
|
||
<title>
|
||
G
|
||
</title>
|
||
<!-- home -->
|
||
<g id="node1" class="node">
|
||
<title>
|
||
home
|
||
</title>
|
||
<ellipse fill="none" stroke="black" cx="159.03" cy="-288.67" rx="80.26" ry="25.81"/>
|
||
<text text-anchor="middle" x="159.03" y="-289.62" font-family="Essays1743" font-size="14.00">1.
|
||
Giraffe Home</text> </g> <!-- tree --> <g id="node2" class="node">
|
||
<title>
|
||
tree
|
||
</title>
|
||
<ellipse fill="none" stroke="black" cx="159.03" cy="-201.05" rx="71.24" ry="25.81"/>
|
||
<text text-anchor="middle" x="159.03" y="-202" font-family="Essays1743" font-size="14.00">2.
|
||
Great Tree</text> </g> <!-- home--tree -->
|
||
<g id="edge1" class="edge">
|
||
<title>
|
||
home--tree
|
||
</title>
|
||
<path fill="none" stroke="black" d="M159.03,-262.44C159.03,-251.29 159.03,-238.22 159.03,-227.09"/>
|
||
</g> <!-- water --> <g id="node3" class="node">
|
||
<title>
|
||
water
|
||
</title>
|
||
<ellipse fill="none" stroke="black" cx="85.03" cy="-113.43" rx="85.03" ry="25.81"/>
|
||
<text text-anchor="middle" x="85.03" y="-114.38" font-family="Essays1743" font-size="14.00">3.
|
||
Watering Hole</text> </g> <!-- tree--water -->
|
||
<g id="edge2" class="edge">
|
||
<title>
|
||
tree--water
|
||
</title>
|
||
<path fill="none" stroke="black" d="M138.42,-176.2C128.32,-164.52 116.19,-150.48 106.05,-138.74"/>
|
||
</g> <!-- lions --> <g id="node4" class="node">
|
||
<title>
|
||
lions
|
||
</title>
|
||
<ellipse fill="none" stroke="black" cx="234.03" cy="-113.43" rx="46.32" ry="25.81"/>
|
||
<text text-anchor="middle" x="234.03" y="-114.38" font-family="Essays1743" font-size="14.00">4.
|
||
Lions</text> </g> <!-- tree--lions -->
|
||
<g id="edge3" class="edge">
|
||
<title>
|
||
tree--lions
|
||
</title>
|
||
<path fill="none" stroke="black" d="M179.92,-176.2C190.67,-163.93 203.7,-149.05 214.28,-136.97"/>
|
||
</g> <!-- elephants --> <g id="node6" class="node">
|
||
<title>
|
||
elephants
|
||
</title>
|
||
<ellipse fill="none" stroke="black" cx="85.03" cy="-25.81" rx="62.23" ry="25.81"/>
|
||
<text text-anchor="middle" x="85.03" y="-26.76" font-family="Essays1743" font-size="14.00">6.
|
||
Elephants</text> </g> <!-- water--elephants -->
|
||
<g id="edge4" class="edge">
|
||
<title>
|
||
water--elephants
|
||
</title>
|
||
<path fill="none" stroke="black" d="M85.03,-87.2C85.03,-76.05 85.03,-62.98 85.03,-51.85"/>
|
||
</g> <!-- hyenas --> <g id="node5" class="node">
|
||
<title>
|
||
hyenas
|
||
</title>
|
||
<ellipse fill="none" stroke="black" cx="234.03" cy="-25.81" rx="53.21" ry="25.81"/>
|
||
<text text-anchor="middle" x="234.03" y="-26.76" font-family="Essays1743" font-size="14.00">5.
|
||
Hyenas</text> </g> <!-- lions--hyenas -->
|
||
<g id="edge5" class="edge">
|
||
<title>
|
||
lions--hyenas
|
||
</title>
|
||
<path fill="none" stroke="black" d="M234.03,-87.2C234.03,-76.05 234.03,-62.98 234.03,-51.85"/>
|
||
</g> </g>
|
||
</svg>
|
||
<figcaption>
|
||
Figure 1: Giraffe Places
|
||
</figcaption>
|
||
</figure>
|
||
<h3 id="giraffe-home">1. Giraffe Home</h3>
|
||
<ul>
|
||
<li>Maraffe (supportive)</li>
|
||
<li>Paraffe (eager)</li>
|
||
</ul>
|
||
<h3 id="great-tree">2. Great Tree</h3>
|
||
<ul>
|
||
<li>Best Leaves (out of reach)</li>
|
||
<li>Sassy Monkey (taunting, gossipy, also out of reach)</li>
|
||
</ul>
|
||
<h3 id="watering-hole">3. Watering Hole</h3>
|
||
<ul>
|
||
<li>Safari Truck (lots of tools and rope, stuck in mud)</li>
|
||
<li>Humans (x2, frustrated)</li>
|
||
<li>Crocodile (hungry, snappish)</li>
|
||
<li>Zebras, wildebeasts (sipping, cautious)</li>
|
||
</ul>
|
||
<h3 id="elephants">4. Elephants</h3>
|
||
<ul>
|
||
<li>Mystical, dreamy, meditative</li>
|
||
<li>obsessed with tradition and matrilineage</li>
|
||
<li>pulling up tree trunks, wallowing in mud</li>
|
||
</ul>
|
||
<h3 id="lions-den">5. Lions Den</h3>
|
||
<ul>
|
||
<li>Lions (lazy, sleepy, unhelpful)</li>
|
||
</ul>
|
||
<h3 id="hyenas">6. Hyenas</h3>
|
||
<ul>
|
||
<li>proud, noble, hardworking</li>
|
||
<li><em>actual</em> king of the jungle</li>
|
||
</ul>
|
||
<h2 id="giraffe-encounters">GIRAFFE ENCOUNTERS</h2>
|
||
<p>Here’s how to do giraffe encounters.</p>
|
||
<ol type="1">
|
||
<li><p>Roll 3d6. One for <code>creature</code>, one for
|
||
<code>want/behavior</code>, one for <code>complication</code>.</p></li>
|
||
<li><p>Count down that many lines in each column, skipping over any
|
||
crossed out items, and note what you got.</p></li>
|
||
<li><p>Cross those items off the table.</p></li>
|
||
<li><p>Use the combination of <code>creature</code> +
|
||
<code>want/behavior</code> + <code>complicaton</code> to create an
|
||
imaginative encounter.</p></li>
|
||
<li><p>Repeat as many times as you like.</p></li>
|
||
</ol>
|
||
<p><strong><em>Example</em></strong>: <em>I roll 1, 3, 2: a crocodile on
|
||
the hunt, but there are snakes! Roleplay out the scenario.</em><br />
|
||
<em>For my next roll, 4, 4, 3, I count down that many on the columns,
|
||
skipping what I’ve already rolled previously. I get zebra, on a
|
||
pilgrimage, wounded.</em></p>
|
||
<p>If any dice rolls “best leaves” then start to wrap up loose ends and
|
||
towards a conclusion. Ideally one in which you finally get the best
|
||
leaves!</p>
|
||
<figure>
|
||
<table>
|
||
<thead>
|
||
<tr class="header">
|
||
<th style="text-align: left;">creature</th>
|
||
<th style="text-align: left;">want/behavior</th>
|
||
<th style="text-align: left;">complication</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="odd">
|
||
<td style="text-align: left;">crocodile</td>
|
||
<td style="text-align: left;">hungry</td>
|
||
<td style="text-align: left;">toothache</td>
|
||
</tr>
|
||
<tr class="even">
|
||
<td style="text-align: left;">mongoose</td>
|
||
<td style="text-align: left;">just wants to chill</td>
|
||
<td style="text-align: left;">snakes!</td>
|
||
</tr>
|
||
<tr class="odd">
|
||
<td style="text-align: left;">lion</td>
|
||
<td style="text-align: left;">hunting</td>
|
||
<td style="text-align: left;">lazy/bored</td>
|
||
</tr>
|
||
<tr class="even">
|
||
<td style="text-align: left;">warthog</td>
|
||
<td style="text-align: left;">wallowing in mud</td>
|
||
<td style="text-align: left;">injured</td>
|
||
</tr>
|
||
<tr class="odd">
|
||
<td style="text-align: left;">zebra</td>
|
||
<td style="text-align: left;">on pilgrimage</td>
|
||
<td style="text-align: left;">fleeing</td>
|
||
</tr>
|
||
<tr class="even">
|
||
<td style="text-align: left;">wildebeast</td>
|
||
<td style="text-align: left;">passing through</td>
|
||
<td style="text-align: left;">paranoid</td>
|
||
</tr>
|
||
<tr class="odd">
|
||
<td style="text-align: left;">humans</td>
|
||
<td style="text-align: left;">poaching</td>
|
||
<td style="text-align: left;">lost</td>
|
||
</tr>
|
||
<tr class="even">
|
||
<td style="text-align: left;">wild dogs</td>
|
||
<td style="text-align: left;">care for the dead</td>
|
||
<td style="text-align: left;">it’s a trap!</td>
|
||
</tr>
|
||
<tr class="odd">
|
||
<td style="text-align: left;">cheetah</td>
|
||
<td style="text-align: left;">laying an ambush</td>
|
||
<td style="text-align: left;">blackmailed</td>
|
||
</tr>
|
||
<tr class="even">
|
||
<td style="text-align: left;">giraffe</td>
|
||
<td style="text-align: left;">looking for a mate</td>
|
||
<td style="text-align: left;">way too ugly/awkward</td>
|
||
</tr>
|
||
<tr class="odd">
|
||
<td style="text-align: left;">elephant</td>
|
||
<td style="text-align: left;">digging for water</td>
|
||
<td style="text-align: left;">sick child at home</td>
|
||
</tr>
|
||
<tr class="even">
|
||
<td style="text-align: left;">hyena</td>
|
||
<td style="text-align: left;">set up a lair</td>
|
||
<td style="text-align: left;">is a baby</td>
|
||
</tr>
|
||
<tr class="odd">
|
||
<td style="text-align: left;">best leaves</td>
|
||
<td style="text-align: left;">best leaves</td>
|
||
<td style="text-align: left;">best leaves</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<figcaption>
|
||
Table 4: Giraffe Encounters
|
||
</figcaption>
|
||
</figure>
|
||
</body>
|
||
</html>
|