search

pkra / laml-wc

A continuation of an experiment
https://pkra.github.io/laml-wc
0 stars 0 forks source link

dual design #10

Open pkra opened 12 months ago

pkra commented 12 months ago

I think I'd like to do a dual design - web and print - to see how far we can take a "single source" approach.

pkra commented 12 months ago

I think the most interesting part here will be to determine the HTML. For example in #6 I started inlining proof labels in the first paragraph. We could do that and then set display:block for the web. Or we could do statement-label+p { display:inline} to get a print-like look from the current html.

pkra commented 12 months ago

Ah, I was playing around with the HTML content and then https://github.com/scoskey/m522/blob/master/notes.tex in real luatex. I had started with article, made me reconsider styles - only to realize the TeX source is using amsbook - which is very different.

pkra commented 11 months ago

Or we could do statement-label+p { display:inline} to get a print-like look from the current html.

I'm leaning towards this. I'd prefer to think of print as secondary - and we could still do some pre-print processing (https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeprint_event) should we choose to

pkra commented 11 months ago

In particular, let's revert that part from #6.

pkra commented 11 months ago

I'm thinking that the web design version should be unnecessarily flashy -- full-width theorems, flashy backgrounds, scroll effects, the works.

And print css should go for some boring-looking CM layout.

pkra commented 11 months ago

I finally made some progress on the web-focused design. It isn't as flashy as I'd hoped but at least it's something.

I need to clean things up and then I can go back to more technical things. (Oh, so many things).

pkra commented 11 months ago

@scoskey I pushed a lot of changes, including what I showed you today - and further adjustments to that.

pkra commented 11 months ago

Ugh. I was looking into why the counter for section headings wasn't working. Turns out display: contents prevents counters from incremementing, too.

pkra commented 11 months ago

Easy fix: we increment on the heading.

pkra commented 11 months ago

I think both headings in vertical is overkill. Let's keep section headings horizontal.

pkra commented 11 months ago

Lots more little tweaks for the web design.

pkra commented 11 months ago

There's something funky going on in Ch 3. Something is preventing shrinkwrapping. I thought it was the codepen and table but removing those temporarily didn't change anything. Needs more investigating.

pkra commented 11 months ago

Incoming tweak: on <1100px switch to single columns design.

pkra commented 11 months ago

Without JS magic to detect 'stuck" position sticky, I'm opting to only make section heading sticky on small screens.

pkra commented 11 months ago

There's something funky going on in Ch 3. Something is preventing shrinkwrapping. I thought it was the codepen and table but removing those temporarily didn't change anything. Needs more investigating.

Oh, it's just lack of hyphenation.