updated comics and the lore page

master
waifu 8 months ago
parent 83219dde4a
commit f6856a88c8
  1. BIN
      img/characters/ai.png
  2. BIN
      img/characters/gwendolyn.png
  3. BIN
      img/characters/majima.png
  4. BIN
      img/characters/mora.png
  5. BIN
      img/characters/pipsie.png
  6. BIN
      img/characters/pleroma.png
  7. BIN
      img/characters/teena.png
  8. BIN
      img/characters/waifumelon.png
  9. BIN
      img/comics/pg1.jpg
  10. BIN
      img/comics/pg1.png
  11. BIN
      img/comics/pg10.jpg
  12. BIN
      img/comics/pg10.png
  13. BIN
      img/comics/pg11.jpg
  14. BIN
      img/comics/pg11.png
  15. BIN
      img/comics/pg12.jpg
  16. BIN
      img/comics/pg12.png
  17. BIN
      img/comics/pg13.jpg
  18. BIN
      img/comics/pg13.png
  19. BIN
      img/comics/pg14.jpg
  20. BIN
      img/comics/pg14.png
  21. BIN
      img/comics/pg15.png
  22. BIN
      img/comics/pg16.png
  23. BIN
      img/comics/pg17.png
  24. BIN
      img/comics/pg18.png
  25. BIN
      img/comics/pg19.png
  26. BIN
      img/comics/pg2.png
  27. BIN
      img/comics/pg20.png
  28. BIN
      img/comics/pg21.png
  29. BIN
      img/comics/pg2_1.jpg
  30. BIN
      img/comics/pg2_2.jpg
  31. BIN
      img/comics/pg3.jpg
  32. BIN
      img/comics/pg3.png
  33. BIN
      img/comics/pg4.jpg
  34. BIN
      img/comics/pg4.png
  35. BIN
      img/comics/pg5.jpg
  36. BIN
      img/comics/pg5.png
  37. BIN
      img/comics/pg6.jpg
  38. BIN
      img/comics/pg6.png
  39. BIN
      img/comics/pg7.jpg
  40. BIN
      img/comics/pg7.png
  41. BIN
      img/comics/pg8.jpg
  42. BIN
      img/comics/pg8.png
  43. BIN
      img/comics/pg9.jpg
  44. BIN
      img/comics/pg9.png
  45. BIN
      img/thumbs/default.png
  46. BIN
      img/thumbs/pg1.png
  47. BIN
      img/thumbs/pg2.png
  48. BIN
      img/thumbs/pg3.png
  49. BIN
      img/thumbs/pg4.png
  50. BIN
      img/thumbs/pg5.png
  51. BIN
      img/thumbs/pg6.png
  52. BIN
      img/thumbs/pg7.png
  53. BIN
      img/thumbs/pg8.png
  54. 12
      js/comic_settings.js
  55. 41
      lore.html

Binary file not shown.

After

Width:  |  Height:  |  Size: 105 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 124 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 152 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 81 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 194 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 119 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 437 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 149 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 434 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 152 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 450 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 198 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 443 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 431 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 237 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 462 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 282 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 337 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 385 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 408 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 288 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 222 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 509 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 454 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 900 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 455 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 514 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 273 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 516 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 265 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 451 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 341 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 537 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 249 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 444 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 271 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 458 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 271 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 453 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 237 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 59 KiB

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 61 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 63 KiB

@ -11,14 +11,14 @@ let pg = Number(findGetParameter("pg")); //make "pg" mean the current page numbe
//////////////////////// ////////////////////////
//REALLY IMPORTANT ONES //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 //YOU MUST UPDATE THIS NUMBER EVERY TIME YOU ADD A NEW PAGE or else it wont display the most recent page
// COMIC PAGE SETTINGS // COMIC PAGE SETTINGS
const folder = "img/comics"; //directory of the folder where you keep all the comics 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 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 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 //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. 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,11 +47,11 @@ 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. //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 = [ const pgData = [
{ /* {
pgNum: 1, //what page number it is 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! 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 imageFiles: 1, //how many image files this page is split into
authorNotes: ` authorNotes: `
<p>If you want to write an author notes section, this'd be the place to do it.</p> <p>If you want to write an author notes section, this'd be the place to do it.</p>
@ -108,7 +108,7 @@ const pgData = [
authorNotes: ` 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> <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 //below is a function you dont rly need to mess with but if you're more experienced with js you can

@ -15,39 +15,46 @@
<div class="writeHeader"></div> <div class="writeHeader"></div>
<div class="subPage clearfix" align="center"> <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"> <table class="charTable">
<!-- teena --> <!-- teena -->
<tr> <tr>
<td> <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> </td>
</tr> </tr>
<!-- pipsie --> <!-- Ai -->
<tr> <tr>
<td> <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> </td>
</tr> </tr>
<!-- gwendolyn --> <!-- Pleroma-tan -->
<tr> <tr>
<td> <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> </td>
</tr> </tr>
<!-- majima --> <!-- Mora -->
<tr> <tr>
<td> <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> </td>
</tr> </tr>
</table> </table>