<!DOCTYPE html>
<HTML>

   <HEAD>
      <LINK rel="stylesheet" type="text/css" href="./style.css"></LINK>
      <SCRIPT src="./main.js" type="text/javascript"></SCRIPT>

<style>
  #display-area {
    margin: 20px auto;
    width: 640px;
  }
  #display-area img {
    width: 640px;
    height: 480px;
    object-fit: cover;
    border: 3px solid #555;
    border-radius: 8px;
  }
  #controls {
    margin-top: 10px;
  }
  button {
    background-color: #333;
    color: #eee;
    border: none;
    padding: 10px 20px;
    margin: 0 10px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
  }
  button:hover {
    background-color: #555;
  }
</style>
   </HEAD>





<BODY>
<TABLE><TR><TD>
 
      <H1>Irrational Number Line Games, LLC</H1>

      <H3 align=right>
         <a href=index.htm>home</a> &nbsp;
         <a href=sell.htm>stuff-to-buy</a> &nbsp;
         <a href=free-arch.htm>idea archive</a> &nbsp;
         <a href=ramblings.htm>about-us</a> &nbsp;
         <a href=contact.htm>contact</a> &nbsp;
      </H3>

      <SCRIPT language="javascript">
         doodle();
      </SCRIPT>


<H3><a name="datop" id="datop">That is not dead/Which can eternal lie</a></H3>




<P>
<img class=larginalia src=dmdagain00.gif></img>
Another set of 
<a href="https://amzn.to/4okFMzP">Death May Die</a> 
figures painted.
<BR>
To the left is the Colour Out of Space.  The animated image gives
you a feel of how it looks different on the table, even when you 
move around only a little bit.  Excellent cast!
<BR>
Below is a flipbook of images in the order of "this is what i felt
like when I took the pictures".
</P> 
<P><H5></H5></P>


  <h2 id="caption">Loading...</h2>
  <div id="display-area">
    <img id="flipImage" src="" alt="Flipbook image">
  </div>

  <div id="controls">
    <button id="prevBtn">&lt; Prev</button>
    <button id="nextBtn">Next &gt;</button>
  </div>

<script>
  // --- Configuration ---
  const numImages = 13; // 00 through 12 inclusive
  const baseName = "dmdagain";
  const ext = ".jpg";

  // Predefine captions — fill these in later as needed
  const captions = [
    "Ithaqua Stalks",
    "Big fan of mutant penguins.  It sounded exotic in the 20's, I'm sure.",
    "Goat fiends and woodsy monsters",
    "Desert ghouls and a toad monster",
    "Moon Beasts!  These will be great to go with B&W figures and tererain.",
    "Nyarlathotep and snack",
    "More minions, in case Great Old Ones are not enough for you",
    "Regular undead, scifi cat things, and imps",
    "Heroes, including custom paint of football player into Scarlet and Gray",
    "Wonder where the maid with a shotgun works..?",
    "Nug and Yeb - a really cool pair for a scenario",
    "Some one-off villains",
    "Mutant Moles, and a Gross minor horror"
  ];

  // Build list of image filenames
  const images = Array.from({ length: numImages }, (_, i) => {
    const index = i.toString().padStart(2, '0');
    return `${baseName}${index}${ext}`;
  });

  let currentIndex = 0;

  const imgElement = document.getElementById("flipImage");
  const captionElement = document.getElementById("caption");

  function updateDisplay() {
    imgElement.src = images[currentIndex];
    captionElement.textContent = captions[currentIndex];
  }

  document.getElementById("prevBtn").addEventListener("click", () => {
    currentIndex = (currentIndex - 1 + numImages) % numImages;
    updateDisplay();
  });

  document.getElementById("nextBtn").addEventListener("click", () => {
    currentIndex = (currentIndex + 1) % numImages;
    updateDisplay();
  });

  // Initialize display
  window.addEventListener("load", updateDisplay);
</script>




<P><H5></H5></P>

</TD></TR></TABLE>

</BODY>