Page Comparison

Versions Compared

Key

This line was added.
This line was removed.
Formatting was changed.

note

Page Properties


Delete this page properties table before pushing to Viewport.

in person review, Thursday Jan 20th

Review doc for accuracy/missing details (like character limits).

What else needs to be updated (Obviously internal docs... but what about site structure workbook?)

Get terminology aligned across internal/external docs and workbook. Put it into the style guide. Make sure the actual config names won't cause confusion.

Status

Status

colour	Red
title	not visible to public

Status

colour	YellowRed
title	in revisionReady for review

waiting for some content from renae, see comments and red text

Type

Reference / Explanation

Reader

Clients

Reader goal

Contributors

JUNO version

V2.0

Reviewers (check the box when you’re done!)

Scrilla
Renae

Review deadline

20 Jan 2022

Notes for reviewers

The JUNO team can help you configure your site navigation.

...

Primary navigation is located at the bottom of mobile screens. It’s at the top of the page on desktop devices.
Mobile devices only show 4 links in the primary navigation menu, even if there are more on desktop devices. Any additional links are still accessible in the More menu.

connect site is being fixed by renae, etc-- get screenshot from there when it’s done. For desktop and mobile, as shown in mockup below. label the parts

...

Example desktop navigation (above)

[MOBILE SCREENSHOT]

Example mobile navigation (above)

Internal and external links

...

Primary navigation (desktop)

...

An example primary navigation bar on a desktop device. See the tables below for details.

Element		Options
1	Primary navigation links (Desktop)	Add or remove links (recommend approx. 5 max) Change text (Character limits)
2	Icons	Change icons (see the list of options below)

...

Primary navigation (mobile)

...

An example primary navigation bar on a mobile device. See the tables below for details.

Fewer primary navigation links fit on mobile devices. Your site’s home page is always the first link, and More is always the fourth link. Then you can choose two more.

The links you choose don’t have to be the same as those on desktop devices. They can even be links that exist somewhere else in subnavigation. Think about what is most important to your mobile app users! For example, they might want a direct link to the schedule page while they’re on the go.

Element		Options
1	Primary navigation links (Mobile)	Choose 2 links to appear on mobile devices.

Subnavigation (identical on desktop and mobile)

...

An example subnavigation bar on a desktop device. See the tables below for details.

When you click a primary navigation link, a subnavigation bar appears with additional links for that section of the site.

Element		Options
1	Subnavigation links	Add or remove links (0-# max number) Change text (Character limits)

More menu (identical on desktop and mobile)

...

An example more menu. See the tables below for details.

The More menu is a comprehensive list of all navigation links. It includes everything from primary navigation and subnavigation, as well as additional links.

The top section must remain as is. It’s identical to your primary and subnavigation. But the other sections are configurable:

Element		Options
1	Additional sections	Add or remove sections Change section titles (recommend 26 characters max) Remove section titles
2	Links	Add or remove links Change text (20 characters max)
3	Admin section	Add or remove links. These are restricted so that only site admins can see them. Regular attendees won’t see the link at all.

...