Add To Favorites

Sluggers 25

Navigation

Comic Links

More Comics by Nick

70-Seas (The prequel to LK)
70-Seas Extended (EVEN MORE 70-SEAS!!)
Hollow Knight Fan Comics
Fido Force
(Patreon :: Gum Road)
12 Ton Megaton
(Patreon :: Gum Road)
Snake Bile & Honey
(Patreon :: Gumroad)
Svana Goes Shrooming
(Patreon :: Gumroad)

Author's Comment

P5ych
4th Dec 2020, 7:55 AM

And that's it for Sluggers. I'm going to be taking a bit of a break this December to catch up on some Patreon stuff, maybe build a little comic buffer and have some me-time.

There'll still be various posts here but I won't be starting a proper full color chapter until the new year.

Cheers,

-Nick!

PS if any of you know how to get this comic page properly centered with html/css I'd really appreciate hearing from you.

PPS Thanks to Menesetsu for helping me get the page centered!

( Reply ) ( Edit ) ( Delete )

User Comments:

Guest 4th Dec 2020, 8:21 AM	Good way to end the chapter. I just have one question though. IS THAT CRYSTAL PROPOSING TO SAWL??!!
( Reply ) ( Edit ) ( Delete )

Kalatash 4th Dec 2020, 5:36 PM	Hmm, Crystal Snow? Or would it be Sawl Waters, since Crystal is the one proposing? Would the last name be combined into Snow-Waters or Waters-Snow (Watersnow)? WTF are the marriage naming conventions of Lagend, anyway?
( Reply ) ( Edit ) ( Delete )

tracer 4th Dec 2020, 8:22 AM	So many characters... (and the cast page is 6 chapters out of date.) Who is talking to Rose? Who is shaking hands with Kyle's assistant?
( Reply ) ( Edit ) ( Delete )

waterfan2 4th Dec 2020, 2:54 PM	Characters So from what I can tell, Zander and Rose are talking with Josephine, the King Mother (Zander's grandmother) and Avery is on the right shaking hands with the yomunculi. Now if Sawl could only find Lewk to be his best man...
( Reply ) ( Edit ) ( Delete )

tracer 5th Dec 2020, 4:49 AM	Thanks, but who is Avery? When did he appear earlier and what did he do? As for Lewk and Sawl, Sawl should have noticed and recognized "Christine" and can ask her to contact Lewk. Or just wait for him to visit the port again.
( Reply ) ( Edit ) ( Delete )

Kalatash 5th Dec 2020, 5:11 PM	Avery appeared in "Snake Bile and Honey", where at the end she asked to be Jane's (girl?)friend.
( Reply ) ( Edit ) ( Delete )

Thaddeus 4th Dec 2020, 9:08 AM	Welp, I guess Ms. Terry found her next heist target, huh?
( Reply ) ( Edit ) ( Delete )

Cathode 4th Dec 2020, 11:03 AM	Make no mistake, this is a very wholesome way to end before taking a break.
( Reply ) ( Edit ) ( Delete )

Menesetsu 4th Dec 2020, 1:14 PM	Centering image Fast solution I came up with is this style #comicimage { max-width: 100%; } Though it will compress image into column and it will be looking slightly blury. I'll think about more elegant solution tomorrow. Maybe it's better to change overall styles to support such images. Sorry for my bad english)
( Reply ) ( Edit ) ( Delete )

Toon Kid 4th Dec 2020, 3:40 PM	Your English is Good @Menesetsu, as an English-speaking person, your English is actually really good, about 95%, the only things you're missing is "a" for "a column" and "an" for "an elegant solution".
( Reply ) ( Edit ) ( Delete )

Menesetsu
7th Dec 2020, 9:55 AM

Reply and centering image
Thank you kindly, sir :) I'll try to remember about articles.
About centering, I think I found the solution, which "style only". Just add these.
#comic_area {
width: 910px;
}
#comic_area_inner {
width: 0px;
}
#comic_area_inner img {
max-width: 95vw;
transform: translateX(-50%);
position: relative;
}
Checked on single pages, looked normal to me.
P.S. It do not fix horizontal scrollbar issue though. Honestly speaking, I think it will require more "serious" work with site :)
Current style solution is universal and would work on any width image.
I added max-width restraint for users to see whole image and for image not to slide too far left behind screen.

( Reply ) ( Edit ) ( Delete )

P5ych 7th Dec 2020, 1:53 PM	Thanks, I tried this and it's working great!
( Reply ) ( Edit ) ( Delete )

Menesetsu 9th Dec 2020, 12:01 AM	Centering issues I found that on mobile devices there is big gap on right now. I think my styles causing it. I'll try to solve it on weekend. Maybe scrollbar issue will disappear too :) Anyway, glad to help you. Let me know know if you need any other help with html/css ;)
( Reply ) ( Edit ) ( Delete )

Menesetsu
12th Dec 2020, 4:53 AM

Css magic
So. I looked through site styles, find some points to improve. All points are fully optional and independent from each other :) If there are reasons not to use them, skip them.
1. I think it is better to remove "left: 40px;" style from #header and "left: -40px;" from #bodywrap, because they creates a strange gap at the horizontal scroll bottom there. I wish I could upload a screenshot to show what I mean. But maybe these two lines were applied to fix something?
2. Comic navigation select boothered me, because it get out of wrapper to right. I suggest this style:
select.comicnavlink {
max-width: 100%;
}
3. Finally, fixing horizontal scroll for mobile view (and desktop too, in narrow window view). So, a bit of css magic, replace these styles:
#comic_area_inner {
width: 0px;
}
#comic_area_inner img {
max-width: 95vw;
transform: translateX(-50%);
position: relative;
}
with these:
#comic_area_inner {
width: 1px;
}
#comic_area_inner:after {
content: "";
display: block;
overflow: hidden;
width: 1px;
}
#comic_area_inner img {
max-width: calc(max(95vw, 910px));
transform: translateX(50%);
position: relative;
float: right;
}
I think that's all. Hope you like it.

( Reply ) ( Edit ) ( Delete )

md5crypt
4th Dec 2020, 3:38 PM

web stuff
what you want is hard

I would recommend something like this:

<div style="width:940px; margin: 0 auto">(all stuff above comic)</div>
<div>(the comic is self)</div>
<div style="width:940px; margin: 0 auto">(all stuff below comic)</div>

This way the comic sets the page width while the rest of the page can remain centered with a fixed size.

That said here is a fast hack if you just want a dirty fix for this one comic:

document.body.style.width = document.querySelector('table[name=news]').clientWidth;
document.body.style.margin = "0 auto";
document.querySelector('table[name=news]').style.position = "relative";
document.querySelector('table[name=news]').style.left = "calc(30px - 50%)";
document.querySelector('#bodywrap').style.left = 0;
document.querySelector('#header').style.position = "unset";

so I manually set body width to match the image width a then do a lot of messing around in css to position the comic correctly

Also I loved the coloring style in this story!

( Reply ) ( Edit ) ( Delete )

Drifter 4th Dec 2020, 9:20 PM	Two observations Rosaline using Embalmer as a bench, and Roger sitting in Nikol's lap.
( Reply ) ( Edit ) ( Delete )

Guest 5th Dec 2020, 4:25 AM	So much in this shot, it's really fun to look for details. For the people commenting on formatting for this picture, the more elegant solution is to do the picture's composition with the giant size and website restrictions in mind. And I'd say this one does that pretty well. (Not saying you couldn't improve the embedding, but that's only polish).
( Reply ) ( Edit ) ( Delete )

Tarana 5th Dec 2020, 7:02 AM	This was a fun arc. And congratulations to Sawl and Crystal.
( Reply ) ( Edit ) ( Delete )

Guest 5th Dec 2020, 9:28 AM	Why is Maria's snake arm squeezing Liam so hard?
( Reply ) ( Edit ) ( Delete )

Guest 5th Dec 2020, 10:51 AM	@Guest To make sure that Liam knows that love hurts. AND to let him know he's in big trouble if he hurts Maria...
( Reply ) ( Edit ) ( Delete )

Karl
5th Dec 2020, 11:47 AM

Sing along! https://www.youtube.com/watch?v=IAJHDiO8Fr0

Well, Mr Balder has done it
The Demons they had won it
With Noel ranting at Randy all the while
The X-Mas Ghosts appearance made us smile
And the kids all arguing with No-Name and Kyle
We talkin Blankball
From Hilla Town to Big Tree
We talkin Blankball
Dragonfly and Ms. Tery
Jane and Liam are busy talking chicks
Princess Rosaline is using dirty tricks
We talkin Ami
And Slug Bug meat on sticks

Well, Maria she was pitching
The Shadows they were stretching
And Ash saved their explosives for the fight
Zander being bad at predicting odds
While "Womwom" went the giant mystic clods
We talkin Blankball
From Hilla Town to Big Tree
We talkin Blankball
Dragonfly and Ms. Tery
Jane and Liam are busy talking chicks
Princess Rosaline is using dirty tricks
We talkin Ami
And Slug Bug meat on sticks

So Debbie took and jinxed it
While Crystal and Sawl will hitch it
The sports collage saved Psych some time
Rogers catching plan took flight
With everyone joining in on the final fight
We talkin Blankball
From Hilla Town to Big Tree
We talkin Blankball
Dragonfly and Ms. Tery
Jane and Liam are busy talking chicks
Princess Rosaline is using dirty tricks
We talkin Ami
And Slug Bug meat on sticks

( Reply ) ( Edit ) ( Delete )

P5ych 6th Dec 2020, 8:52 PM	Wow, those lyrics are really something. One thing, collage/montage is never a time-saving device in comics, each shot means different angles, characters, and poses. It's all a lot of work.
( Reply ) ( Edit ) ( Delete )

Toon Kid 7th Dec 2020, 8:30 PM	Applause @Karl, 👏👏👏👏👏
( Reply ) ( Edit ) ( Delete )

Guest 6th Dec 2020, 10:47 AM	@Karl -- WOW! That was fantastic!
( Reply ) ( Edit ) ( Delete )

Guest 6th Dec 2020, 6:52 PM	I get the feeling I should know who "Randy" is.
( Reply ) ( Edit ) ( Delete )

Funsicker 7th Dec 2020, 12:34 PM	Guest Do we know why Bridget isn't in this comic?
( Reply ) ( Edit ) ( Delete )

yachris 7th Dec 2020, 1:47 PM	@Funsicker She took a sick day for the pose photo shoot, due to her stripes being "not sharp enough" or "wavy" or something. It was a bad connection.
( Reply ) ( Edit ) ( Delete )

Toon Kid 7th Dec 2020, 8:32 PM	@yachris, when did this happen?
( Reply ) ( Edit ) ( Delete )

TimeSceo 9th Dec 2020, 9:53 AM	Aw Liam got to talk to Maria in the end, that's nice Hopefully the snake doesn't eat him
( Reply ) ( Edit ) ( Delete )

yachris 13th Dec 2020, 7:24 AM	@Toon Kid in my fevered imagination :-)
( Reply ) ( Edit ) ( Delete )