mirror of
https://github.com/sophokles187/data-cards.git
synced 2026-07-22 12:30:26 +00:00
49 lines
2 KiB
HTML
49 lines
2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% if page.title %}{{ page.title }} - {% endif %}DataCards Documentation</title>
|
|
<link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">
|
|
<link rel="icon" href="{{ '/favicon.ico' | relative_url }}" type="image/x-icon">
|
|
</head>
|
|
<body>
|
|
<!-- Skip to content link for accessibility -->
|
|
<a href="#main-content" class="skip-to-content">Skip to content</a>
|
|
|
|
<!-- Dark mode toggle button -->
|
|
<button class="theme-toggle" aria-label="Toggle dark mode">
|
|
<!-- Moon icon for light mode -->
|
|
<svg class="moon-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
|
|
</svg>
|
|
<!-- Sun icon for dark mode (hidden initially) -->
|
|
<svg class="sun-icon" style="display: none;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
<circle cx="12" cy="12" r="5"></circle>
|
|
<line x1="12" y1="1" x2="12" y2="3"></line>
|
|
<line x1="12" y1="21" x2="12" y2="23"></line>
|
|
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
|
|
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
|
|
<line x1="1" y1="12" x2="3" y2="12"></line>
|
|
<line x1="21" y1="12" x2="23" y2="12"></line>
|
|
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
|
|
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
|
|
</svg>
|
|
</button>
|
|
|
|
<!-- Mobile menu toggle -->
|
|
<button class="mobile-menu-toggle" aria-label="Toggle mobile menu">
|
|
<span></span>
|
|
</button>
|
|
|
|
<div class="container">
|
|
{% include sidebar.html %}
|
|
|
|
<div id="main-content" class="main-content">
|
|
{{ content }}
|
|
</div>
|
|
</div>
|
|
|
|
<script src="{{ '/assets/js/script.js' | relative_url }}"></script>
|
|
</body>
|
|
</html>
|