Long Content - myst-theme documentation

Long Content Example¶

This page contains extended content to test scrolling, navigation, table of contents behavior, and overall page performance with lengthy documents.

Introduction¶

This document demonstrates how the theme handles long-form content. It includes multiple sections, subsections, and various content types throughout to test the table of contents, scrolling behavior, and navigation features.

Section 1: Getting Started¶

Subsection 1.1¶

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Subsection 1.2¶

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Subsection 1.3¶

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.

def example_code():
    """Code block in the middle of long content."""
    return "This tests how code blocks render in long documents"

Section 2: Core Concepts¶

Subsection 2.1¶

Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae.

Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

Subsection 2.2¶

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

Column 1	Column 2	Column 3
Data A	Data B	Data C
Data D	Data E	Data F
Data G	Data H	Data I

Subsection 2.3¶

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.

First numbered item
Second numbered item
Third numbered item
Fourth numbered item
Fifth numbered item

Section 3: Advanced Topics¶

Subsection 3.1¶

Bullet point one
Bullet point two
Bullet point three
- Nested bullet
- Another nested bullet

Subsection 3.2¶

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

E = mc^2

(1)

The equation above demonstrates inline math in long documents.

Subsection 3.3¶

This is a blockquote in the middle of long content.
It spans multiple paragraphs to test quote rendering.

Section 4: Implementation Details¶

Subsection 4.1¶

function longDocumentExample() {
  // Testing code highlighting in extended content
  const message = "Hello from a long document!";
  console.log(message);
  return message;
}

Subsection 4.2¶

Subsection 4.3¶

Section 5: Best Practices¶

Subsection 5.1¶

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.

Subsection 5.2¶

Subsection 5.3¶

Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus.

Card in Long Document

Testing card rendering in extended content.

Another Card

Section 6: Performance¶

Subsection 6.1¶

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Subsection 6.2¶

Subsection 6.3¶

Section 7: Optimization¶

Subsection 7.1¶

fn main() {
    // Rust code example in long document
    println!("Testing code highlighting");
    let x = 42;
    println!("Value: {}", x);
}

Subsection 7.2¶

Subsection 7.3¶

Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae.

Section 8: Testing¶

Subsection 8.1¶

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

Subsection 8.2¶

Subsection 8.3¶

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.

Section 9: Deployment¶

Subsection 9.1¶

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Subsection 9.2¶

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi.

Subsection 9.3¶

Section 10: Conclusion¶

Subsection 10.1¶

Subsection 10.2¶

Subsection 10.3¶

This concludes the long content example. The document demonstrates how the theme handles extended content, multiple sections, and various MyST elements in a lengthy page context.

End Matter¶

Thank you for reviewing this long document. It demonstrates the theme’s ability to handle substantial content while maintaining performance, readability, and navigation features like the table of contents and scroll behavior.