Viewer scale

classic Classic list List threaded Threaded
22 messages Options
12
Reply | Threaded
Open this post in threaded view
|

Viewer scale

Will
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?
Reply | Threaded
Open this post in threaded view
|

Re: Viewer scale

Will
I figured it out.
Reply | Threaded
Open this post in threaded view
|

Re: Viewer scale

Will
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.
Reply | Threaded
Open this post in threaded view
|

Re: Viewer scale

fschmidt
Administrator
fixed, search for "@media" in resume.css
Reply | Threaded
Open this post in threaded view
|

Re: Viewer scale

Will
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.
Reply | Threaded
Open this post in threaded view
|

Re: Viewer scale

Will
Seems unfixed again. The scale looks okay on desktop, but on mobile, wrong again.
Reply | Threaded
Open this post in threaded view
|

Re: Viewer scale

Will
I changed the max-height to max-width and it works now.
Reply | Threaded
Open this post in threaded view
|

Re: Viewer scale

Will
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.
Reply | Threaded
Open this post in threaded view
|

Re: Viewer scale

fschmidt
Administrator
I will work now so please don't edit code.
Reply | Threaded
Open this post in threaded view
|

Re: Viewer scale

Will
Okay.
Reply | Threaded
Open this post in threaded view
|

Re: Viewer scale

fschmidt
Administrator
Actually this requires some thought.  So I will work locally and you can work.
Reply | Threaded
Open this post in threaded view
|

Re: Viewer scale

fschmidt
Administrator
In reply to this post by Will
Look at src/fschmidt/res.luan .  Is this good enough?
Reply | Threaded
Open this post in threaded view
|

Re: Viewer scale

Will
How do I look?
Reply | Threaded
Open this post in threaded view
|

Re: Viewer scale

fschmidt
Administrator
Push and see /fschmidt/res .
Reply | Threaded
Open this post in threaded view
|

Re: Viewer scale

Will
I can already see it on my site. Looks good. Thanks!
Reply | Threaded
Open this post in threaded view
|

Re: Viewer scale

Will
It works on desktop. But not on mobile?
Reply | Threaded
Open this post in threaded view
|

Re: Viewer scale

fschmidt
Administrator
Push and try again.  I forgot the "meta" tag.
Reply | Threaded
Open this post in threaded view
|

Re: Viewer scale

Will
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.
Reply | Threaded
Open this post in threaded view
|

Re: Viewer scale

fschmidt
Administrator
I completely changed how it works.  You can look at res.luan again.
Reply | Threaded
Open this post in threaded view
|

Re: Viewer scale

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