Create Page to Display when production site is off-line.

[entrotech]

Dependency

• [x] Create a Design Issue for Mockups.

Overview

If the production application needs to be taken off-line for maintenance or security fixes, we need to be able to display a static HTML page that says "The Los Angeles TDM Calculator is unavailable at this time. Please email [email protected] for assistance." words provided by Emily Gable.)

Action Items

• [x] Create page
• [ ] Work out procedure for deploying this page instead of the normal docker container to production.

Resources/Instructions

maybe this helps: https://stackoverflow.com/questions/48551848/azure-website-outage-maintenance-page

[Biuwa]

@Noushie Please provide an update

Progress: "What is the current status of your project? What have you completed and what is left to do?" Blockers: "Difficulties or errors encountered." Availability: "How much time will you have this week to work on this issue?" ETA: "When do you expect this issue to be completed?" Pictures (if necessary): "Add any pictures that will help illustrate what you are working on

[Noushie]

Here are a couple options for the offline page.

Option 1) Without wave design or title emphasis

Option 2) With wave design/title emphasis (design team pick)

@limjoyce - if you could provide the Figma link to the wireframes that would be great!

[limjoyce]

Figma link to wireframes here: https://www.figma.com/file/nD9QK56Mzq7xNSaSUoeGx0/TDM-Calculator?type=design&node-id=2301-11467&mode=design

[Biuwa]

2023-11-14 STAKEHOLDER MEETING FEEDBACK:

• Stakeholders selected Option 2 (With wave design/title emphasis)
• Alexander said:

The email should read: [email protected]

• It was also noticed that there is currently no way to get back to the LADOT site.

Please add the BAR with LADOT but remove all the menu items and login/logout etc.

[limjoyce]

Updated Offline page per 11/14 Stakeholder comments:

[Biuwa]

@ joyce Please correct the email underline. it should start at ladot and not tdm as it currently shows

[limjoyce]

@Biuwa Here is the corrected screen:

[Biuwa]

Please provide an update:

1. Progress(What is the current status of your project? What have you completed, and what is left to do):
2. Blockers(Difficulties or errors encountered):
3. Availability(How much time will you have this week to work on this issue):
4. ETA(When do you expect this issue to be completed):
5. Pictures (if necessary)(Add any pictures that will help illustrate what you are working on):

[Jonathanko52]

1. Progress(What is the current status of your project? What have you completed, and what is left to do):

Developed plan forward: Create a page that will pop up on command for now. Actual infrastructure for displaying the "offline" site page will come later.

2. Blockers(Difficulties or errors encountered):

None.

3. Availability(How much time will you have this week to work on this issue):

5-6 hours.

4. ETA(When do you expect this issue to be completed): 1/24

[Jonathanko52]

Progress: Page completed except for the "Wave design". Is this an asset we have located somewhere? Blockers(Difficulties or errors encountered): Source for wave design. Availability(How much time will you have this week to work on this issue): 3-4 hours a week ETA(When do you expect this issue to be completed): Later this week Pictures (if necessary)(Add any pictures that will help illustrate what you are working on): Looking for the source for this "wave"

[limjoyce]

@Jonathanko52 try using this image - let me know if you need a higher resolution

[Jonathanko52]

@limjoyce I think this will work. just in case, can you send me the higher resolution?

[Jonathanko52]

@limjoyce

Yes, I think I could use a higher resolution image.

[Jonathanko52]

@Jonathanko52 look into making bezier curve in css.

[Biuwa]

@Jonathanko52

Please provide an update:

1. Progress(What is the current status of your project? What have you completed, and what is left to do):
2. Blockers(Difficulties or errors encountered):
3. Availability(How much time will you have this week to work on this issue):
4. ETA(When do you expect this issue to be completed):
5. Pictures (if necessary)(Add any pictures that will help illustrate what you are working on)

[Jonathanko52]

Progress: Working one the "wave". Asset is missing, so attempting a creative CSS solution. Uncertain how long that could take. Otherwise, the offline page is ready for use. Blockers(Difficulties or errors encountered): Missing "wave" Availability: 2-3 hours a week. ETA(When do you expect this issue to be completed): ? Pictures (if necessary)(Add any pictures that will help illustrate what you are working on):

[limjoyce]

@Jonathanko52

here is a background in .svg format:

[Jonathanko52]

Thank you!

Added to the offline page. What does the design team think?

[Jonathanko52]

Received feedback from design team. Make changes and submitting pull request later this week.

[Jonathanko52]

sidebar removed.

[ExperimentsInHonesty]

This was in the prioritized backlog. Is has a merged pr. Does it work? I seem to remember someone saying something about there being no way to deploy this page when the site needs to be down.