Website Tutorial: add full, scrollable table of contents.

[benjamindblock]

Overview

A few updates to make the Tutorial section of the website easier to navigate. I believe this will help new Roc developers by showing off the full contents of the Tutorial quickly and easily. It will also help current devs by making the documentation easier to navigate. I took some inspiration from the Odin lang overview page.

Changes:

• Adds the full contents of the tutorial to the Table of Contents (TOC)
• Makes the TOC scrollable to accommodate all of the content
• Makes the TOC fixed on the right hand side in desktop view
• Adjusts some font sizes to fit more content onto the page

I kept the mobile TOC as it is now.

Desktop

Mobile

[Anton-4]

Thanks for your contribution @benjamindblock!

I was wondering if we should re-use the (styling of the) sidebar from the docs here 🤔

[Anton-4]

I was wondering if we should re-use the (styling of the) sidebar from the docs here 🤔

Before I get you started on this @benjamindblock, @rtfeldman what do you think in general about the detailed table of contents that this PR proposes?

[gamebox]

just for context @benjamindblock we are planning a more thorough rewrite AND redesign of the tutorial for v0.1

[benjamindblock]

Thanks for the details @Anton-4 and @gamebox -- if it makes the most sense to hold off on any updates until v0.1 comes along with the full redesign, that makes sense to me. Let me know!