Skip to content

Adding alt text to build charts overview and deploy pages (#66) #88

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Oct 4, 2020
Merged

Adding alt text to build charts overview and deploy pages (#66) #88

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions _posts/build_charts/2020-06-11-Build-Charts.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,10 +7,10 @@ site: build
---

There are 6 charts to make for the O-FISH web app. There are 4 charts in the Compliance Rate section on the homepage - each of the numbers for "Compliance Rate", "Boardings" and "Violations" are their own charts, plus the donut chart:
<img src="/assets/images/ComplianceCharts.png" style="border:1px solid black" width="100%"><BR><BR>
<img src="/assets/images/ComplianceCharts.png" alt="The number charts are on the left and the donut chart is on the right" style="border:1px solid black" width="100%"><BR><BR>

Underneath the Compliance Rate section, there is a map of boardings, and then a chart with a list of boardings:
<img src="/assets/images/BoardingsMap.png" style="border:1px solid black" width="100%"><BR><BR>
<img src="/assets/images/ListOfBoardings.png" style="border:1px solid black" width="100%"><BR><BR>
<img src="/assets/images/BoardingsMap.png" alt="Interactive map color-coded by risk" style="border:1px solid black" width="100%"><BR><BR>
<img src="/assets/images/ListOfBoardings.png" alt="6 column table filtered by date" style="border:1px solid black" width="100%"><BR><BR>

First, we will set up the Data Sources and create a dashboard for our charts.
4 changes: 2 additions & 2 deletions _posts/build_charts/2020-06-12-Test-Charts.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,9 +9,9 @@ site: build
You have created and embedded a chart, so let's build and deploy the web application to see that everything worked.

1. In the Realm UI in your browser, select "Hosting" on the left-hand side under "MANAGE"<BR>
<img src="/assets/images/Hosting.png" style="border:1px solid black" width="70%"><BR><BR>
<img src="/assets/images/Hosting.png" alt="How to get to where Hosting is located" style="border:1px solid black" width="70%"><BR><BR>
1. You should see this page:
<img src="/assets/images/HostingWithFiles.png" style="border:1px solid black" width="100%"><BR><BR>
<img src="/assets/images/HostingWithFiles.png" alt="What the Hosting page looks like" style="border:1px solid black" width="100%"><BR><BR>

1. Follow the <A HREF="/web/2020/06/09/Build-Web-App.html">build instructions starting at #5</a> to build and deploy the application.

Expand Down
4 changes: 2 additions & 2 deletions _posts/build_charts/2020-06-14-Test-Charts.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,9 +9,9 @@ site: build
You have created and embedded your charts, so let's build and deploy the web application to see that everything worked.

1. In the Realm UI in your browser, select "Hosting" on the left-hand side under "MANAGE"<BR>
<img src="/assets/images/Hosting.png" style="border:1px solid black" width="70%"><BR><BR>
<img src="/assets/images/Hosting.png" alt="How to get to where Hosting is located" style="border:1px solid black" width="70%"><BR><BR>
1. You should see this page:
<img src="/assets/images/HostingWithFiles.png" style="border:1px solid black" width="100%"><BR><BR>
<img src="/assets/images/HostingWithFiles.png" alt="What the Hosting page looks like" style="border:1px solid black" width="100%"><BR><BR>

1. Follow the <A HREF="/web/2020/06/09/Build-Web-App.html">build instructions starting at #5</a> to build and deploy the application.

Expand Down