choctaw-nation/virtual-hq-tour

Project Overview

• Build a self-hosted tour of the nation's HQ

Quick Start

• npm i to install package dependencies
• composer install to install WPCS linting

Changelog (Pre-Release)

v1.0.0

• Init theme

virtual-hq-tour's Issues

Artwork Archive Masonry Layout

Add Lightbox

refactor modal

Fix Legend Toggle

Fully accessible Map

Make all pins into zones

Fix Map Zone

Shane Issues

• Should we add a description to the home page describing the intent of the site? Not sure if Kellie provided text we could use.
• Could we condense the site name/link to just “Virtual Headquarters Tour” and maybe use a bolder font since it’s the title?
• Remove border on hamburger nav icon (mobile)
• Tighten up the mobile nav items
• On “Additional Videos” page could we have the titles below the videos?
• Any chance to condense the map frame a bit on mobile and desktop?
• Welcome Modal close button at bottom (make like map modals)
• Legend button purple with white text, legend white background with black text, active legend accordion purple with white text

Fix Macy Layout bug

Add a border around "Map Key" and add indicators to make it feel more like a legend (Possibly using colored squares next to labels like screenshot)

Create new page called "Art @ HQ" and add all images from current stqry app's Artist page (https://choctaw.stqry.app/5) and add to top nav. Put in gallery layout. (Since these may be eventually linked to different zones on the map, it may be worth setting them up as a CPT, but I'll let you make that call)

Remove gray on sides of map

Structural changes

Homepage

• #5
• Move Additional Videos to new page called "Additional Videos" and add to top nav

Map changes

• #9
• #8
• #7

Art page

• #6

Smaller Map Images

Move first video in "Main Lobby" to new zone in-front of HQ

Add legend to map

Move "Welcome" content and video into modal that opens on page load. Should create cookie which doesn't show modal again for 1 month. (You can use the Popup Maker plugin or custom build).

Styling Changes

Header

• Change the title to “Choctaw Nation Virtual Headquarters Tour”
• Make the header non-sticky

Homepage

• Make the video modals larger
• #4
• #3

Footer

• Remove Seal and title