Thank you Alan,
I like it better already.
Just had a look on my desktop screen, and would add an automatic resizing of the front page picture to fit the available space instead of having to scroll through it.
Best,
Benoit
Nov. 2, 2023
141
-
-
Benoit, it doesn't behave that well like that. It's a portrait image being shown on a landscape screen. If I made it fit the screen, it is quite small with a lot more whitespace at the sides.
Alan
-
There's a transparent gradient overlay in the design I suggested, so it should work on every kind of image, depending a bit on how transparent you make it.
There are a couple of usual solutions for integrating portrait-scale images into landscape views. Two of those, as well as a mobile-view attached...
-
To be honest, I don't feel like spending a lot of time micro-adjusting the landing page. There's a lot of other stuff I want to get on with. What we have now works OK on mobile and desktop.
If you (or anyone) wishes to take this on, I'd be happy to pass the baton over.
Alan
-
An alternative vision, based on Alan and simplejoy ideas: landing page prototype
It may not work properly on all devices. If something is seriously broken, then just send PM to me, no need to fix broken webpage code here :)
Other critique is of course welcome and requested. -
This is a screenshot from my phone (Samsung S20) showing how it appears now after Alan's changes today.
Seems to be look quite good to me and works well enough, for now, especially with a vertically orintated image on a phone held vertically.
You can see the whole image, and zoom in to see all the details in the photo.Scrolling and zooming works, nothing is hidden and the "annoying" banners, buttons and footers are all gone :-)
-
When I open a landing page, picture opens at what seems 100% instead of fit to screen. Am I overlooking something?
-
I get this on my laptop: What do you see?
-
I see the same, but this is not an whole picture. Shouldn't we see entire picture?
-
I see the top half of the picture on my computer screen and I have to scroll down to see the bottom HALF of this vertical image .
-
It depends on your screen. I can't change the first pass look so it seems OK on all sizes. There are just too many different sized screens (bring back the 14" monitor and do away with mobile phones 😁😁). What I may be able to do is when you click on it, or hover over it, a window opens which does contain the image.
-
I have a 27" monitor. Apparently I am not the only one with this problem. Image has to be viewed fully on any screen. I understand this is work in progress and this is something to look at.
-
I have 2 32" monitors and a laptop. Plus a mobile phone. It's different on each of them.
-
Yes. Image is displayed at 100% or at some fixed resolution and depending on the monitor resolution it will be displayed differently. IMO the page should be setup to display image to fit a screen.
-
This often does not look good neither for vertical images on desktop nor for horisontal images on phone (portrait) - unless non-covered areas are filled with some other content.
Because images can be in either orientation (and they don't have fixed aspect ratios - it may change from 16:9 to 9:16, some crops may even be more extreme), then it is quite impossible to create single template, covering all images.I don't know about Alan software flexibility - if changing templates on the fly would be easy, then it could be possible design few templates for different acpect ratios and change them alongside with image. Well, it may be required to make different templates for light and dark images also...
-
It's not hard to change things, but the width of the monitor (actually, the width of the flex grid) is the issue - especially for portrait images on a landscape monitor. So, how about this home page now? download.dprevived.com/home.html - it can contain the last 5 winners of the competition. All the comp winners will be in the comeptition page, but recent ones shown on the home page.
Alan
-
I like it, looks good.
-
This is nice with several pictures, I guess getting around the format problems..
