Added cover

2 files changed, 37 insertions, 14 deletions

diff --git a/GettingInTheWay.html b/GettingInTheWay.html
index 82f85a2..2c48a34 100644
--- a/GettingInTheWay.html
+++ b/GettingInTheWay.html
@@ -77,11 +77,25 @@
     .note p {
         font-size : 86% !important;
     }
-</style>
-
 
+    .page#p1{ text-align:center; counter-increment: none; }
+    .page#p1:after{ display:none; }
+    .page:nth-child(2n) .pageNumber { left: inherit !important; right: 2px !important; }
+    .page:nth-child(2n+1) .pageNumber { right: inherit !important; left: 2px !important; }
+    .page:nth-child(2n)::after { transform: scaleX(1); }
+    .page:nth-child(2n+1)::after { transform: scaleX(-1); }
+    .page:nth-child(2n) .footnote { left: inherit; text-align: right; }
+    .page:nth-child(2n+1) .footnote { left: 80px; text-align: left; }
+</style>
 
-<div class="block "  style="text-align:center;"><h1 id="getting-in-the-way">Getting in the way</h1>
+<p><span class="inline-block frontCover"  ></span>
+<img class=" "  style="position:absolute; bottom:0; left:0; height:100%;" src="https://git.pond.sarahduck.ca/5eStuff.git/plain/GettingInTheWayCover.jpg" alt="background image"></p>
+<p>&nbsp;</p>
+<div class='columnSplit'>  </div><p>&nbsp;</p>
+</div>
+		</div>
+		<div class="page" id="p2" key="1" >
+			<div class="columnWrapper"><div class="block "  style="text-align:center;"><h1 id="getting-in-the-way">Getting in the way</h1>
 <h4 id="a-oneshot-adventure-for-dd-5e">A oneshot adventure for D&amp;D 5E</h4>
 <p>By: Sarah B.</p>
 </div><h3 id="summary">Summary</h3>
@@ -138,12 +152,12 @@ He also mentions that the maniac has stolen a precious family heirloom, a red je
 As he seems to finally prepare an attack, a window shatters and fog fills the room. Bartholomew cowardly retreats upstairs in fear of it being Dorothea.</p>
 <p>After the wizard locks the door, the culprit is revealed to actually be one of Dorothea’s orphans, <strong>Tim</strong>. He demands the party follow him.
 If asked, Tim has no trouble revealing that the party is being escorted to Dorothea’s current hideout. “Any enemy of Bartholomew is a friend of ours!”</p>
-<p><span class="inline-block pageNumber auto"  ></span>
+<p><span class="inline-block pageNumber"  >1</span>
 </p><span class="inline-block footnote"  >GETTING IN THE WAY | Stalker</span><p>&nbsp;</p>
 <div class='columnSplit'>  </div><p>&nbsp;</p>
 </div>
 		</div>
-		<div class="page" id="p2" key="1" >
+		<div class="page" id="p3" key="2" >
 			<div class="columnWrapper"><h3 id="dorotheas-hideout">Dorothea’s Hideout</h3>
 <p>Dorothea and the orphans are hiding in an abandoned dusty warehouse full of tall empty crates. The party may attempt to sneak in as long as everyone passes a DC 12 Stealth check.</p>
 <p>If the party is afflicted by Bartholomew’s spell, they’ll see Dorothea as an unreasonable maniac. Any talk from them  heard as deranged death threats. Describe “eyes filled with hate,” along with silly dialogue like “You! I’ll cook ya up and eat ya! Die die die!”
@@ -208,12 +222,12 @@ No spell? Dorothea can simply talk to the party, skip to “Dispelled.”</p>
 <p>Thea is an intelligent, posh sounding woman. She’s playful and a bit oblivious. The sort to use the word “darling” a lot.
 Doro is a weathered barbarian with a gruff, stoic voice. He’s much more grounded, kinda dumb and unsubtle. Less trusting, paranoid, he’s the one that’s kept them safe. His stoic demeanor shows cracks around the orphans. They both really care for the little ones, feeling a parental responsibility.</p>
 <p>During traumatic situations, Doro is likely in control. Doro was the defense mechanism that Thea’s brain created while imprisoned as Bartholomew’s “lab rat”. They’ve learned to accept their strange arrangement and view each other as individuals, vehemently rejecting other opinions.</p>
-</div><p><span class="inline-block pageNumber auto"  ></span>
+</div><p><span class="inline-block pageNumber"  >2</span>
 </p><span class="inline-block footnote"  >GETTING IN THE WAY | Dorothea</span><p>&nbsp;</p>
 <div class='columnSplit'>  </div><p>&nbsp;</p>
 </div>
 		</div>
-		<div class="page" id="p3" key="2" >
+		<div class="page" id="p4" key="3" >
 			<div class="columnWrapper"><div class="block monster frame"  ><h2 id="kobold-commoner">Kobold Commoner</h2>
 <p><em>Small Humanoid (Kobold), Any Alignment</em></p>
 <hr>
@@ -235,7 +249,6 @@ Doro is a weathered barbarian with a gruff, stoic voice. He’s much more ground
 <dl><dt><strong>Gear</strong></dt><dd>Club</dd>
 <dt><strong>Senses</strong></dt><dd>Darkvision 60 ft., Passive Perception 10</dd>
 <dt><strong>Languages</strong></dt><dd>Any one language (usually Common), Draconic</dd>
-<dt><strong>Challenge</strong></dt><dd>0 (XP 10)</dd>
 </dl><hr>
 <p><em><strong>Pack Tactics.</strong></em> The kobold commoner has advantage on an attack roll against a creature if at least one of their allies is within 5 feet of the creature and the ally isn’t incapacitated.</p>
 <div class='blank'>  </div><p><em><strong>Sunlight Sensitivity.</strong></em> While in sunlight, the kobold has Disadvantage on ability checks and attack rolls.</p>
@@ -287,7 +300,7 @@ Doro is a weathered barbarian with a gruff, stoic voice. He’s much more ground
 <p>Even though he’s powerful, he’s meant to be a pushover. Describe his death pathetically.</p>
 <h3 id="and-there-you-have-it">And there you have it</h3>
 <p>With Bartholomew dead, Dorothea cathartically mutilates the wizards corpse with their axe. After, they profusely thanks the group. They float the idea of taking the tower for themselves, the orphans may finally have a good place to live! They welcome the party to take any loot they please. The party eventually leaves, the end!</p>
-<p><span class="inline-block pageNumber auto"  ></span>
+<p><span class="inline-block pageNumber"  >3</span>
 </p><span class="inline-block footnote"  >GETTING IN THE WAY | Revenge</span><p>&nbsp;</p>
 <div class='columnSplit'>  </div><p>&nbsp;</p>
 </div>
diff --git a/GettingInTheWay.md b/GettingInTheWay.md
index b2a071f..c4e2d7e 100644
--- a/GettingInTheWay.md
+++ b/GettingInTheWay.md
@@ -24,9 +24,20 @@
     .note p {
         font-size : 86% !important;
     }
-</style>
 
+    .page#p1{ text-align:center; counter-increment: none; }
+    .page#p1:after{ display:none; }
+    .page:nth-child(2n) .pageNumber { left: inherit !important; right: 2px !important; }
+    .page:nth-child(2n+1) .pageNumber { right: inherit !important; left: 2px !important; }
+    .page:nth-child(2n)::after { transform: scaleX(1); }
+    .page:nth-child(2n+1)::after { transform: scaleX(-1); }
+    .page:nth-child(2n) .footnote { left: inherit; text-align: right; }
+    .page:nth-child(2n+1) .footnote { left: 80px; text-align: left; }
+</style>
 
+{{frontCover}}
+![background image](https://git.pond.sarahduck.ca/5eStuff.git/plain/GettingInTheWayCover.jpg){position:absolute,bottom:0,left:0,height:100%}
+\page
 
 {{text-align:center
 # Getting in the way
@@ -112,7 +123,7 @@ If asked, Tim has no trouble revealing that the party is being escorted to Dorot
 
 
 
-{{pageNumber,auto}}
+{{pageNumber 1}}
 {{footnote GETTING IN THE WAY | Stalker}}
 \page
 
@@ -195,7 +206,7 @@ During traumatic situations, Doro is likely in control. Doro was the defense mec
 
 
 
-{{pageNumber,auto}}
+{{pageNumber 2}}
 {{footnote GETTING IN THE WAY | Dorothea}}
 \page
 
@@ -214,7 +225,6 @@ ___
 **Gear**                 :: Club
 **Senses**               :: Darkvision 60 ft., Passive Perception 10
 **Languages**            :: Any one language (usually Common), Draconic
-**Challenge**            :: 0 (XP 10)
 ___
 ***Pack Tactics.*** The kobold commoner has advantage on an attack roll against a creature if at least one of their allies is within 5 feet of the creature and the ally isn't incapacitated.
 :
@@ -285,5 +295,5 @@ With Bartholomew dead, Dorothea cathartically mutilates the wizards corpse with
 
 
 
-{{pageNumber,auto}}
+{{pageNumber 3}}
 {{footnote GETTING IN THE WAY | Revenge}}
\ No newline at end of file