Main Heading (H1)
This is a comprehensive test of all markdown elements.
Secondary Heading (H2)
Tertiary Heading (H3)
Quaternary Heading (H4)
Quinary Heading (H5)
Senary Heading (H6)
Text Formatting
Bold text and italic text can be combined for bold italic text.
You can also use inline code
within paragraphs.
Hereβs some strikethrough text and highlighted text.
Lists
Unordered Lists
- First item
- Second item with bold text
- Third item with
code
- Nested list:
- Sub-item 1
- Sub-item 2
- Deep nested item
Ordered Lists
- First numbered item
- Second numbered item
- Third numbered item with a link
- Nested ordered list:
- Sub-item 1
- Sub-item 2
Code Blocks
Basic Code Block
function helloWorld() {
console.log("Hello, World!");
return "Hello from Safari-style browser!";
}
Python Code Block
def fibonacci(n):
if n <= 1:
return n
return fibonacci(n-1) + fibonacci(n-2)
# Test the function
for i in range(10):
print(f"F({i}) = {fibonacci(i)}")
CSS Code Block
.safari-style {
background: linear-gradient(to bottom, #f0f0f0, #e0e0e0);
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
Blockquotes
This is a blockquote. It should have a nice left border and background styling.
It can span multiple lines and contain bold text and
code
.
Another blockquote with different content to test spacing.
Links
Here are various types of links:
Images
Tables
Feature | Description | Status |
---|---|---|
Safari-style window | Rounded corners, proper shadows | β Complete |
Markdown rendering | Comprehensive element support | β Complete |
Responsive design | Mobile-friendly layout | β Complete |
Code highlighting | Syntax highlighting support | β Complete |
Complex Table
Language | Paradigm | Year Created | Popularity |
---|---|---|---|
JavaScript | Multi-paradigm | 1995 | Very High |
Python | Multi-paradigm | 1991 | Very High |
Rust | Systems | 2010 | Growing |
Haskell | Functional | 1990 | Niche |
Definition Lists
HTML definition lists (though not standard markdown):
- Safari
- A web browser developed by Apple Inc.
- Markdown
- A lightweight markup language for creating formatted text.
Horizontal Rules
Above is a horizontal rule.
Keyboard and Sample Text
Press Ctrl + C to copy.
Sample output: Hello, World!
Mathematical Expressions
Subscript: H2O
Superscript: E = mc2
Small Text
This is small text, often used for disclaimers or fine print.
Inserted and Deleted Text
This text has been inserted and this text has been deleted.
Code with Language Specification
interface BlogPost {
title: string;
author: string;
content: string;
tags?: string[];
}
const post: BlogPost = {
title: "Test",
author: "Natalie",
content: "Beautiful markdown rendering",
};
Long Content Test
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.
Nested Content
This section tests nested content rendering:
- Bold numbered item
- Italic numbered item
Code numbered item
- Link numbered item
Blockquote within a section
# Shell command example
echo "Testing nested code blocks"