[Tutorial] Add notice regarding 4-part tutorial near the top

[ryanditjia]

Refs:

• Add a note to the top of parts 5, 6, and 7 that they make sense only if you start with part 4 and go all the way through. #5612
• [tutorial] Add notice regarding 4-part tutorial near the top #5658

[gatsbybot]

Deploy preview for using-drupal ready!

Built with commit 9fa938b

https://deploy-preview-5673--using-drupal.netlify.com

[gatsbybot]

Deploy preview for gatsbygram ready!

Built with commit 9fa938b

https://deploy-preview-5673--gatsbygram.netlify.com

[m-allanson]

Thanks @ryanditjia. This looks good to me. cc @shannonbux for another set of eyes on this. Preview links are:

https://deploy-preview-5673--gatsbyjs.netlify.com/tutorial/part-four/
https://deploy-preview-5673--gatsbyjs.netlify.com/tutorial/part-five/
https://deploy-preview-5673--gatsbyjs.netlify.com/tutorial/part-six/
https://deploy-preview-5673--gatsbyjs.netlify.com/tutorial/part-seven/

Edit: pressed enter too early

[m-allanson]

Coming back to this - the note feels a bit too prominent to me.

One idea on condensing it would be:

• Drop the note from part 4
• For the remaining parts include the note with just a link back to part 4

Something like:

This tutorial is part of a series about Gatsby's data layer, make sure you've gone through part X before continuing here.

On parts 6 and 7 this could be extended with Are you new here? Jump back to the start of this tutorial series.

Thoughts @fk @shannonbux @ryanditjia?

[ryanditjia]

I agree with my implementation being too prominent! I will tone it down by shortening to concise sentences that you suggested. And, even better, we can replace blockquote with the Butler component. I’ve suggested implementing Butler + MDX in the issue, let’s wait for the responses!

[m-allanson]

@ryanditjia it'd be great to get a first version of this merged, then maybe it can be re-visited once there's a proper Butler callout component.

If you have time to finish this up then I think the least work to getting it merged would be:

• revert the example code changes, as there are newer updates here that are causing merge conflicts
• update the text of the notices based on my earlier comment

I think that's it!

[ryanditjia]

Apologies for letting this go stale for so long. Seems like it’s easier for me to close this and send another PR, doing that now!