Skip to content

Webcomic Header

Quarantine with the Vampire (Part 4) 13/21

Quarantine with the Vampire (Part 4) 13/21 published on 8 Comments on Quarantine with the Vampire (Part 4) 13/21

…said the spider to the fly.

Continue reading Quarantine with the Vampire (Part 4) 13/21

Updated layout

Still tinkering with the layout CSS

Still tinkering with the layout CSS published on 3 Comments on Still tinkering with the layout CSS

Updates on my ongoing effort to go through the basic Leif & Thorn layout CSS, make light updates, and generally clean it up.

AKA, the long-awaited (?) sequel to February/March’s “making the Leif & Thorn layout more responsive” post.

For readers, the most visible New Thing lately is the fonts. Decided I wanted the “auto-generated/informative/metadata” text to have its own look, instead of being “the fancy title font (Merienda) but smaller” or “the main-text font (Montaga) but more italic.”

So now you’ll see a bunch of Fira Sans. Sans-serif, lightweight, gentle slant. I’m into it.

(Sidenote: there are a bunch of accent images that use Ale and Wenches (the font for Sønska dialogue text). Including the buttons from the over-the-comic “volume navigation” bar, and the subtitle in the main page banner. Might edit those at some point! Might not. We’ll see.)

Other than that…to be honest, the front-end should look pretty much the same:

Updated layout

Unless you have a sharp eye for margins? In which case you’ll notice some re-aligned text, some unfortunate squishing replaced with nice aesthetic spacing.

I’ve been doing matching cleanup on the But I’m A Cat Person CSS, and those visuals are almost entirely about the margins. Plus a couple of borders. The occasional font size. One weird unexpected error in the underlying PHP.

In both cases, the biggest progress is only visible on the back-end. (To see under the hood: follow this link to the Leif & Thorn stylesheet, shift+reload to get it un-cached.)

Mostly: comments! So many code comments. I want to get to the point where I can edit this without ever having to stop and think “wait, what does this line do? How important is it? What seemingly-unrelated feature would break if I deleted it?”

(A longer-term goal of all this — which I’ve vaguely had in mind for a while — is “making the layout a shareable template.” So other creators can copy it, design their own themes, and do their own customizations, without needing to mind-read or reverse-engineer too much. It’s still not there yet, but this is the first time it’s been remotely close.)

Making yourself go through and explain all the CSS also lets you notice when you have duplicate lines doing the same thing. Or deprecated lines that don’t do anything at all. Or a line that was put in to override a “problem” that, it turns out, was caused by a different line in the same stylesheet. Or…the list goes on.

At one point I Thanos-snapped 3 separate height/padding/margin settings from 3 different elements, which were, in perfect balance, furiously canceling each other out.

At this point, the CSS is about 250 lines shorter than the backup I made last October. And that’s with a bunch of new comments added.

…roughly the same length in characters, though. Detailed plain-English explanations = longer lines.

The mobile layout, too, is still mobile-ing along:

Mobile layout

I dropped the “set mobile zoom” array of buttons for now. The perfect solution would be to have two distinct layout cookies, so “page theme” and “zoom size” can be set independently…but I haven’t managed to make that work without breaking the whole setup.

Anyone have code suggestions for fixing it? Let me know.

Was really hoping the “what zoom level do mobile users like?” poll (now closed) would come up with a decisive favorite…but nope, the results were all over the map. So I made an executive decision and stuck it at 70%. For now, that’ll have to be good enough.

Of the "change mobile zoom" options in the header, which is your favorite?
  • Doesn't matter to me, but I like voting in polls 36%, 12 votes
    12 votes 36%
    12 votes - 36% of all votes
  • 70% 18%, 6 votes
    6 votes 18%
    6 votes - 18% of all votes
  • 60% 9%, 3 votes
    3 votes 9%
    3 votes - 9% of all votes
  • Between 70 and 80 9%, 3 votes
    3 votes 9%
    3 votes - 9% of all votes
  • 80% 9%, 3 votes
    3 votes 9%
    3 votes - 9% of all votes
  • I want something larger than 80% 9%, 3 votes
    3 votes 9%
    3 votes - 9% of all votes
  • I want something smaller than 50% 6%, 2 votes
    2 votes 6%
    2 votes - 6% of all votes
  • Between 60 and 70 3%, 1 vote
    1 vote 3%
    1 vote - 3% of all votes
  • 50% 0%, 0 votes
    0 votes
    0 votes - 0% of all votes
Total Votes: 33
10 March, 2021 - 8 April, 2021
Voting is closed
© Kama

Did you know there is also news about But I’m A Cat Person?

Did you know there is also news about But I’m A Cat Person? published on 3 Comments on Did you know there is also news about But I’m A Cat Person?

Never made a full-on post about this on Leif & Thorn, and I should probably put it front-and-center, at least for the next 2 weeks…

First: BICP is getting an annotated re-release! In the vein of Guilded Age or Narbonic, pages are re-posted with author commentary, 5 days a week, starting from chapter 1.

With almost 1000 pages, this means I have enough material to keep going for the next few years. It’s the longest buffer BICP’s ever had.

Second: the Kickstarter to print a Master’s Edition omnibus boxset ends on Friday the 26th!

BICP Kickstarter

It’s the Whole Entire Comic of BICP, printed bigger and fancier than ever before, and packed in a Cool Slipcase. It comes with author’s notes, an exclusive mini-print, and brand-new bonus pages.

It’s been rated a Project We Love by Kickstarter staff. It’s won the recommendation of ComicsBeat and the backing of BOOM! Studios. It’s my highest-earning campaign ever, and it’s not even 100% funded yet.

…sure would be nice to hit 100% this week. Ten more boxsets ought to cover it (give or take). If you haven’t preordered yours already, give it a look!

Fluid layout

All layouts are responsive, but some are more responsive than others

All layouts are responsive, but some are more responsive than others published on 22 Comments on All layouts are responsive, but some are more responsive than others

Update, Tuesday (3/2) just after midnight: Okay, now I’m just playing with zooms. There’s a new row of buttons above every comic — toggle between sizes (only affects the mobile layout) and let me know what you think.

Also, open the main stylesheet CSS and refresh, to make sure you have the latest version of that! (It’s the “everything but the color scheme” CSS, and cached versions may be glitchy.)

Note: all the variants are in the Northern Lights theme, because “color scheme + page size pick-your-own combo platter” is too much to code for a first-run test. Switching to a different site theme will return you to the current default zoom.

Continue reading All layouts are responsive, but some are more responsive than others

Leif & Thorn shipping news (no, the other kind of shipping)

Leif & Thorn shipping news (no, the other kind of shipping) published on 3 Comments on Leif & Thorn shipping news (no, the other kind of shipping)

The Volume 3 packing station is in full swing. Featuring large boxes of books, and small piles of Stuff What Goes With The Books:

Packing supplies
Continue reading Leif & Thorn shipping news (no, the other kind of shipping)

Volume 3 hits the digital shelves, complete with new Cool Fantasy Map

Volume 3 hits the digital shelves, complete with new Cool Fantasy Map published on 2 Comments on Volume 3 hits the digital shelves, complete with new Cool Fantasy Map

The ebook of Leif & Thorn Volume 3: Creeping Vines is now available! Readers who preordered it through Kickstarter got the first crack, but anyone who missed the campaign can finally buy it on Gumroad.

The ebooks of Volumes 1 and 2 are available in the same store — along with the paperback versions, if you’re into those. (The printing of Volume 3 is in progress as we speak.)

Along with song lyrics, fancy recolored strips, and a bunch of exclusive bonus sketches, this is the volume where I had a new map done.

Continue reading Volume 3 hits the digital shelves, complete with new Cool Fantasy Map
Volume 3

Cheers for all the Volume 3 backers

Cheers for all the Volume 3 backers published on No Comments on Cheers for all the Volume 3 backers

This is the post where I credit everyone who backed Leif & Thorn Volume 3!

You’ve set a backer record, a funding record, and the wheels in motion for me to print a whole new book. Thanks to every single one of you.

Volume 3

A Hero and a Scholar

Clara Danao
Svirdilu
Izzy “Strontium” Hall
Jamie
Mikko
Judy


Long-Runner Print of the Narrative

Nikki W.
Kaldra
Katherine R
Punkin
Caleb Schirmer
Albert Cua
Richard W. Gombert
Andrew Webster
Brittany Kelly (TheGoodDrawer)
Peter Post
Tory S. Morgan
Triss
Hela
Cathy Green
Paul Cassella
Kyle Albert Anderson
Nolwenn Lahotte


The Book Where It Happens

Steph
Jonnie Irvine
Chimervera
gladdecease
KendallPB
Beth Culp
Alienea
Dorothea
Fir McGrevy-Gilmore
Angela Bacchi
Barbara


A Print Of The Narrative

Naomi Butcher
Eva S
Meghan McCusker
Liz the Lucky
Kris Preusker
Simone Pietro Spinozzi
Xanthipe
Ada Kerman
paralianBlue
Shizamura
Sailor-Cresselia
Susan Wilson
Julie L Spradley
Lenora Rose
BashMeNot
Tamvana
Kaitlyn
Victoria Linnea Conner
Dinglehopper
Tracy
MsM
Tim Sauke
Olivia Montoya


Long-Runner Scrappy & Digital-Only

H.
Cristov Russell
Jay Lofstead
James Post
Megan
Trip Space-Parasite
Einar Petersen
S. Stevenson
Lenore Jean Jones
Alaina
Eric Müller


Young, Scrappy, & Digital-Only

Anaxaphone
Lielac
maileguy
Jens Bejer Pedersen
Brett Bennett
CJ Gibson
David W
Owens
Esther!
AnnaDaEllie
Joann
Erin Subramanian

Prompt list

Taking ship prompts for #OTPober

Taking ship prompts for #OTPober published on 44 Comments on Taking ship prompts for #OTPober

Art request meme! I’ll do sketches (and sometimes more than sketches) for the first 15 people who comment with a Leif & Thorn ship, a prompt from column A, and a prompt from Column B:

Prompt list

Character profiles are listed on the Leif & Thorn wiki, in case you want to double-check somebody’s name.

I’m not taking prompts for blood relatives, but other than that, feel free to pick any 2 characters in the strip. (Or any 3+ characters…) Whether their in-universe status is established couple, budding romance, just friends, just enemies, or total strangers — as long as you think a sketch of the romance would be fun, go for it.

Honestly, the canon romances are going to get plenty of art anyway. So if you have an off-the-wall crack ship that’s probably never going to get drawn otherwise? Now would be the time to ask.

Retweetable thread of everything on Twitter here.

  1. Del/Stanczia, starry formal wear
  2. Olive/Kale, first-date game
  3. Pascentia/Violet, autumn reading
  4. Leif/Thorn, wedding dance
  5. Bram/Laceleaf, summer game
  6. Kale/Delphinium, vacation handholding
  7. Archie/Rowan, first-date eye-gazing
  8. Lepida/Quince, late-night costumes
  9. Archie/Rowan/Violet, mealtime comfy sweaters
  10. Hyacinth/Hazel, late-night reading
  11. Ivy/Kallie, summer game
  12. Leif/Thorn/Kale, wedding comfy sweaters
  13. Stanczia/Imri, autumn hand-holding
  14. Vine/Cedar, holiday comfy sweaters
  15. Leif/Kale, late-night costumes

Voting on the exclusive mini-prints for Volume 3

Voting on the exclusive mini-prints for Volume 3 published on No Comments on Voting on the exclusive mini-prints for Volume 3

The Kickstarter to print Volume 3 is off to a great start, so here’s the part where you get to vote on “which art should be used for the exclusive mini-print that goes in every book.”

Continue reading Voting on the exclusive mini-prints for Volume 3

Advertising Your Webcomic On Twitter (a how-to and a case study)

Advertising Your Webcomic On Twitter (a how-to and a case study) published on 5 Comments on Advertising Your Webcomic On Twitter (a how-to and a case study)

I couldn’t find anyone to talk with about webcomic advertising on Twitter…so I went out and did my own. Here’s how it went.

(This is part of the “how do I webcomic?” series, with useful information on all kinds of comicking-related topics.)

Done a couple months before the Leif & Thorn Volume 3 Kickstarter, because I wanted to see if it was a promising way to advertise the book.

Not going to describe all the step-by-step setup, because there are a lot of generic “how to run a Twitter ad campaign” guides out there already. But I’ll start with some general notes about Stuff I Did, then move on to Useful Tips I Learned.

Continue reading Advertising Your Webcomic On Twitter (a how-to and a case study)