Merge branch 'master' into renovate/puppeteer-22.x

deploy/templates/bath-house.tpl

@@ -32,7 +32,11 @@
 <ul id='duel-log' style='overflow-y: auto;max-height:20rem;'>
 	{foreach item="duel" from=$duels}
   <li>
-  {include file="player-link.tpl" username=$duel.attacker id=$duel.attacker_id} has dueled {include file="player-link.tpl" username=$duel.defender id=$duel.defender_id} and {if $duel.won}won{else}lost{/if} for {$duel.killpoints} killpoints on {$duel.date}
+  {include file="player-link.tpl" username=$duel.attacker id=$duel.attacker_id}
+  has dueled 
+  {include file="player-link.tpl" username=$duel.defender id=$duel.defender_id}
+  and {if $duel.won}<span class='text-success'>won</span>{else}<span class='text-danger'>lost</span>{/if} 
+  for <strong>{$duel.killpoints}</strong> killpoints <time class='chat-time timeago' datetime='{$duel.date|escape}' title='{$duel.date|escape}'>{$duel.date|escape}</time>
   </li>
 	{/foreach}
 </ul>

deploy/templates/dojo.reminder-level.tpl

@@ -1 +1,2 @@
-<p>Your current level is {$player->level|escape}. Your current kills are {$player->kills|escape}.</p>
+<p>Your current level is <strong class='level'>{$player->level|escape}</strong>. <br />
+Your current kills are <strong class='kills'>{$player->kills|escape}</strong>.</p>

deploy/templates/intro.tpl

@@ -88,6 +88,14 @@ a.dull-link#join-link, a.dull-link#continue-link{
     <h2>Live by the Shuriken!</h2>
   </div>
 
+  <!-- Intro paragraphs -->
+  <div style="max-width: 50%;margin: 0 auto;text-align: start;">
+    <h3>Arising from the unrest of a lawless period...</h3>
+    <p style="margin-bottom: 7rem;font-size: 1.75rem;">
+      ...families of elite peasant warriors banded together to form clans in the more remote mountainous regions. Initially formed as self-defense against roving bands of thieves, now they strike back in revolt against the growing threat of control by the rule of the new shogunate that is growing in power and soon will control all the nearby lands...
+    </p>
+  </div>
+  
   <div id='progression'>
     <div id='later-progression'>
       <p>Explore the <a class='fade-in' target='main' href='/map'><i class="fa fa-map" aria-hidden="true"></i> map</a> and <a class='fade-in' target='main' href='/enemies#npcs'><i class="fa fa-bolt" aria-hidden="true"></i> attack monsters</a>, gather loot</p>

deploy/templates/logout.tpl

@@ -30,12 +30,15 @@
 </h1>
 <section class='glassbox centered thick'>
 	<p class='lead'>
-		Sorry to see you go!  Come back soon!
-		You can return to <a href='/'><i class="fa-solid fa-house"></i> the homepage</a> or <a class='btn btn-primary' href='/login'><i class="fa-solid fa-lock"></i> log in again.</a>
+		Sorry to see you go!  Come back soon!<br />
+		<br />
+		You can:<br />
+		<a href='/'>return to <i class="fa-solid fa-house"></i> the homepage</a> <i class="fa-solid fa-arrow-left"></i> OR <i class="fa-solid fa-arrow-right"></i> <a class='btn btn-primary' href='/login'><i class="fa-solid fa-lock"></i> log in again.</a>
 	</p>
 </section>
-<section id='logout-ads' class='ad-sectionglassbox'>
+<section id='logout-ads' class='ad-section glassbox'>
 <div class='glassbox clearfix well'>
+	{*
 	<h2>Can't get enough ninjas? Try these</h2>
 	<div class='group'>
 		<a href="http://amzn.to/1Ro2VLC" rel='nofollow'>Ninja AD 1460-1650 (Warrior)</a><img src="http://ir-na.amazon-adsystem.com/e/ir?t=bit0d3-20&l=as2&o=1&a=1841765252" width="1" height="1" alt="" style="border:none !important; margin:0px !important;" />
@@ -63,11 +66,12 @@
 		<p>The Ninja Wars movie, amusing, disgusting & weird all at once</p>
 		<a rel="nofollow" href="http://www.amazon.com/gp/product/B0006IINIW/ref=as_li_tl?ie=UTF8&camp=1789&creative=390957&creativeASIN=B0006IINIW&linkCode=as2&tag=bit0d3-20&linkId=A2Z4NQEKGHB7BKBQ"><img src="http://ws-na.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B0006IINIW&Format=_SL110_&ID=AsinImage&MarketPlace=US&ServiceVersion=20070822&WS=1&tag=bit0d3-20" ></a><img src="http://ir-na.amazon-adsystem.com/e/ir?t=bit0d3-20&l=as2&o=1&a=B0006IINIW" width="1" height="1" alt="" style="border:none !important; margin:0px !important;" />
 	</div>
+	*}
 	<div class='horizontal'>
 		<div class='google-ad group'>
 			<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9488510237149880"
 			crossorigin="anonymous"></script>
-	<!-- NWShopAd -->
+	<!-- NWLogoutAd -->
 	<ins class="adsbygoogle"
 			style="display:block"
 			data-ad-client="ca-pub-9488510237149880"

deploy/templates/selfmenu.partial.tpl

@@ -33,7 +33,9 @@
         {/if}
         <li class="divider"></li>
         {if $ninja->isAdmin()}
-            <li><a href='/ninjamaster'><button class='btn btn-default' type='button'>Ninjamaster</button></a></li>    
+            <li><a href='/ninjamaster' class='inline-block px-thick'>
+                <i class="fa-solid fa-screwdriver-wrench"></i> Ninjamaster
+            </a></li>    
         {/if}
         <li><a href="/account" target="main" title='Your player account info, email, password, etc.' tabindex="-1"><i
                     class="fa fa-cog"></i> Account Info</a></li>
@@ -50,9 +52,13 @@
             </div>
         </div><!-- End of recent events -->
         <li class="divider"></li>
-        <li><a target='main' href='/intro'><i class="fa fa-question-circle" tabindex="-1"></i> Intro Guide</a></li>
+        <li>
+            <a target='main' href='/intro'>
+                <i class="fa fa-question-circle" tabindex="-1"></i> Intro Guide
+            </a>
+        </li>
         <li class="logout-item">
-            <form method='post' action='/logout'>
+            <form method='post' action='/logout' class='px-thick'>
                 <input type='submit' name='logout' value='Logout' class='btn btn-default'>
             </form>
         </li>

deploy/templates/signup_email_body.tpl

@@ -48,7 +48,7 @@
   {* Contact us info in the footer here *}
 
   <p>
-    Have fun, and see you in the game.
+    See you in the game, and have fun.
   </p>
 
   {include file="email.footer.tpl"}

deploy/www/css/style.css

@@ -5287,6 +5287,22 @@ input[type='button'].btn-block {
     margin-right: 2rem;
 }
 
+.my-thick {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+}
+
+.px-thick {
+    padding-left: 2rem;
+    padding-right: 2rem;
+}
+
+.py-thick {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+}
+
+
 /**
  * Media queries for responsive design.
  *