🦒

setting/adventure.md

@@ -1,4 +1,22 @@
-# Giraffe Supplement
+---
+title: Girafferific!
+subtitle: six enticing settings for adventurous giraffes
+author: dozens
+date: 2023-08-25
+---
+
+## CONTENTS
+
+1. [ABOUT](#about)
+2. [THE AFRICAN SERENGETI](#the-african-serengeti)
+3. [JUNGLE](#jungle)
+4. [ZOO](#zoo)
+5. [EXOTIC PET](#exotic-pet)
+6. [MARS](#mars)
+7. [BEACH](#beach)
+
+
+## ABOUT
 
 Here are some settings and encounters for *There is a giraffe who wants to get the best leaves but his neck is too short*.
 
@@ -6,11 +24,16 @@ Each setting includes a brief description, a couple or rumors, and a "d666 table
 
 To use the table, roll a six sided die three times, once for *creature*, once for *want/behavior*, and once for *complication*. Skip any crossed out items as you count down each column. Hopefully this gives you an interesting combination! When you have resolved the encounter, cross off the table entries. Repeat as needed.
 
-## Settings
+Choose or roll d6, and then continue reading!
 
-Choose or roll d6:
+1. [THE AFRICAN SERENGETI](#the-african-serengeti)
+2. [JUNGLE](#jungle)
+3. [ZOO](#zoo)
+4. [EXOTIC PET](#exotic-pet)
+5. [MARS](#mars)
+6. [BEACH](#beach)
 
-### 1. The African Serengeti
+## THE AFRICAN SERENGETI
 
 A sparsely wooded grassland. This is where giraffe come from! Zebras, lions, gazelles, elephants, and more
 
@@ -37,14 +60,14 @@ Encounters:
 |11    | elephant   | digging for water       | sick child at home    |
 |12    | hyena      | set up a lair           | blackmailed/tricked   |
 
-### 2. Jungle
+## JUNGLE
 
 You're lost in the jungle! Bears, tigers, cobras, elephants
 
 Rumors:
 
 - a bear is raising a man-cub
-- the orangutangs can talk to humans, but refuse to because they're afraid the humans will make them get jobs
+- the orangutans can talk to humans, but refuse to because they're afraid the humans will make them get jobs
 - the parrots have learned to build tools
 
 Encounters:
@@ -52,7 +75,7 @@ Encounters:
 | d6   | creature   | want/behavior           | complication          |
 | ---- | ---------- | ---------------         | --------------        |
 
-### 3. Zoo
+## ZOO
 
 You're trapped in a zoo. Maybe one of those nice ones where you can wander around a natural enclosure. But you know you're not free.
 
@@ -65,7 +88,7 @@ Encounters:
 | d6   | creature   | want/behavior           | complication          |
 | ---- | ---------- | ---------------         | --------------        |
 
-### 4. Exotic Pet
+## EXOTIC PET
 
 The personal collection of an eccentric Columbian drug lord.
 
@@ -78,7 +101,7 @@ Encounters:
 | d6   | creature   | want/behavior           | complication          |
 | ---- | ---------- | ---------------         | --------------        |
 
-### 5. Mars
+## MARS
 
 The red planet has successfully been terraformed and you are one of the first seeder animals to emerge from Neo's Ark.
 
@@ -91,7 +114,7 @@ Encounters:
 | d6   | creature   | want/behavior           | complication          |
 | ---- | ---------- | ---------------         | --------------        |
 
-### 6. Beach
+## BEACH
 
 A fun trip to the beach! Seals, sharks, crabs, jellyfish, sea lions, penguins
 

setting/girafferific.svg

@@ -0,0 +1,132 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="8.5in"
+   height="11in"
+   viewBox="0 0 215.9 279.4"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3 (0e150ed, 2023-07-21)"
+   sodipodi:docname="girafferific.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <title
+     id="title5">BEST LEAVES GIRAFFERIFIC</title>
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="true"
+     inkscape:zoom="0.64477303"
+     inkscape:cx="425.73121"
+     inkscape:cy="498.62507"
+     inkscape:window-width="1440"
+     inkscape:window-height="872"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="0,279.4"
+       orientation="0,816"
+       id="guide1"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="215.9,279.4"
+       orientation="1056,0"
+       id="guide2"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="215.9,0"
+       orientation="0,-816"
+       id="guide3"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="0,0"
+       orientation="-1056,0"
+       id="guide4"
+       inkscape:locked="false" />
+    <inkscape:grid
+       id="grid4"
+       units="px"
+       originx="0"
+       originy="0"
+       spacingx="0.26458333"
+       spacingy="0.26458333"
+       empcolor="#0099e5"
+       empopacity="0.30196078"
+       color="#0099e5"
+       opacity="0.14901961"
+       empspacing="5"
+       dotted="false"
+       gridanglex="30"
+       gridanglez="30"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <color-profile
+       name="Adobe-RGB-1998"
+       xlink:href="file:///System/Library/ColorSync/Profiles/AdobeRGB1998.icc"
+       id="color-profile1" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:#ffffff;stroke-width:0.264583"
+       id="rect5"
+       width="216.95831"
+       height="280.45834"
+       x="0"
+       y="0" />
+  </g>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-nc-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:prohibits
+           rdf:resource="http://creativecommons.org/ns#CommercialUse" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-nc-sa/4.0/" />
+        <dc:title>BEST LEAVES GIRAFFERIFIC</dc:title>
+        <dc:date>2023-08-25</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>dozens</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>

setting/setting.html

@@ -0,0 +1,617 @@
+<!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>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>

setting/setting.md

@@ -1,10 +1,92 @@
+---
+title: BEST LEAVES GIRAFFERIFIC!
+subtitle: An adventure setting for<br>*There is a giraffe who wants the best leaves but their neck is too short*
+author: dozens
+date: 2023-08-25
+toc-title: CONTENTS
+max-width: 80ch
+header-includes: |
+    <style>
+        html, body {
+            background: #ffb703;
+        }
+        body {
+            margin: 0 auto;
+            color: #023047;
+            font-size: 22px;
+        }
+    </style>
+colors: https://coolors.co/visualizer/8ecae6-219ebc-023047-ffb703-fb8500
+---
+
+## GIRAFFE NAMES
+
+Give your giraffe a name!
+
+A giraffe can have any kind of name really.
+But traditional giraffe names always adhere to a specific formula.
+
+Choose or roll `adjective name adjective noun`:
+
+
+<figure>
+d6    adjective  adjective  adjective
+---   ---------  ---------  ---------
+1     little     black      spotted
+2     big        yellow     fast
+3     tall       brown      walking
+4     short      jumpy      thirsty
+5     long       hungry     smelly
+6     red        sleepy     sneaky
+
+<figcaption>Table 1: Giraffe Adjectives</figcaption>
+</figure>
+
+<figure>
+d6    name     name      name
+---   ----     ----      ----
+1     johnny   chandler  ingrid
+2     irwin    phoebe    ricky
+3     irving   rachael   lucy
+4     thelma   ross      eddie
+5     monica   martha    chloe
+6     joey     suzie     mikey
+
+<figcaption>Table 2: Giraffe Names</figcaption>
+</figure>
+
+
+<figure>
+d6    noun      noun    noun
+---   ----      ----    ----
+1     neck      spots   bones
+2     legs      hoof    tooth
+3     horn      kick    mouth
+4     tree      coat    face
+5     leaf      tree    legs
+6     tongue    tail    neck
+
+<figcaption>Table 3: Giraffe Nouns</figcaption>
+</figure>
+
+
+
+## GIRAFFE PLACES
+
+Here are some places you can go!
+
 <!--
-# https://sketchviz.com/new
+# for web
+# $ dot -Tsvg
+# for pdf
+# $ dot -Tsvg -Gsize=12\! -Gdpi=300 -o places.png
 
 graph G {
-  graph [fontname = "Handlee"];
-  node [fontname = "Handlee"];
-  edge [fontname = "Handlee"];
+  rankdir=LR;
+
+  graph [fontname = "Essays1743"];
+  node [fontname = "Essays1743"];
+  edge [fontname = "Essays1743"];
 
   bgcolor=transparent;
 
@@ -14,40 +96,86 @@ graph G {
   lions [label="4. Lions"]
   hyenas [label="5. Hyenas"]
   elephants [label="6. Elephants"]
-  
-  home -- tree
-  
-  tree -- water
-  tree -- lions
-  tree -- elephants
-  
-  lions--hyenas
-}
 
+  home -- tree
+  tree -- water,lions
+  water -- elephants
+  lions -- hyenas
+}
 //-->
 
-<style>
-body {
-max-width: 80ch;
-margin: 0 auto;
-background: yellow;
-color: brown;
-font-size: 22px;
-}
-img {
-width: 800px;
-}
-</style>
 
-# Best Leaves
 
-a setting for *There is a giraffe who wants the best leaves but their neck is too short*
-
-## Places
-
-Here are some places you can go
-
-![places](places.png)
+<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&#45;&#45;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&#45;&#45;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&#45;&#45;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&#45;&#45;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&#45;&#45;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>
 
 ### 1. Giraffe Home
 
@@ -57,14 +185,14 @@ Here are some places you can go
 ### 2. Great Tree
 
 - Best Leaves (out of reach)
-- Sassy Monkey (taunting, also out of reach)
+- Sassy Monkey (taunting, gossipy, also out of reach)
 
 ### 3. Watering Hole
 
 - Safari Truck (lots of tools and rope, stuck in mud)
 - Humans (x2, frustrated)
 - Crocodile (hungry, snappish)
-- Zebras, wildebeasts (sipping)
+- Zebras, wildebeasts (sipping, cautious)
 
 ### 4. Elephants
 
@@ -81,23 +209,42 @@ Here are some places you can go
 - proud, noble, hardworking
 - *actual* king of the jungle
 
-## Encounters
+## GIRAFFE ENCOUNTERS
 
-How to: Roll d6. Count down that many numbers from the top of the first column, skipping over any crossed out items. Do the same for the next two columns. Resolve the scenario and then cross out the items you got. Repeat as many times as you like.
+Here's how to do giraffe encounters.
 
-Example: I roll 1, 3, 2: a crocodile on the hunt, but there are snakes! Roleplay out the scenario. 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.
+1. Roll 3d6. One for `creature`, one for `want/behavior`, one for `complication`.
 
-| d6   | creature   | want/behavior           | complication          |
-| ---- | ---------- | ---------------         | --------------        |
-| 1    | crocodile  | hungry                  | toothache             |
-| 2    | mongoose   | just wants to chill     | snakes!               |
-| 3    | lion       | hunting                 | lazy/bored            |
-| 4    | warthog    | wallowing in mud        | wounded/injured       |
-| 5    | zebra      | on pilgrimage           | fleeing someone/thing |
-| 6    | wildebeast | passing through         | paranoid              |
-| 7    | humans     | poaching                | lost                  |
-| 8    | wild dogs  | care for the dead       | it was all a ruse!    |
-| 9    | cheetah    | laying an ambush        | blackmailed           |
-|10    | giraffe    | looking for a mate      | way too ugly/awkward  |
-|11    | elephant   | digging for water       | sick child at home    |
-|12    | hyena      | set up a lair           | blackmailed/tricked   |
+2. Count down that many lines in each column, skipping over any crossed out items, and note what you got.
+
+3. Cross those items off the table.
+
+3. Use the combination of `creature` + `want/behavior` + `complicaton` to create an imaginative encounter.
+
+4. Repeat as many times as you like.
+
+***Example***: *I roll 1, 3, 2: a crocodile on the hunt, but there are snakes! Roleplay out the scenario.* \
+*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.*
+
+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!
+
+<figure>
+creature    want/behavior         complication
+----------  ---------------       --------------
+crocodile   hungry                toothache
+mongoose    just wants to chill   snakes!
+lion        hunting               lazy/bored
+warthog     wallowing in mud      injured
+zebra       on pilgrimage         fleeing
+wildebeast  passing through       paranoid
+humans      poaching              lost
+wild dogs   care for the dead     it's a trap!
+cheetah     laying an ambush      blackmailed
+giraffe     looking for a mate    way too ugly/awkward
+elephant    digging for water     sick child at home
+hyena       set up a lair         is a baby
+best leaves best leaves           best leaves
+
+<figcaption>Table 4: Giraffe Encounters</figcaption>
+</figure>