updated comics and the lore page

js/comic_settings.js

@@ -11,14 +11,14 @@ let pg = Number(findGetParameter("pg")); //make "pg" mean the current page numbe
 ////////////////////////
 
 //REALLY IMPORTANT ONES
-const maxpg = 14; //the current number of pages your comic has in total. this DOESNT necessarily mean number of IMAGE FILES as it doesn't count pages split into multiple files. 
+const maxpg = 21; //the current number of pages your comic has in total. this DOESNT necessarily mean number of IMAGE FILES as it doesn't count pages split into multiple files. 
 //YOU MUST UPDATE THIS NUMBER EVERY TIME YOU ADD A NEW PAGE or else it wont display the most recent page
 
 // COMIC PAGE SETTINGS
 const folder = "img/comics"; //directory of the folder where you keep all the comics
 const image = "pg"; //what you'll name all your comic pages
 const imgPart = "_" //special character(s) you put after the page number to subdivide pages into multiple image files (ie pg2_1, pg2_2, etc)
-const ext = "jpg"; //file extension of your comic pages
+const ext = "png"; //file extension of your comic pages
 
 //THUMBNAIL SETTINGS
 const thumbFolder = "img/thumbs" //directory of the folder where you keep all the thumbnail images for the comics, in case you want the archive page to use thumbnails.
@@ -47,17 +47,17 @@ if (pg == 0) {pg = maxpg;} //display MOST RECENT COMIC when the webpage is loade
 //Note: the formatting is important! The whole thing won't show up if you forget to include the commas or curly braces in the right place.
 
 const pgData = [
-    {
+    /* {
         pgNum: 1, //what page number it is
-        title: "The First Page Title", //the title of the page (leaving this blank will default it to "Page X")
+        title: "", //the title of the page (leaving this blank will default it to "Page X")
         date: writeDate(2021, 3, 16), //the date on which the page was posted (mainly for the archive). The date is written using a function called "writeDate", basically just put writeDate and then some parenthesis and, comma separated, the year followed by the month and the day. Don't forget another comma at the end outside the parenthesis!
-        altText: "Here's some alt text!", //the alt text (mouse over text) for this particular comic. put nothing inbetween the quotes for no alt text
+        /* altText: "Here's some alt text!",  the alt text (mouse over text) for this particular comic. put nothing inbetween the quotes for no alt text
         imageFiles: 1, //how many image files this page is split into
         authorNotes: `
             <p>If you want to write an author notes section, this'd be the place to do it.</p>
             <p>You can even use whatever html tags you want in here to format it, the script called on your html page should spit out anything you type between these backticks.</p>
             `,
-    },
+    }, 
     {
         pgNum: 2,
         title: "The Second Page Title",
@@ -108,7 +108,7 @@ const pgData = [
         authorNotes: `
             <p>Sed lectus magna, dignissim eu sapien quis, euismod pulvinar diam. In odio massa, auctor blandit dolor id, varius ultricies lacus. Suspendisse sed libero vel leo dictum consectetur. In fringilla elit sit amet placerat varius. Duis vel lacus ante. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Proin eleifend metus eu ex elementum venenatis. Curabitur sodales, ipsum placerat ornare convallis, sem eros convallis felis, vel efficitur erat ante id diam.</p>
             `,
-    },
+    },*/
 ];
 
 //below is a function you dont rly need to mess with but if you're more experienced with js you can

lore.html

@@ -15,39 +15,46 @@
     <div class="writeHeader"></div>
     
     <div class="subPage clearfix" align="center">
-        <h1>Characters</h1>
+        <h1>Lore</h1>
-        <p>All of these sub pages are just supposed to be examples of what you could do, you're definitely encouraged to mess around with them and come up with something better</p>
+        
             <table class="charTable">
                 <!-- teena -->
                 <tr>
                     <td>
-                    <img src="img/characters/teena.png" alt="Teena Merry" class="clearfix rightPic"/>
+                    <img src="img/characters/waifumelon.png" alt="Teena Merry" class="clearfix rightPic"/>
-                    <h2>Teena Merry</h2>
+                    <h2>Waifumelon</h2>
-                    <p>She's just your average everyday teenage girl! Reading magazines, chasing boys, you know! girl stuff!</p>
+                    <p>Half watermelon, half anime girl, half sheep.</p>
+                    <p>Has a difficult time thinking.</p>
+                    <p>Quite a fan of Capybaras.</p>
                     </td>
                 </tr>
-                <!-- pipsie -->
+                <!-- Ai -->
                 <tr>
                     <td>
-                    <img src="img/characters/pipsie.png" alt="Pipsie Squeakie" class="clearfix rightPic"/>
+                    <img src="img/characters/ai.png" alt="Ai" class="clearfix rightPic"/>
-                    <h2>Pipsie Squeakie</h2>
+                    <h2>Ai</h2>
-                    <p>Teena's partner in crime! She has short black hair also which is cool</p>
+                    <p>Ai Misuki,(三須木藍) also known as Ai-chan.</p>
+                    <p>Current manager, now helping at the mai.waifuism.life subdomain.</p>
+                    <p>Kinda shy but loves to help.</p>
                     </td>
                 </tr>
-                <!-- gwendolyn -->
+                <!-- Pleroma-tan -->
                 <tr>
                     <td>
-                    <img src="img/characters/gwendolyn.png" alt="Gwendolyn" class="clearfix rightPic"/>
+                    <img src="img/characters/pleroma.png" alt="Pleroma-tan" class="clearfix rightPic"/>
-                    <h2>Gwendolyn</h2>
+                    <h2>Pleroma-tan</h2>
-                    <p>A precocious, smart mouthed little girl from across the street that Teena and Pipsie like to hang out with. Teena's way into her older brother.</p>
+                    <p>Previous keeper of the instance.</p>
+                    <p>Got booted after couldn't keep the place clean.</p>
+                    <p>Hangs around sometimes.</p>
                     </td>
                 </tr>
-                <!-- majima -->
+                <!-- Mora -->
                 <tr>
                     <td>
-                    <img src="img/characters/majima.png" alt="Goro Majima" class="clearfix rightPic"/>
+                    <img src="img/characters/mora.png" alt="Mora" class="clearfix rightPic"/>
-                    <h2>Goro Majima</h2>
+                    <h2>Mora</h2>
-                    <p>After losing his eye and the trust of his sworn brother in a botched assassination, Majima clawed his way out of debt and through the ranks of the Yakuza to become Captain of the Shimano Family, where his ferocity and unpredictability in battle earned him the title "The Mad Dog of Shimano". He's now the patriarch of the Majima Family, a direct subsidiary of the Tojo Clan.</p>
+                    <p>Mascot of the waifuism.life website.</p>
+                    <p>Doesn't like being asked too much stuff, friends with Blueberry Hotcake.</p>
                     </td>
                 </tr>
             </table>