…said the spider to the fly.
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:
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:
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.
- Doesn't matter to me, but I like voting in polls 36%, 12 votes12 votes 36%12 votes - 36% of all votes
- 70% 18%, 6 votes6 votes 18%6 votes - 18% of all votes
- 60% 9%, 3 votes3 votes 9%3 votes - 9% of all votes
- Between 70 and 80 9%, 3 votes3 votes 9%3 votes - 9% of all votes
- 80% 9%, 3 votes3 votes 9%3 votes - 9% of all votes
- I want something larger than 80% 9%, 3 votes3 votes 9%3 votes - 9% of all votes
- I want something smaller than 50% 6%, 2 votes2 votes 6%2 votes - 6% of all votes
- Between 60 and 70 3%, 1 vote1 vote 3%1 vote - 3% of all votes
- 50% 0%, 0 votes0 votes0 votes - 0% of all votes
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…
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!
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!
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
The Volume 3 packing station is in full swing. Featuring large boxes of books, and small piles of Stuff What Goes With The Books:Continue reading Leif & Thorn shipping news (no, the other kind of shipping)
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
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.
A Hero and a Scholar
Izzy “Strontium” Hall
Long-Runner Print of the Narrative
Richard W. Gombert
Brittany Kelly (TheGoodDrawer)
Tory S. Morgan
Kyle Albert Anderson
The Book Where It Happens
A Print Of The Narrative
Liz the Lucky
Simone Pietro Spinozzi
Julie L Spradley
Victoria Linnea Conner
Long-Runner Scrappy & Digital-Only
Lenore Jean Jones
Young, Scrappy, & Digital-Only
Jens Bejer Pedersen
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:
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.
- Del/Stanczia, starry formal wear
- Olive/Kale, first-date game
- Pascentia/Violet, autumn reading
- Leif/Thorn, wedding dance
- Bram/Laceleaf, summer game
- Kale/Delphinium, vacation handholding
- Archie/Rowan, first-date eye-gazing
- Lepida/Quince, late-night costumes
- Archie/Rowan/Violet, mealtime comfy sweaters
- Hyacinth/Hazel, late-night reading
- Ivy/Kallie, summer game
- Leif/Thorn/Kale, wedding comfy sweaters
- Stanczia/Imri, autumn hand-holding
- Vine/Cedar, holiday comfy sweaters
- Leif/Kale, late-night costumes
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
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.
The one where I finally get to make a “do it for the Vines” joke. And only, uh, 4 years after it stopped being culturally relevant.
Here’s the new cover, along with the two that go before it:Continue reading Volume 3 cover reveal!