Content Sections

Markdown Support

• Headers (H1-H3)
• Paragraphs
• Lists (ordered and unordered)
• Code blocks with syntax highlighting
• Blockquotes
• Images and Videos
• Inline code with backticks
• Bold text with double asterisks
• Italic text with single asterisks
• Bold and italic text combined
• Strikethrough text with tildes

Code Blocks

javascript
// Code blocks support syntax highlighting
const example = "hello world";

The language is automatically detected and displayed in the top-right corner.

Media Support

• Images: Standard markdown syntax

• Videos: HTML video tag

Terminal-Style Sections

The page automatically includes:

• Project path display
• Back navigation
• Tech stack tags
• GitHub and demo links
• Features list
• Challenges section

Styling Elements

Text Elements

• Regular text renders in the terminal text color
• Code blocks have a dark background with syntax highlighting
• Inline code uses accent coloring
• Links have hover effects

Lists

• Unordered lists use bullet points
• Ordered lists use numbers
• Nested lists are supported

Quotes

Blockquotes are styled with a left border and italic text

Interactive Elements

• Links have hover states
• Images and videos have hover opacity changes
• Navigation includes animated arrows

Features List

• Each feature in the front matter renders as a bullet point
• Automatically formatted in the terminal style
• Appears after the main content

Challenges Section

• Renders below features if provided
• Supports markdown formatting
• Helps explain technical obstacles overcome

Tech Stack Display

• Tags from front matter render as styled pills
• Terminal-themed listing
• Automatic spacing and wrapping

Links Section

• GitHub repository link (if provided)
• Live demo link (if provided)
• Styled with appropriate icons
• Hover effects for interaction