Viewer scale

I got the resume viewer to work in my page

But the scale effect doesn't look very well.

You can take a look.

The effect I wished for, is to scale it such that the user can see an bird's-eye view of the resume.

The letters doesn't need to be legible.

I was using the scale css as the ed.html.luan, but the scaled-down area still occupies the same area as before the down scale, causing lots of blank space.

Also, on mobile phone, the rendered resume font is just too big, and causing a very narrow and long resume on the screen.

Can you suggest a better way?

I figured it out.

Still need a bit of work.

The problem is that the rendering seems to require a fixed width and height.

If I don't specify a fixed width and height, the natural state will create a lot of blank space.

With fixed width and height, I have 2 problems.

1. I can make it look good on desktop, but then it becomes too big for mobile. Vice versa.

2. Fixed height causes the rendered resume to be cut off at random point.

Is there a better way?

The renderings works now on test and you can click template button to round robin templates.

fixed, search for "@media" in resume.css

That seems to fix the issue of having 2 scales depending on the max width.

Any solution on the natural scaled height?

Currently, if I remove the fixed height, and the natural height of the rendering will be the unscaled height, which causes a big blank space.

Seems unfixed again. The scale looks okay on desktop, but on mobile, wrong again.

I changed the max-height to max-width and it works now.

But the natural scaled height is a still an issue.

Please try hack something to make it possible to have a natural scaled height without causing blanks spaces.

Right now you can remove the fixed height and the height will be the natural unscaled height with lots of blank space.

I will work now so please don't edit code.

Okay.

Actually this requires some thought.  So I will work locally and you can work.

Look at src/fschmidt/res.luan .  Is this good enough?

How do I look?

Push and see /fschmidt/res .

I can already see it on my site. Looks good. Thanks!

It works on desktop. But not on mobile?

Push and try again.  I forgot the "meta" tag.

I tried, and still the same. You can narrow the width on desktop and see the change. The desktop version looks fine, once narrowing the width, you see the height cut off.

I completely changed how it works.  You can look at res.luan again.

This might work. I need to wait until having a real resume to see how it looks.