giraffe/setting/setting.html

618 lines
16 KiB
HTML
Raw Normal View History

2023-08-26 17:33:18 +00:00
<!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&#45;&#45;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&#45;&#45;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&#45;&#45;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&#45;&#45;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&#45;&#45;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>Heres 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 Ive 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;">its 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>