ainc/ainc-gatsby-sanity

Ainc Sanity Gatsby

ainc-gatsby-sanity's Issues

Create /thanks page

https://www.awesomeinc.org/thanks

Create Links Page

https://www.awesomeinc.org/links

Create /fellowship/perks page

https://www.awesomeinc.org/fellowship/perks

Seems like it could be a static page, no need for sanity

Create /learn/youth page

https://www.awesomeinc.org/learn/youth

Straightforward, and just like the other pages, don't worry about sections bleeding into each other.

(Investigate) Fix x-scroll on various pages

Press page
Homepage (podcase section)
About page
Workspace
...and maybe more

On the homepage, this was fixed by making sure all Sections with row were placed inside of a container

Create I Have an Idea Page

https://www.awesomeinc.org/idea

Podcast page isn't generating

.createPage is not allowing the site to build on Netlify.

error message: error UNHANDLED REJECTION Couldn't find temp query result for "/podcast".

Build link

Duplicate by uncommenting this code and running netlify build locally.

Create /coding-club-preview page

https://www.awesomeinc.org/coding-club-preview

Could maybe implement this into a sanity doc but not sure if that is necessary (cc @raney24 )

Netlify site not deploying new commits

Seems like Netlify is getting caught up on the GraphQL when trying to deploy new commits

It is the same error on all of these commits

Create FAQ pages

These pages are the same just with different questions

Could most likely create a sanity doc of some sort

• https://www.awesomeinc.org/learn/coding-club-faq
• https://www.awesomeinc.org/india/faq (Also here #74 )

Responsiveness on About and Fellowship page

and maybe others
make pages responsive while finding a solution that makes both pages responsive with the same block of code

Create /Press page

Create the press page. Make the Press articles a Sanity Content type.

Create /mentors page

https://www.awesomeinc.org/mentors/

Seems simple enough

• Create sanity doc for entering the mentors
  • Name
  • Picture
  • Occupation
  • LinkedIn URL

Loading the homepage

When first loading the homepage, two arrows are flashed at the beginning of the screen. It is probably related to this component:
https://github.com/ainc/ainc-gatsby-sanity/blob/main/web/src/components/HomepageSlider/HomepageSlider.js

Create Unsubscribe page

https://www.awesomeinc.org/unsubscribe

Core Values Section

Core Values section images aren't being displayed. Could be because of a z-index problem with the bg and filter, or something else entirely.

This commit has the most relevant code.

Create India Pages

Hover effect on About page

The team section on the about page needs the hover effect for the names.

https://www.awesomeinc.org/about

Create 5A banner

Sanity query to get upcoming 5A and maybe the title and other info

Create 5 Across Page

Create confirmation pages

Static pages, no need for sanity

https://www.awesomeinc.org/confirmation/salesforce
https://www.awesomeinc.org/confirmation/bootcamp
https://www.awesomeinc.org/confirmation/bootcamp-download

Create Courses

Create /intro-to-web-development

Reference: https://www.awesomeinc.org/intro-to-web-development

Seems like a lot of the text could be static, need to figure out what to do about the upcoming dates section (whether to make a sanity doc or not)

Make FAQ Accordion component (Not sure if we want sanity for this):

• props:
  • Question
  • Answer

Finish /alumni page

Live site: https://www.awesomeinc.org/alumni
Dev Site: https://ainc-gatsby-sanity.netlify.app/alumni/

This page exists in our dev codebase but looks like a lot of the page needs built

Create Legality pages

https://www.awesomeinc.org/privacy
https://www.awesomeinc.org/terms

These both could be markdown pages (Ex: pages/terms/index.md)

This allows easy copy paste from old site

• Privacy Text
• Terms Text

Continuous Deployment / Staging branches with Sanity Studio

Each time someone makes a change to Sanity, it often breaks the production dataset. We need to set up a way for a staging dataset and a production dataset.

Link for ref: https://www.sanity.io/guides/multi-environment-deployments

Make announcement banner responsive

Margin on ModalCustom

The modal has random margin that adds unnecessary scroll when the modal is opened.

Card Mosaic (events section) problems

• Section is not responsive
• Need a default for empty props fields
• Events show up twice if they are featured and coming up

Create /careers page

https://www.awesomeinc.org/careers

Connect to Sanity document so jobs can be easily edited/posted

Will probably have to be able to add a custom title then text, some jobs have different fields than others
Also need a button/slider to select whether the job is active (posted) or not

Edit: Sanitys block type is probably a much better solution

Create dynamic page titles

Page titles should be included in each page. It would be nice to have these be dynamic using the Layout.js component. Do you think that is the best way to do that? This will allow us to code the page titles, or we can pass page title from a sanity document, etc.

(Prod Issue) Banner fades away on homepage

The 5A banner at the top of the page fades away only on the homepage.

on the production website (https://ainc-gatsby-sanity.netlify.app/)

create salesforce landing page

https://www.awesomeinc.org/salesforce

Create /contact page

https://www.awesomeinc.org/contact

Seems very simple with just a title and iframe to zoho link for the contact form

Also need to link to the Contact in footer

Create Redundancy for featured event on homepage

If the event date has passed, there is no featured event to display on homepage and it breaks.

Create Bootcamp Page

Sanity Document Types:

• Companies
• Testimonials
• Stats
• Meet Stephen

Notes Pages & Sanity Doc

Sanity Doc could include

• Note Title (Auto generate link from title slug)
• Portable Text Editor (To allow manual writing or iframe embed)

Then need to make these pages:

/mobile-apps-with-flutter
/intro-to-design
/android-crash
/android-sportsball-fanatic
/basicweb-crash
/after-school-coding-club
/dayofcode
/frontweb2
/ios-crash
/k12-teacher
/php-crash
/unity-crash
/weekofcode-hw
/woc

Create Podcast page

Create a page similar to the /blog page for our podcast. This can live at /podcast.

Refer to this commit for reference on how this is being imported.

In short, we used gatsby-source-rss-feed to import the podcasts from Anchor (at this URL: https://anchor.fm/s/81dfae4/podcast/rss)

I don't know what data we get from Anchor, so it may not match the /blog exactly.

Since it likely won't be the exact same, we can create a new component.

Create /team-alpha page

https://www.awesomeinc.org/team-alpha

• Sanity Doc
  • Name
  • Picture
  • Team/Role
  • Favorite Rule
  • Favorite Song
  • Favorite Person
  • Random Fact

Create /Parking Page

@megansizemore I can't remember if you had created this or not? If not, can I put this on your list?

awesomeinc.org/parking

Change footer to include missing QuickLinks (& Make /parking)

Missing Links:

• Innovation Incubated (Dont do for now)
• Startup Pipeline (Startup pipeline PDF)
• Community Yearbook (Need to add yearbook pdf)
• Rent Space (/workspace)
• Map (Gmaps Link)

Also create /parking and add to footer

• Static page, no need for sanity

Podcast page updated

@raney24 I have changed some things to the podcast page (reference #15 )

Create the /weekofcode Page

https://www.awesomeinc.org/weekofcode

All content should be static except for camp dates and registration links

• Ignore the cookie trail below the header
• Use Accordion component from react-bootstrap

MD Source: https://raw.githubusercontent.com/ainc/ainc-2018/master/_courses/weekofcode.md

Create 5Across Program guide

1. Create the page for mobile devices
2. Create and connect the sanity documents

Fix navbar

Replicate awesomeinc.org

• Add hover effect
• Add links to all pages
• Mobile, hamburger menu needs to be styled
• Remove reduntant item in dropdowns
• Move hamburger beside logo
• Mobile - make dropdowns links

Nice to have:

• Animation on mouse hover

Button Modal Component

Use react bootstrap modal.
Must be reusable.

Create /learn/adults page

Create this page: https://www.awesomeinc.org/learn/adults

Finishing touches for /learn page.

The bottom portion of the page needs some margin and to match the live site with the Proven Success section.

The image in between sections is unnecessary, that can be moved down into the bottom section.

typo

https://www.awesomeinc.org/alumni

Create /404 page

Example: https://www.awesomeinc.org/sfd