updated comics and the lore page
BIN
img/characters/ai.png
Normal file
After Width: | Height: | Size: 105 KiB |
Before Width: | Height: | Size: 124 KiB |
Before Width: | Height: | Size: 104 KiB |
BIN
img/characters/mora.png
Normal file
After Width: | Height: | Size: 76 KiB |
Before Width: | Height: | Size: 152 KiB |
BIN
img/characters/pleroma.png
Normal file
After Width: | Height: | Size: 81 KiB |
Before Width: | Height: | Size: 194 KiB |
BIN
img/characters/waifumelon.png
Normal file
After Width: | Height: | Size: 119 KiB |
Before Width: | Height: | Size: 437 KiB |
BIN
img/comics/pg1.png
Executable file
After Width: | Height: | Size: 149 KiB |
Before Width: | Height: | Size: 434 KiB |
BIN
img/comics/pg10.png
Executable file
After Width: | Height: | Size: 152 KiB |
Before Width: | Height: | Size: 450 KiB |
BIN
img/comics/pg11.png
Executable file
After Width: | Height: | Size: 198 KiB |
Before Width: | Height: | Size: 443 KiB |
BIN
img/comics/pg12.png
Executable file
After Width: | Height: | Size: 1.3 MiB |
Before Width: | Height: | Size: 431 KiB |
BIN
img/comics/pg13.png
Executable file
After Width: | Height: | Size: 237 KiB |
Before Width: | Height: | Size: 462 KiB |
BIN
img/comics/pg14.png
Normal file
After Width: | Height: | Size: 24 KiB |
BIN
img/comics/pg15.png
Executable file
After Width: | Height: | Size: 282 KiB |
BIN
img/comics/pg16.png
Executable file
After Width: | Height: | Size: 337 KiB |
BIN
img/comics/pg17.png
Executable file
After Width: | Height: | Size: 385 KiB |
BIN
img/comics/pg18.png
Executable file
After Width: | Height: | Size: 408 KiB |
BIN
img/comics/pg19.png
Executable file
After Width: | Height: | Size: 288 KiB |
BIN
img/comics/pg2.png
Executable file
After Width: | Height: | Size: 222 KiB |
BIN
img/comics/pg20.png
Normal file
After Width: | Height: | Size: 509 KiB |
BIN
img/comics/pg21.png
Normal file
After Width: | Height: | Size: 454 KiB |
Before Width: | Height: | Size: 900 KiB |
Before Width: | Height: | Size: 455 KiB |
Before Width: | Height: | Size: 514 KiB |
BIN
img/comics/pg3.png
Executable file
After Width: | Height: | Size: 273 KiB |
Before Width: | Height: | Size: 516 KiB |
BIN
img/comics/pg4.png
Executable file
After Width: | Height: | Size: 265 KiB |
Before Width: | Height: | Size: 451 KiB |
BIN
img/comics/pg5.png
Executable file
After Width: | Height: | Size: 341 KiB |
Before Width: | Height: | Size: 537 KiB |
BIN
img/comics/pg6.png
Executable file
After Width: | Height: | Size: 249 KiB |
Before Width: | Height: | Size: 444 KiB |
BIN
img/comics/pg7.png
Executable file
After Width: | Height: | Size: 271 KiB |
Before Width: | Height: | Size: 458 KiB |
BIN
img/comics/pg8.png
Executable file
After Width: | Height: | Size: 271 KiB |
Before Width: | Height: | Size: 453 KiB |
BIN
img/comics/pg9.png
Executable file
After Width: | Height: | Size: 237 KiB |
Before Width: | Height: | Size: 59 KiB After Width: | Height: | Size: 54 KiB |
Before Width: | Height: | Size: 60 KiB |
Before Width: | Height: | Size: 61 KiB |
Before Width: | Height: | Size: 54 KiB |
Before Width: | Height: | Size: 63 KiB |
Before Width: | Height: | Size: 65 KiB |
Before Width: | Height: | Size: 52 KiB |
Before Width: | Height: | Size: 63 KiB |
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
|
||||
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,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.
|
||||
|
||||
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>
|
||||
|
@ -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
|
||||
|
|
41
lore.html
|
@ -15,39 +15,46 @@
|
|||
<div class="writeHeader"></div>
|
||||
|
||||
<div class="subPage clearfix" align="center">
|
||||
<h1>Characters</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>
|
||||
<h1>Lore</h1>
|
||||
|
||||
<table class="charTable">
|
||||
<!-- teena -->
|
||||
<tr>
|
||||
<td>
|
||||
<img src="img/characters/teena.png" alt="Teena Merry" class="clearfix rightPic"/>
|
||||
<h2>Teena Merry</h2>
|
||||
<p>She's just your average everyday teenage girl! Reading magazines, chasing boys, you know! girl stuff!</p>
|
||||
<img src="img/characters/waifumelon.png" alt="Teena Merry" class="clearfix rightPic"/>
|
||||
<h2>Waifumelon</h2>
|
||||
<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"/>
|
||||
<h2>Pipsie Squeakie</h2>
|
||||
<p>Teena's partner in crime! She has short black hair also which is cool</p>
|
||||
<img src="img/characters/ai.png" alt="Ai" class="clearfix rightPic"/>
|
||||
<h2>Ai</h2>
|
||||
<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"/>
|
||||
<h2>Gwendolyn</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>
|
||||
<img src="img/characters/pleroma.png" alt="Pleroma-tan" class="clearfix rightPic"/>
|
||||
<h2>Pleroma-tan</h2>
|
||||
<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"/>
|
||||
<h2>Goro Majima</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>
|
||||
<img src="img/characters/mora.png" alt="Mora" class="clearfix rightPic"/>
|
||||
<h2>Mora</h2>
|
||||
<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>
|
||||
|
|