Front Page nav question

I'm trying to bring a country music guy into the 21st century - but still carrying on with some traditional graphics.

My opening page will be one image - stretched - a logo - 2 lines of text with some staggered automation - and a little graphic that says "One Way". Id like no footer and no nav on this opening page. I think I'll have to deal with viewports, but a later discussion

The demographic here is 50+. Id like viewer to click "one way" and that'll take him/her to the music and news page.

Here's the question -- will the viewer understand clicking on the "one way" sign -- or to I need a menu, or a dreaded "click me, or here" type of thing.

I know the page is large - but the rest of the site will be quite svelt. Enclosed pic of page - and project file

Thanks,
Bill

I think the way you have it with the one way arrow might work. But my firm belief is the harder you make for your visitor to figure out what she/he is supposed to do the easier you make it for him/her to go elsewhere.

Is the one way sign a coded message e.g. religious? Or is there a specific reason for the sign that his visitors will understand?

If the one way is not justified, perhaps a simple invitation, C'mon In.

Bill, I would time the page to jump to the real deal after your animation finishes. That leaves not doubt of where to go.

Acorn

Quote:

---

Originally Posted by gwpriester

I think the way you have it with the one way arrow might work. But my firm belief is the harder you make for your visitor to figure out what she/he is supposed to do the easier you make it for him/her to go elsewhere.

Is the one way sign a coded message e.g. religious? Or is there a specific reason for the sign that his visitors will understand?

If the one way is not justified, perhaps a simple invitation, C'mon In.

---

I’ve been trying to th8nk of a phrase like that for about three days. Thanks Gary

Quote:

---

Originally Posted by Acorn

Bill, I would time the page to jump to the real deal after your animation finishes. That leaves not doubt of where to go.

Acorn

---

Now you’re talking! And you realize what my next question is …….

Quote:

---

Originally Posted by bwood

Now you’re talking! And you realize what my next question is …….

---

Bill, simplest is put the front page first as 'index' and you main site page as 'splash'. In the the Splash page head put <meta http-equiv="refresh" content="5; url='index.htm(l)'" /> and Preview. The Splash page will display for 5 second then automatically jump to the index page. The (l) depends if you publish .htm or .html.
The advantage is those who save the website URL without a page bypass the Splash altogether.

You could set the whole graphic to also have a jump Link to index to short-circuit the process.

It might be better to set up the index page with a Splash pop-up that appears on load and closes on X click.
Here too, you could make the whole Splash have a Close Link.
The advantage is the index page content is loading behind the scenes (sort of).

I would go further and set up LocalStorage to only show the Splash a limited number of times.
Add a Hide the Splash button to also control this.
You could add a Splash it! button on index to reset this.

Acorn

I'll just leave this here.

>>> index (auzlink.net.au) <<<

Quote:

---

Originally Posted by Chris M

I'll just leave this here.

>>> index (auzlink.net.au) <<<

---

Magic as usual Chris!

Thanks You Acorn!

Quote:

---

Originally Posted by Chris M

I'll just leave this here.

>>> index (auzlink.net.au) <<<

---

Chris, question as always. I’m not understanding the length of the first page. Let’s say the page is w-1000, and length is a hero size, I’ll end up with white space after the image. If the first page is simply one image with text and a button do I stretch that image vertically to let’s say h=1000 or something. Mobile is no problem, but desktop and tablet page height is a problem. Thx

Quote:

---

Originally Posted by bwood

Chris, question as always. I’m not understanding the length of the first page. Let’s say the page is w-1000, and length is a hero size, I’ll end up with white space after the image. If the first page is simply one image with text and a button do I stretch that image vertically to let’s say h=1000 or something. Mobile is no problem, but desktop and tablet page height is a problem. Thx

---

Bill, technically you could make the image the Pasteboard image with no Page background and set it up to fill the browser.

I find this does not work.

My approach for a simple web page:

1. Create a layer - !Cover
2. Put a large image in !Cover:
   
   1. Give it an Image Filename
   2. Select it and add a Link to open the !Cover layer
   3. Hide !Cover
   
   
3. Add the following Website Code Body:

Code:

---

<style>
html {
  background-image: url('index_html_files/music.webp');
  height: 100vh;
  background-size: cover;
}
</style>

---

Do change the filename to what you have used.

Acorn

Quote:

---

technically you could make the image the Pasteboard image with no Page background and set it up to fill the browser.

I find this does not work.

---

Rather frustrating Acorn, it works in v19 but not in the current Pro+ version; somewhat a backwards step and should be flagged to Xara. I discovered this a few days ago; I had to go back to v19 to set the pasteboard and then reopen it in Pro +, which does work, even with 5K screens

Quote:

---

Originally Posted by Initiostar

Rather frustrating Acorn, it works in v19 but not in the current Pro+ version; somewhat a backwards step and should be flagged to Xara. I discovered this a few days ago; I had to go back to v19 to set the pasteboard and then reopen it in Pro +, which does work, even with 5K screens

---

gary, I thought it was me!

Yes, do flag it to Xara.

Acorn

Quote:

---

Originally Posted by bwood

Chris, question as always. I’m not understanding the length of the first page. Let’s say the page is w-1000, and length is a hero size, I’ll end up with white space after the image. If the first page is simply one image with text and a button do I stretch that image vertically to let’s say h=1000 or something. Mobile is no problem, but desktop and tablet page height is a problem. Thx

---

Yes, that's exactly what I did. It depends on the picture though, sometimes it crops too much, or you lose something vital.

Make the image stretch to width, resize by dragging the handles down. Make everything a link to the second page. Stretched objects can't have a link, a 99% transparent rectangle on top of the image solves that problem. I put an animation on the road sign when the mouse rolls over because it looks like a button, and I was reinforcing that thought.

Quote:

---

Originally Posted by Initiostar

Rather frustrating Acorn, it works in v19 but not in the current Pro+ version

---

This was my first plan of attack...fill browser window. I thought it was the image. Spent all of 2 seconds wondering, then shrugged and moved on. Your mind is obviously a lot more inquisitive than mine

In a room full of delicate crystals, Gary would tiptoe gracefully through, admiring each wondrous facet. I'd swing the door open, wave my arms around shouting 'coming through, out the way'.