Welcome to Dark Matter

Dark Matter is a modern Astro theme for developers, designers, and content creators—functionality and aesthetics in one package.

🚀 Key Features

📝 Multi-Content Support

Blog Posts: Rich markdown support with reading time estimation
Projects: Showcase your work with GitHub and live demo links
CV/Resume: Professional resume with structured data

🎨 Modern Design

Dark/Light Theme Toggle: Seamless theme switching
Responsive Design: Perfect on all devices
Clean Typography: Optimized for readability
Professional Layout: Minimalist yet feature-rich

🔍 Advanced Functionality

Full-Text Search: Powered by Pagefind for instant content discovery
Tag System: Organize content with flexible tagging
Featured Content: Highlight your best work
SEO Optimized: Built-in meta tags and structured data

📊 Content Organization

The theme supports multiple content types, each with its own purpose:

Content Type	Purpose	Features
Blog	Articles & tutorials	tags, featured posts
Projects	Portfolio showcase	GitHub links, live demos
CV	Professional resume	Structured experience, education, skills

🛠 Technical Highlights

Built with Modern Tools

Astro: Lightning-fast static site generation
TypeScript: Type-safe development
Tailwind CSS: Utility-first styling
Pagefind: Client-side search engine

Performance Optimized

Static Generation: Pre-built pages for maximum speed
Image Optimization: Automatic image processing
Code Splitting: Efficient bundle loading
SEO Ready: Meta tags, sitemaps, and structured data

🎯 Perfect For

Developers: Showcase projects and technical writing
Designers: Portfolio and creative work display
Content Creators: Blog posts and documentation
Professionals: CV and professional presence

🚀 Getting Started

Clone the theme from the repository
Customize your site configuration
Add your content using the provided templates
Deploy to your preferred hosting platform

📱 Responsive & Accessible

The theme is built with accessibility in mind, featuring:

Semantic HTML structure
Keyboard navigation support
Screen reader compatibility
High contrast mode support

🔧 Customization

Every aspect of the theme can be customized:

Colors & Typography: Easy theme customization
Layout: Flexible component structure
Content: Rich markdown support
Navigation: Configurable menu system

Ready to build your professional online presence? Explore the other sections of this site to see all the features in action!

📝 Markdown Showcase

This section demonstrates all the Markdown syntax features supported by the theme, based on the Markdown Cheat Sheet:

Basic Syntax Examples

Headings

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading

H6 Heading

Text Formatting

This is bold text, this is italicized text, and this is bold italicized text. You can also use ~~strikethrough text~~.

Lists

Ordered List:

First item
Second item
Third item

Unordered List:

First item
Second item
Third item

Task List:

Completed task
Incomplete task
Another completed task

Code Examples

Here’s some inline code.

// JavaScript code block
function greet(name) {
  return `Hello, ${name}!`;
}

const message = greet('World');
console.log(message);

# Python code block
def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

print(fibonacci(10))

<!-- HTML code block -->
<!DOCTYPE html>
<html>
<head>
    <title>Example</title>
</head>
<body>
    <h1>Hello World</h1>
</body>
</html>

Blockquotes

This is a blockquote example. It can contain multiple lines and demonstrate how quoted text appears in the theme.

You can also have nested blockquotes:

This is a nested blockquote

And even deeper nesting

Special Blockquotes

Note

Tip

Important

Caution

Warning

Links and Images

Link to Markdown Guide

Alt text for image

Horizontal Rules

Extended Syntax Examples

Tables

Feature	Description	Status
Blog Posts	Rich markdown support	✅ Complete
Projects	GitHub integration	✅ Complete
Notes	Quick documentation	✅ Complete
CV	Professional resume	✅ Complete
Search	Full-text search	✅ Complete

Footnotes

Here’s a sentence with a footnote¹.

Definition Lists

Term 1 : Definition for term 1

Term 2 : Definition for term 2 : Another definition for term 2

Emoji Support

🚀 💻 🎨 🔍 📱 ⚡ 🛠️ 📊 🎯

This is the footnote content. ↩